@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
package/__flow__/index.flow.js
DELETED
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
/* Asset types */
|
|
4
|
-
export type { EnumIconNames } from "@sproutsocial/seeds-icons";
|
|
5
|
-
export type { EnumIllustrationNames } from "@sproutsocial/seeds-illustrations";
|
|
6
|
-
export type { EnumLogoNamesWithoutVariants as EnumLogoNames } from "@sproutsocial/seeds-partner-logos";
|
|
7
|
-
|
|
8
|
-
/* Theme and related types */
|
|
9
|
-
export * from "./systemProps/index.flow";
|
|
10
|
-
export { default as theme } from "./themes/light/theme.flow";
|
|
11
|
-
export { default as darkTheme } from "./themes/dark/theme.flow";
|
|
12
|
-
export { sproutLightTheme, sproutDarkTheme } from "./themes/extendedThemes/sproutTheme/index.flow";
|
|
13
|
-
export type { TypeTheme, TypeSproutTheme } from "./types/theme.flow";
|
|
14
|
-
export { default as ThemeProvider } from "./ThemeProvider/index.flow";
|
|
15
|
-
|
|
16
|
-
/* Utilities and related types */
|
|
17
|
-
export { useSelect, useMultiselect, useTextContent } from "./utils/hooks.flow";
|
|
18
|
-
export { visuallyHidden, focusRing, disabled } from "./utils/mixins.flow";
|
|
19
|
-
export { useInteractiveColor } from "./utils/useInteractiveColor.flow";
|
|
20
|
-
|
|
21
|
-
/* Components */
|
|
22
|
-
export { default as Avatar } from "./Avatar/index.flow";
|
|
23
|
-
export { default as Badge } from "./Badge/index.flow";
|
|
24
|
-
export { default as Banner } from "./Banner/index.flow";
|
|
25
|
-
export { default as Box } from "./Box/index.flow";
|
|
26
|
-
export { default as Breadcrumb } from "./Breadcrumb/index.flow";
|
|
27
|
-
export { default as Button } from "./Button/index.flow";
|
|
28
|
-
export { default as Card } from "./Card/index.flow";
|
|
29
|
-
export { default as CharacterCounter } from "./CharacterCounter/index.flow";
|
|
30
|
-
export { default as ChartLegend } from "./ChartLegend/index.flow";
|
|
31
|
-
export { default as Checkbox } from "./Checkbox/index.flow";
|
|
32
|
-
export { default as Collapsible } from "./Collapsible/index.flow";
|
|
33
|
-
export { DateRangePicker, SingleDatePicker } from "./DatePicker/index.flow";
|
|
34
|
-
export { default as Drawer } from "./Drawer/index.flow";
|
|
35
|
-
export { default as EmptyState } from "./EmptyState/index.flow";
|
|
36
|
-
export { default as Fieldset } from "./Fieldset/index.flow";
|
|
37
|
-
export { default as FormField } from "./FormField/index.flow";
|
|
38
|
-
export * from "./Icon/index.flow";
|
|
39
|
-
export { default as Image } from "./Image/index.flow";
|
|
40
|
-
export { default as Indicator } from "./Indicator/index.flow";
|
|
41
|
-
export { default as Input } from "./Input/index.flow";
|
|
42
|
-
export { default as KeyboardKey } from "./KeyboardKey/index.flow";
|
|
43
|
-
export { default as Label } from "./Label/index.flow";
|
|
44
|
-
export { default as Link } from "./Link/index.flow";
|
|
45
|
-
export { default as Listbox, ListboxButton } from "./Listbox/index.flow";
|
|
46
|
-
export { default as Loader } from "./Loader/index.flow";
|
|
47
|
-
export { default as LoaderButton } from "./LoaderButton/index.flow";
|
|
48
|
-
export { default as Menu, MenuButton, MenuButtonContext, MenuItemContainer } from "./Menu/index.flow";
|
|
49
|
-
export { default as Message } from "./Message/index.flow";
|
|
50
|
-
export { default as Modal } from "./Modal/index.flow";
|
|
51
|
-
export { default as Numeral } from "./Numeral/index.flow";
|
|
52
|
-
export { default as PartnerLogo } from "./PartnerLogo/index.flow";
|
|
53
|
-
export { default as Popout } from "./Popout/index.flow";
|
|
54
|
-
export { default as Radio } from "./Radio/index.flow";
|
|
55
|
-
export { default as SegmentedControl } from "./SegmentedControl/index.flow";
|
|
56
|
-
export { default as Select } from "./Select/index.flow";
|
|
57
|
-
export { default as Skeleton } from "./Skeleton/index.flow";
|
|
58
|
-
export { default as SpotIllustration } from "./SpotIllustration/index.flow";
|
|
59
|
-
export { default as Stack } from "./Stack/index.flow";
|
|
60
|
-
export * from "./Switch/index.flow";
|
|
61
|
-
export { default as Table } from "./Table/index.flow";
|
|
62
|
-
export { default as TableCell } from "./TableCell/index.flow";
|
|
63
|
-
export { default as TableHeaderCell } from "./TableHeaderCell/index.flow";
|
|
64
|
-
export { default as TableRowAccordion } from "./TableRowAccordion/index.flow";
|
|
65
|
-
export { default as Tabs } from "./Tabs/index.flow";
|
|
66
|
-
export { default as Text } from "./Text/index.flow";
|
|
67
|
-
export { default as Textarea } from "./Textarea/index.flow";
|
|
68
|
-
export { default as ToastContainer, toast } from "./Toast/index.flow";
|
|
69
|
-
export { default as ToggleHint } from "./ToggleHint/index.flow";
|
|
70
|
-
export { default as Token } from "./Token/index.flow";
|
|
71
|
-
export { default as TokenInput } from "./TokenInput/index.flow";
|
|
72
|
-
export { default as Tooltip } from "./Tooltip/index.flow";
|
|
73
|
-
export { VisuallyHidden } from "./VisuallyHidden/index.flow";
|
|
74
|
-
|
|
75
|
-
/* Components types */
|
|
76
|
-
export type { TypeAvatarProps } from "./Avatar/index.flow";
|
|
77
|
-
export type { TypeBadgeProps } from "./Badge/index.flow";
|
|
78
|
-
export type { TypeBannerProps, EnumBannerType } from "./Banner/index.flow";
|
|
79
|
-
export type { TypeBoxProps } from "./Box/index.flow";
|
|
80
|
-
export type { TypeBreadcrumbProps, TypeBreadcrumbItemProps } from "./Breadcrumb/index.flow";
|
|
81
|
-
export type { TypeButtonProps } from "./Button/index.flow";
|
|
82
|
-
export type { TypeCardProps } from "./Card/index.flow";
|
|
83
|
-
export type { TypeCharacterCounterProps } from "./CharacterCounter/index.flow";
|
|
84
|
-
export type { TypeChartLegendProps } from "./ChartLegend/index.flow";
|
|
85
|
-
export type { TypeCheckboxProps } from "./Checkbox/index.flow";
|
|
86
|
-
export type { TypeCollapsibleProps } from "./Collapsible/index.flow";
|
|
87
|
-
export type { TypeDateRangePickerProps, TypeSingleDatePickerProps } from "./DatePicker/index.flow";
|
|
88
|
-
export type { TypeDrawerProps, TypeDrawerCloseButtonProps, TypeDrawerHeaderProps } from "./Drawer/index.flow";
|
|
89
|
-
export type { TypeEmptyStateProps } from "./EmptyState/index.flow";
|
|
90
|
-
export type { TypeFieldsetProps } from "./Fieldset/index.flow";
|
|
91
|
-
export type { TypeFormFieldProps } from "./FormField/index.flow";
|
|
92
|
-
export type { TypeImageProps } from "./Image/index.flow";
|
|
93
|
-
export type { TypeIndicatorProps } from "./Indicator/index.flow";
|
|
94
|
-
export type { TypeInputProps } from "./Input/index.flow";
|
|
95
|
-
export type { TypeKeyboardKeyProps } from "./KeyboardKey/index.flow";
|
|
96
|
-
export type { TypeLabelProps } from "./Label/index.flow";
|
|
97
|
-
export type { TypeLinkProps } from "./Link/index.flow";
|
|
98
|
-
export type { TypeListboxProps, TypeListboxButtonProps } from "./Listbox/index.flow";
|
|
99
|
-
export type { TypeLoaderProps } from "./Loader/index.flow";
|
|
100
|
-
export type { TypeLoaderButtonProps } from "./LoaderButton/index.flow";
|
|
101
|
-
export type { TypeMenuButtonContext, TypeMenuButtonProps, TypeMenuContext, TypeMenuGroupProps, TypeMenuItemProps, TypeMenuItemRoles, TypeMenuProps, TypeMenuRoles } from "./Menu/index.flow";
|
|
102
|
-
export type { EnumDensities, TypeMessageProps } from "./Message/index.flow";
|
|
103
|
-
export type { TypeModalProps, TypeModalContentProps, TypeModalFooterProps, TypeModalHeaderProps } from "./Modal/index.flow";
|
|
104
|
-
export type { TypeNumeralProps } from "./Numeral/index.flow";
|
|
105
|
-
export type { TypePartnerLogoProps, TypePartnerNames } from "./PartnerLogo/index.flow";
|
|
106
|
-
export type { EnumPlacements, TypePopoutProps } from "./Popout/index.flow";
|
|
107
|
-
export type { TypeRadioProps } from "./Radio/index.flow";
|
|
108
|
-
export type { TypeSegmentedControlProps, TypeSegmentedControlItemProps } from "./SegmentedControl/index.flow";
|
|
109
|
-
export type { TypeSelectProps } from "./Select/index.flow";
|
|
110
|
-
export type { TypeSpotIllustrationProps } from "./SpotIllustration/index.flow";
|
|
111
|
-
export type { TypeStackProps } from "./Stack/index.flow";
|
|
112
|
-
export type { TypeTableProps, TypeTableRow } from "./Table/index.flow";
|
|
113
|
-
export type { TypeTableCell, TypeTableCellProps } from "./TableCell/index.flow";
|
|
114
|
-
export type { TypeEnumSortDirections, TypeTableHeaderCell,
|
|
115
|
-
// Component props type, but why also TypeTableHeaderCell?
|
|
116
|
-
TypeTableHeaderCellProps } from "./TableHeaderCell/index.flow";
|
|
117
|
-
export type { TypeTableRowAccordionProps } from "./TableRowAccordion/index.flow";
|
|
118
|
-
export type { TypeTabsProps, TypeTabButtonsProps } from "./Tabs/index.flow";
|
|
119
|
-
export type { TypeTextProps } from "./Text/index.flow";
|
|
120
|
-
export type { TypeTextareaProps } from "./Textarea/index.flow";
|
|
121
|
-
export type { TypeToastOptions, TypeToastTheme } from "./Toast/index.flow";
|
|
122
|
-
export type { TypeToggleHintProps } from "./ToggleHint/index.flow";
|
|
123
|
-
export type { TypeTokenProps } from "./Token/index.flow";
|
|
124
|
-
export type { TypeTokenInputProps, TypeTokenSpec } from "./TokenInput/index.flow";
|
|
125
|
-
export type { TypeTooltipProps } from "./Tooltip/index.flow";
|
|
126
|
-
|
|
127
|
-
/* Deprecated exports */
|
|
128
|
-
/**
|
|
129
|
-
* @deprecated Use badgeColor instead
|
|
130
|
-
*/
|
|
131
|
-
export { legacyBadgeColors } from "./Badge/index.flow";
|
|
132
|
-
|
|
133
|
-
/**
|
|
134
|
-
* @deprecated Alert has been renamed to Banner
|
|
135
|
-
*/
|
|
136
|
-
export { default as Alert } from "./Banner/index.flow";
|
package/__flow__/index.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
// @flow strict-local
|
|
2
|
-
|
|
3
|
-
import { background } from "styled-system";
|
|
4
|
-
import type { Property$BackgroundImage, Property$BackgroundPosition, Property$Background, Property$BackgroundRepeat, Property$BackgroundSize } from "csstype";
|
|
5
|
-
import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
|
|
6
|
-
|
|
7
|
-
// https://styled-system.com/table#background
|
|
8
|
-
|
|
9
|
-
export type TypeBackgroundSystemProps = $ReadOnly<{|
|
|
10
|
-
background?: TypeResponsiveBaseSystemProp<Property$Background<void>>,
|
|
11
|
-
backgroundImage?: TypeResponsiveBaseSystemProp<Property$BackgroundImage>,
|
|
12
|
-
backgroundSize?: TypeResponsiveBaseSystemProp<Property$BackgroundSize<void>>,
|
|
13
|
-
// prettier-ignore
|
|
14
|
-
backgroundPosition?: TypeResponsiveBaseSystemProp<Property$BackgroundPosition<void>>,
|
|
15
|
-
backgroundRepeat?: TypeResponsiveBaseSystemProp<Property$BackgroundRepeat>,
|
|
16
|
-
|}>;
|
|
17
|
-
export const backgroundSystemProps: StyledSystemStyleFn = background;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
// @flow strict-local
|
|
2
|
-
|
|
3
|
-
import { border } from "styled-system";
|
|
4
|
-
import type { Property$BorderBottomColor, Property$BorderBottomLeftRadius, Property$BorderBottom, Property$BorderBottomRightRadius, Property$BorderBottomStyle, Property$BorderBottomWidth, Property$BorderColor, Property$BorderLeftColor, Property$BorderLeft, Property$BorderLeftStyle, Property$BorderLeftWidth, Property$Border, Property$BorderRadius, Property$BorderRightColor, Property$BorderRight, Property$BorderRightStyle, Property$BorderRightWidth, Property$BorderStyle, Property$BorderTopColor, Property$BorderTopLeftRadius, Property$BorderTop, Property$BorderTopRightRadius, Property$BorderTopStyle, Property$BorderTopWidth, Property$BorderWidth } from "csstype";
|
|
5
|
-
import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
|
|
6
|
-
|
|
7
|
-
// https://styled-system.com/table#border
|
|
8
|
-
|
|
9
|
-
export type TypeBorderSystemProps = $ReadOnly<{|
|
|
10
|
-
border?: TypeResponsiveBaseSystemProp<Property$Border<number>>,
|
|
11
|
-
borderBottom?: TypeResponsiveBaseSystemProp<Property$BorderBottom<number>>,
|
|
12
|
-
borderBottomColor?: TypeResponsiveBaseSystemProp<Property$BorderBottomColor>,
|
|
13
|
-
// prettier-ignore
|
|
14
|
-
borderBottomLeftRadius?: TypeResponsiveBaseSystemProp<Property$BorderBottomLeftRadius<number>>,
|
|
15
|
-
// prettier-ignore
|
|
16
|
-
borderBottomRightRadius?: TypeResponsiveBaseSystemProp<Property$BorderBottomRightRadius<number>>,
|
|
17
|
-
borderBottomStyle?: TypeResponsiveBaseSystemProp<Property$BorderBottomStyle>,
|
|
18
|
-
// prettier-ignore
|
|
19
|
-
borderBottomWidth?: TypeResponsiveBaseSystemProp<Property$BorderBottomWidth<number>>,
|
|
20
|
-
borderColor?: TypeResponsiveBaseSystemProp<Property$BorderColor>,
|
|
21
|
-
borderLeft?: TypeResponsiveBaseSystemProp<Property$BorderLeft<number>>,
|
|
22
|
-
borderLeftColor?: TypeResponsiveBaseSystemProp<Property$BorderLeftColor>,
|
|
23
|
-
borderLeftStyle?: TypeResponsiveBaseSystemProp<Property$BorderLeftStyle>,
|
|
24
|
-
// prettier-ignore
|
|
25
|
-
borderLeftWidth?: TypeResponsiveBaseSystemProp<Property$BorderLeftWidth<number>>,
|
|
26
|
-
borderRadius?: TypeResponsiveBaseSystemProp<Property$BorderRadius<number>>,
|
|
27
|
-
borderRight?: TypeResponsiveBaseSystemProp<Property$BorderRight<number>>,
|
|
28
|
-
borderRightColor?: TypeResponsiveBaseSystemProp<Property$BorderRightColor>,
|
|
29
|
-
borderRightStyle?: TypeResponsiveBaseSystemProp<Property$BorderRightStyle>,
|
|
30
|
-
// prettier-ignore
|
|
31
|
-
borderRightWidth?: TypeResponsiveBaseSystemProp<Property$BorderRightWidth<number>>,
|
|
32
|
-
borderStyle?: TypeResponsiveBaseSystemProp<Property$BorderStyle>,
|
|
33
|
-
borderTop?: TypeResponsiveBaseSystemProp<Property$BorderTop<number>>,
|
|
34
|
-
borderTopColor?: TypeResponsiveBaseSystemProp<Property$BorderTopColor>,
|
|
35
|
-
// prettier-ignore
|
|
36
|
-
borderTopLeftRadius?: TypeResponsiveBaseSystemProp<Property$BorderTopLeftRadius<number>>,
|
|
37
|
-
// prettier-ignore
|
|
38
|
-
borderTopRightRadius?: TypeResponsiveBaseSystemProp<Property$BorderTopRightRadius<number>>,
|
|
39
|
-
borderTopStyle?: TypeResponsiveBaseSystemProp<Property$BorderTopStyle>,
|
|
40
|
-
// prettier-ignore
|
|
41
|
-
borderTopWidth?: TypeResponsiveBaseSystemProp<Property$BorderTopWidth<number>>,
|
|
42
|
-
borderWidth?: TypeResponsiveBaseSystemProp<Property$BorderWidth<number>>,
|
|
43
|
-
borderX?: TypeResponsiveBaseSystemProp<Property$BorderLeft<number>>,
|
|
44
|
-
borderY?: TypeResponsiveBaseSystemProp<Property$BorderTop<number>>,
|
|
45
|
-
|}>;
|
|
46
|
-
export const borderSystemProps: StyledSystemStyleFn = border;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
// @flow strict-local
|
|
2
|
-
|
|
3
|
-
import { color } from "styled-system";
|
|
4
|
-
import type { Property$BackgroundColor, Property$Color, Property$Opacity } from "csstype";
|
|
5
|
-
import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
|
|
6
|
-
|
|
7
|
-
// https://styled-system.com/table#color
|
|
8
|
-
|
|
9
|
-
export type TypeBackgroundColorSystemProp = TypeResponsiveBaseSystemProp<Property$BackgroundColor>;
|
|
10
|
-
export type TypeColorSystemProps = $ReadOnly<{|
|
|
11
|
-
backgroundColor?: TypeBackgroundColorSystemProp,
|
|
12
|
-
bg?: TypeBackgroundColorSystemProp,
|
|
13
|
-
color?: TypeResponsiveBaseSystemProp<Property$Color>,
|
|
14
|
-
opacity?: TypeResponsiveBaseSystemProp<Property$Opacity>,
|
|
15
|
-
|}>;
|
|
16
|
-
export const colorSystemProps: StyledSystemStyleFn = color;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
// @flow strict-local
|
|
2
|
-
|
|
3
|
-
import { compose, system } from "styled-system";
|
|
4
|
-
import type { Property$Cursor, Property$WhiteSpace } from "csstype";
|
|
5
|
-
import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
|
|
6
|
-
|
|
7
|
-
// https://styled-system.com/custom-props
|
|
8
|
-
|
|
9
|
-
export type TypeCustomSystemProps = $ReadOnly<{|
|
|
10
|
-
cursor?: TypeResponsiveBaseSystemProp<Property$Cursor>,
|
|
11
|
-
whiteSpace?: TypeResponsiveBaseSystemProp<Property$WhiteSpace>,
|
|
12
|
-
|}>;
|
|
13
|
-
export const customSystemProps: StyledSystemStyleFn = compose(system({
|
|
14
|
-
cursor: true,
|
|
15
|
-
whiteSpace: true
|
|
16
|
-
}));
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
// @flow strict-local
|
|
2
|
-
|
|
3
|
-
import { flexbox } from "styled-system";
|
|
4
|
-
import type { Property$AlignItems, Property$AlignContent, Property$JustifyContent, Property$JustifyItems, Property$FlexWrap, Property$FlexDirection, Property$Flex, Property$FlexBasis, Property$JustifySelf, Property$AlignSelf, Property$Gap, Property$ColumnGap, Property$RowGap, Globals } from "csstype";
|
|
5
|
-
import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
|
|
6
|
-
|
|
7
|
-
// https://styled-system.com/table#flexbox
|
|
8
|
-
|
|
9
|
-
type TypeGlobalsNumber = Globals | number;
|
|
10
|
-
export type TypeFlexboxSystemProps = $ReadOnly<{|
|
|
11
|
-
alignItems?: TypeResponsiveBaseSystemProp<Property$AlignItems>,
|
|
12
|
-
alignContent?: TypeResponsiveBaseSystemProp<Property$AlignContent>,
|
|
13
|
-
justifyItems?: TypeResponsiveBaseSystemProp<Property$JustifyContent>,
|
|
14
|
-
justifyContent?: TypeResponsiveBaseSystemProp<Property$JustifyItems>,
|
|
15
|
-
flexWrap?: TypeResponsiveBaseSystemProp<Property$FlexWrap>,
|
|
16
|
-
flexDirection?: TypeResponsiveBaseSystemProp<Property$FlexDirection>,
|
|
17
|
-
flex?: TypeResponsiveBaseSystemProp<Property$Flex<void>>,
|
|
18
|
-
flexGrow?: TypeResponsiveBaseSystemProp<TypeGlobalsNumber>,
|
|
19
|
-
flexShrink?: TypeResponsiveBaseSystemProp<TypeGlobalsNumber>,
|
|
20
|
-
flexBasis?: TypeResponsiveBaseSystemProp<Property$FlexBasis<void>>,
|
|
21
|
-
justifySelf?: TypeResponsiveBaseSystemProp<Property$JustifySelf>,
|
|
22
|
-
alignSelf?: TypeResponsiveBaseSystemProp<Property$AlignSelf>,
|
|
23
|
-
order?: TypeResponsiveBaseSystemProp<TypeGlobalsNumber>,
|
|
24
|
-
gap?: TypeResponsiveBaseSystemProp<Property$Gap<string | number>>,
|
|
25
|
-
columnGap?: TypeResponsiveBaseSystemProp<Property$ColumnGap<string | number>>,
|
|
26
|
-
rowGap?: TypeResponsiveBaseSystemProp<Property$RowGap<string | number>>,
|
|
27
|
-
|}>;
|
|
28
|
-
export const flexboxSystemProps: StyledSystemStyleFn = flexbox;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
// @flow strict-local
|
|
2
|
-
|
|
3
|
-
import { grid } from "styled-system";
|
|
4
|
-
import type { Property$GridArea, Property$GridAutoColumns, Property$GridAutoFlow, Property$GridAutoRows, Property$GridColumn, Property$GridColumnGap, Property$GridGap, Property$GridRow, Property$GridRowGap, Property$GridTemplateAreas, Property$GridTemplateColumns, Property$GridTemplateRows } from "csstype";
|
|
5
|
-
import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
|
|
6
|
-
|
|
7
|
-
// https://styled-system.com/table#grid-layout
|
|
8
|
-
|
|
9
|
-
export type TypeGridSystemProps = $ReadOnly<{|
|
|
10
|
-
gridArea?: TypeResponsiveBaseSystemProp<Property$GridArea>,
|
|
11
|
-
// prettier-ignore
|
|
12
|
-
gridAutoColumns?: TypeResponsiveBaseSystemProp<Property$GridAutoColumns<void>>,
|
|
13
|
-
gridAutoFlow?: TypeResponsiveBaseSystemProp<Property$GridAutoFlow>,
|
|
14
|
-
gridAutoRows?: TypeResponsiveBaseSystemProp<Property$GridAutoRows<void>>,
|
|
15
|
-
gridColumn?: TypeResponsiveBaseSystemProp<Property$GridColumn>,
|
|
16
|
-
gridColumnGap?: TypeResponsiveBaseSystemProp<Property$GridColumnGap<void>>,
|
|
17
|
-
gridGap?: TypeResponsiveBaseSystemProp<Property$GridGap<void>>,
|
|
18
|
-
gridRow?: TypeResponsiveBaseSystemProp<Property$GridRow>,
|
|
19
|
-
gridRowGap?: TypeResponsiveBaseSystemProp<Property$GridRowGap<void>>,
|
|
20
|
-
gridTemplateAreas?: TypeResponsiveBaseSystemProp<Property$GridTemplateAreas>,
|
|
21
|
-
// prettier-ignore
|
|
22
|
-
gridTemplateColumns?: TypeResponsiveBaseSystemProp<Property$GridTemplateColumns<void>>,
|
|
23
|
-
// prettier-ignore
|
|
24
|
-
gridTemplateRows?: TypeResponsiveBaseSystemProp<Property$GridTemplateRows<void>>,
|
|
25
|
-
|}>;
|
|
26
|
-
export const gridSystemProps: StyledSystemStyleFn = grid;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
// @flow strict-local
|
|
2
|
-
|
|
3
|
-
export * from "./types.flow";
|
|
4
|
-
export * from "./background.flow";
|
|
5
|
-
export * from "./border.flow";
|
|
6
|
-
export * from "./color.flow";
|
|
7
|
-
export * from "./custom.flow";
|
|
8
|
-
export * from "./flexbox.flow";
|
|
9
|
-
export * from "./grid.flow";
|
|
10
|
-
export * from "./layout.flow";
|
|
11
|
-
export * from "./position.flow";
|
|
12
|
-
export * from "./shadow.flow";
|
|
13
|
-
export * from "./space.flow";
|
|
14
|
-
export * from "./systemProps.flow";
|
|
15
|
-
export * from "./typography.flow";
|
|
16
|
-
export * from "./variant.flow";
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
// @flow strict-local
|
|
2
|
-
|
|
3
|
-
import { layout } from "styled-system";
|
|
4
|
-
import type { Property$Display, Property$Height, Property$MaxHeight, Property$MaxWidth, Property$MinHeight, Property$MinWidth, Property$Overflow, Property$OverflowX, Property$OverflowY, Property$VerticalAlign, Property$Width } from "csstype";
|
|
5
|
-
import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
|
|
6
|
-
|
|
7
|
-
// https://styled-system.com/table#layout
|
|
8
|
-
|
|
9
|
-
type TypeHeightProp = Property$Height<number>;
|
|
10
|
-
type TypeWidthProp = Property$Width<number>;
|
|
11
|
-
export type TypeLayoutSystemProps = $ReadOnly<{|
|
|
12
|
-
display?: TypeResponsiveBaseSystemProp<Property$Display>,
|
|
13
|
-
height?: TypeResponsiveBaseSystemProp<TypeHeightProp>,
|
|
14
|
-
maxHeight?: TypeResponsiveBaseSystemProp<Property$MaxHeight<number>>,
|
|
15
|
-
maxWidth?: TypeResponsiveBaseSystemProp<Property$MaxWidth<number>>,
|
|
16
|
-
minHeight?: TypeResponsiveBaseSystemProp<Property$MinHeight<number>>,
|
|
17
|
-
minWidth?: TypeResponsiveBaseSystemProp<Property$MinWidth<number>>,
|
|
18
|
-
overflow?: TypeResponsiveBaseSystemProp<Property$Overflow>,
|
|
19
|
-
overflowX?: TypeResponsiveBaseSystemProp<Property$OverflowX>,
|
|
20
|
-
overflowY?: TypeResponsiveBaseSystemProp<Property$OverflowY>,
|
|
21
|
-
size?: TypeResponsiveBaseSystemProp<TypeHeightProp & TypeWidthProp>,
|
|
22
|
-
verticalAlign?: TypeResponsiveBaseSystemProp<Property$VerticalAlign<void>>,
|
|
23
|
-
width?: TypeResponsiveBaseSystemProp<TypeWidthProp>,
|
|
24
|
-
|}>;
|
|
25
|
-
export const layoutSystemProps: StyledSystemStyleFn = layout;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
// @flow strict-local
|
|
2
|
-
|
|
3
|
-
import { position } from "styled-system";
|
|
4
|
-
import type { Property$Bottom, Property$Left, Property$Position, Property$Right, Property$Top, Property$ZIndex } from "csstype";
|
|
5
|
-
import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
|
|
6
|
-
|
|
7
|
-
// https://styled-system.com/table#position
|
|
8
|
-
|
|
9
|
-
export type TypePositionSystemProps = $ReadOnly<{|
|
|
10
|
-
bottom?: TypeResponsiveBaseSystemProp<Property$Bottom<number>>,
|
|
11
|
-
left?: TypeResponsiveBaseSystemProp<Property$Left<number>>,
|
|
12
|
-
position?: TypeResponsiveBaseSystemProp<Property$Position>,
|
|
13
|
-
right?: TypeResponsiveBaseSystemProp<Property$Right<number>>,
|
|
14
|
-
top?: TypeResponsiveBaseSystemProp<Property$Top<number>>,
|
|
15
|
-
zIndex?: TypeResponsiveBaseSystemProp<Property$ZIndex>,
|
|
16
|
-
|}>;
|
|
17
|
-
export const positionSystemProps: StyledSystemStyleFn = position;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
// @flow strict-local
|
|
2
|
-
|
|
3
|
-
import { shadow } from "styled-system";
|
|
4
|
-
import type { Property$BoxShadow, Property$TextShadow } from "csstype";
|
|
5
|
-
import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
|
|
6
|
-
|
|
7
|
-
// https://styled-system.com/table#shadow
|
|
8
|
-
|
|
9
|
-
export type TypeShadowSystemProps = $ReadOnly<{|
|
|
10
|
-
boxShadow?: TypeResponsiveBaseSystemProp<Property$BoxShadow>,
|
|
11
|
-
textShadow?: TypeResponsiveBaseSystemProp<Property$TextShadow>,
|
|
12
|
-
|}>;
|
|
13
|
-
export const shadowSystemProps: StyledSystemStyleFn = shadow;
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
/* eslint-disable prettier/prettier */
|
|
2
|
-
// @flow strict-local
|
|
3
|
-
|
|
4
|
-
import { space } from "styled-system";
|
|
5
|
-
import type { Property$Margin, Property$MarginBottom, Property$MarginLeft, Property$MarginRight, Property$MarginTop, Property$Padding, Property$PaddingBottom, Property$PaddingLeft, Property$PaddingRight, Property$PaddingTop } from "csstype";
|
|
6
|
-
import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
|
|
7
|
-
|
|
8
|
-
// https://styled-system.com/table#space
|
|
9
|
-
// prettier-ignore
|
|
10
|
-
type TypeMarginSystemProp = TypeResponsiveBaseSystemProp<Property$Margin<number>>;
|
|
11
|
-
// prettier-ignore
|
|
12
|
-
type TypeMarginBottomSystemProp = TypeResponsiveBaseSystemProp<Property$MarginBottom<number>>;
|
|
13
|
-
// prettier-ignore
|
|
14
|
-
type TypeMarginLeftSystemProp = TypeResponsiveBaseSystemProp<Property$MarginLeft<number>>;
|
|
15
|
-
// prettier-ignore
|
|
16
|
-
type TypeMarginRightSystemProp = TypeResponsiveBaseSystemProp<Property$MarginRight<number>>;
|
|
17
|
-
// prettier-ignore
|
|
18
|
-
type TypeMarginTopSystemProp = TypeResponsiveBaseSystemProp<Property$MarginTop<number>>;
|
|
19
|
-
// prettier-ignore
|
|
20
|
-
type TypeMarginXSystemProp = TypeResponsiveBaseSystemProp<Property$MarginLeft<number> & Property$MarginRight<number>>;
|
|
21
|
-
// prettier-ignore
|
|
22
|
-
type TypeMarginYSystemProp = TypeResponsiveBaseSystemProp<Property$MarginBottom<number> & Property$MarginTop<number>>;
|
|
23
|
-
// prettier-ignore
|
|
24
|
-
type TypePaddingSystemProp = TypeResponsiveBaseSystemProp<Property$Padding<number>>;
|
|
25
|
-
// prettier-ignore
|
|
26
|
-
type TypePaddingBottomSystemProp = TypeResponsiveBaseSystemProp<Property$PaddingBottom<number>>;
|
|
27
|
-
// prettier-ignore
|
|
28
|
-
type TypePaddingLeftSystemProp = TypeResponsiveBaseSystemProp<Property$PaddingLeft<number>>;
|
|
29
|
-
// prettier-ignore
|
|
30
|
-
type TypePaddingRightSystemProp = TypeResponsiveBaseSystemProp<Property$PaddingRight<number>>;
|
|
31
|
-
// prettier-ignore
|
|
32
|
-
type TypePaddingTopSystemProp = TypeResponsiveBaseSystemProp<Property$PaddingTop<number>>;
|
|
33
|
-
// prettier-ignore
|
|
34
|
-
type TypePaddingXSystemProp = TypeResponsiveBaseSystemProp<Property$PaddingLeft<number> & Property$PaddingRight<number>>;
|
|
35
|
-
// prettier-ignore
|
|
36
|
-
type TypePaddingYSystemProp = TypeResponsiveBaseSystemProp<Property$PaddingBottom<number> & Property$PaddingTop<number>>;
|
|
37
|
-
export type TypeSpaceSystemProps = $ReadOnly<{|
|
|
38
|
-
// margin longhand
|
|
39
|
-
margin?: TypeMarginSystemProp,
|
|
40
|
-
marginBottom?: TypeMarginBottomSystemProp,
|
|
41
|
-
marginLeft?: TypeMarginLeftSystemProp,
|
|
42
|
-
marginRight?: TypeMarginRightSystemProp,
|
|
43
|
-
marginTop?: TypeMarginTopSystemProp,
|
|
44
|
-
marginX?: TypeMarginXSystemProp,
|
|
45
|
-
marginY?: TypeMarginYSystemProp,
|
|
46
|
-
// margin shorthand
|
|
47
|
-
m?: TypeMarginSystemProp,
|
|
48
|
-
mb?: TypeMarginBottomSystemProp,
|
|
49
|
-
ml?: TypeMarginLeftSystemProp,
|
|
50
|
-
mr?: TypeMarginRightSystemProp,
|
|
51
|
-
mt?: TypeMarginTopSystemProp,
|
|
52
|
-
mx?: TypeMarginXSystemProp,
|
|
53
|
-
my?: TypeMarginYSystemProp,
|
|
54
|
-
// padding longhand
|
|
55
|
-
padding?: TypePaddingSystemProp,
|
|
56
|
-
paddingBottom?: TypePaddingBottomSystemProp,
|
|
57
|
-
paddingLeft?: TypePaddingLeftSystemProp,
|
|
58
|
-
paddingRight?: TypePaddingRightSystemProp,
|
|
59
|
-
paddingTop?: TypePaddingTopSystemProp,
|
|
60
|
-
paddingX?: TypePaddingXSystemProp,
|
|
61
|
-
paddingY?: TypePaddingYSystemProp,
|
|
62
|
-
// padding shorthand
|
|
63
|
-
p?: TypePaddingSystemProp,
|
|
64
|
-
pb?: TypePaddingBottomSystemProp,
|
|
65
|
-
pl?: TypePaddingLeftSystemProp,
|
|
66
|
-
pr?: TypePaddingRightSystemProp,
|
|
67
|
-
pt?: TypePaddingTopSystemProp,
|
|
68
|
-
px?: TypePaddingXSystemProp,
|
|
69
|
-
py?: TypePaddingYSystemProp,
|
|
70
|
-
|}>;
|
|
71
|
-
export const spaceSystemProps: StyledSystemStyleFn = space;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
// @flow strict-local
|
|
2
|
-
import { compose } from "styled-system";
|
|
3
|
-
import { backgroundSystemProps, type TypeBackgroundSystemProps } from "./background.flow";
|
|
4
|
-
import { borderSystemProps, type TypeBorderSystemProps } from "./border.flow";
|
|
5
|
-
import { colorSystemProps, type TypeColorSystemProps } from "./color.flow";
|
|
6
|
-
import { customSystemProps, type TypeCustomSystemProps } from "./custom.flow";
|
|
7
|
-
import { flexboxSystemProps, type TypeFlexboxSystemProps } from "./flexbox.flow";
|
|
8
|
-
import { gridSystemProps, type TypeGridSystemProps } from "./grid.flow";
|
|
9
|
-
import { layoutSystemProps, type TypeLayoutSystemProps } from "./layout.flow";
|
|
10
|
-
import { positionSystemProps, type TypePositionSystemProps } from "./position.flow";
|
|
11
|
-
import { shadowSystemProps, type TypeShadowSystemProps } from "./shadow.flow";
|
|
12
|
-
import { spaceSystemProps, type TypeSpaceSystemProps } from "./space.flow";
|
|
13
|
-
import { typographySystemProps, type TypeTypographySystemProps } from "./typography.flow";
|
|
14
|
-
import { variantSystemProps, type TypeVariantSystemProps } from "./variant.flow";
|
|
15
|
-
import type { StyledSystemStyleFn } from "./types.flow";
|
|
16
|
-
export type TypeSystemProps = $ReadOnly<{|
|
|
17
|
-
...TypeCustomSystemProps,
|
|
18
|
-
...TypeVariantSystemProps,
|
|
19
|
-
...TypeBackgroundSystemProps,
|
|
20
|
-
...TypeBorderSystemProps,
|
|
21
|
-
...TypeColorSystemProps,
|
|
22
|
-
...TypeFlexboxSystemProps,
|
|
23
|
-
...TypeGridSystemProps,
|
|
24
|
-
...TypeLayoutSystemProps,
|
|
25
|
-
...TypePositionSystemProps,
|
|
26
|
-
...TypeShadowSystemProps,
|
|
27
|
-
...TypeSpaceSystemProps,
|
|
28
|
-
...TypeTypographySystemProps,
|
|
29
|
-
|}>;
|
|
30
|
-
export const systemProps: StyledSystemStyleFn = compose(customSystemProps, variantSystemProps, backgroundSystemProps, borderSystemProps, colorSystemProps, flexboxSystemProps, gridSystemProps, layoutSystemProps, positionSystemProps, shadowSystemProps, spaceSystemProps, typographySystemProps);
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
// @flow strict
|
|
2
|
-
|
|
3
|
-
import type { TypeResponsiveSystemProp, TypeBaseSystemProp, TypeResponsiveBaseSystemProp } from "../types.flow.js";
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* All system props should be responsive but accepting a tuple of length 1-5.
|
|
7
|
-
*/
|
|
8
|
-
type TypeTestResponsiveSystemProp = TypeResponsiveSystemProp<"a">;
|
|
9
|
-
("a": TypeTestResponsiveSystemProp);
|
|
10
|
-
(["a"]: TypeTestResponsiveSystemProp);
|
|
11
|
-
(["a", "a"]: TypeTestResponsiveSystemProp);
|
|
12
|
-
(["a", "a", "a"]: TypeTestResponsiveSystemProp);
|
|
13
|
-
(["a", "a", "a", "a"]: TypeTestResponsiveSystemProp);
|
|
14
|
-
(["a", "a", "a", "a", "a"]: TypeTestResponsiveSystemProp);
|
|
15
|
-
// $FlowExpectedError
|
|
16
|
-
(["a", "a", "a", "a", "a", "a"]: TypeTestResponsiveSystemProp);
|
|
17
|
-
// $FlowExpectedError
|
|
18
|
-
(["b"]: TypeTestResponsiveSystemProp);
|
|
19
|
-
// $FlowExpectedError
|
|
20
|
-
([null]: TypeTestResponsiveSystemProp);
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* All system props should accept "base" values: boolean, null, and undefined.
|
|
24
|
-
*/
|
|
25
|
-
type TypeTestBaseSystemProp = TypeBaseSystemProp<"a">;
|
|
26
|
-
("a": TypeTestBaseSystemProp);
|
|
27
|
-
(true: TypeTestBaseSystemProp);
|
|
28
|
-
(false: TypeTestBaseSystemProp);
|
|
29
|
-
(null: TypeTestBaseSystemProp);
|
|
30
|
-
(undefined: TypeTestBaseSystemProp);
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* All system props should be responsive and allow "base" values.
|
|
34
|
-
*/
|
|
35
|
-
type TypeTestResponsiveBaseSystemProp = TypeResponsiveBaseSystemProp<"a" | "b">;
|
|
36
|
-
("a": TypeTestResponsiveBaseSystemProp);
|
|
37
|
-
("b": TypeTestResponsiveBaseSystemProp);
|
|
38
|
-
(true: TypeTestResponsiveBaseSystemProp);
|
|
39
|
-
(false: TypeTestResponsiveBaseSystemProp);
|
|
40
|
-
(null: TypeTestResponsiveBaseSystemProp);
|
|
41
|
-
(undefined: TypeTestResponsiveBaseSystemProp);
|
|
42
|
-
(["a", null, undefined, false, "b"]: TypeTestResponsiveBaseSystemProp);
|
|
43
|
-
(["a"]: TypeTestResponsiveBaseSystemProp);
|
|
44
|
-
// $FlowExpectedError
|
|
45
|
-
("c": TypeTestResponsiveBaseSystemProp);
|
|
46
|
-
// $FlowExpectedError
|
|
47
|
-
(1: TypeTestResponsiveBaseSystemProp);
|
|
48
|
-
// $FlowExpectedError
|
|
49
|
-
({}: TypeTestResponsiveBaseSystemProp);
|
|
50
|
-
// $FlowExpectedError
|
|
51
|
-
([]: TypeTestResponsiveBaseSystemProp);
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
// @flow strict
|
|
2
|
-
|
|
3
|
-
export type TypeResponsiveSystemProp<T> = T | [T] | [T, T] | [T, T, T] | [T, T, T, T] | [T, T, T, T, T];
|
|
4
|
-
export type TypeBaseSystemProp<T> = ?T | boolean;
|
|
5
|
-
// eslint-disable-next-line prettier/prettier
|
|
6
|
-
export type TypeResponsiveBaseSystemProp<T> = TypeResponsiveSystemProp<TypeBaseSystemProp<T>>;
|
|
7
|
-
export interface StyledSystemStyleFn {
|
|
8
|
-
config?: {...} | void,
|
|
9
|
-
propNames?: string[] | void,
|
|
10
|
-
cache?: {...} | void,
|
|
11
|
-
(...args: mixed[]): mixed,
|
|
12
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
// @flow strict-local
|
|
2
|
-
|
|
3
|
-
import { typography } from "styled-system";
|
|
4
|
-
import type { Property$FontFamily, Property$FontSize, Property$FontStyle, Property$FontWeight, Property$LetterSpacing, Property$LineHeight, Property$TextAlign } from "csstype";
|
|
5
|
-
import typeof { fontWeights as TypeofFontWeights } from "../themes/light/theme.flow";
|
|
6
|
-
import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
|
|
7
|
-
|
|
8
|
-
// https://styled-system.com/table#typography
|
|
9
|
-
|
|
10
|
-
export type TypeTypographySystemProps = $ReadOnly<{|
|
|
11
|
-
fontFamily?: TypeResponsiveBaseSystemProp<Property$FontFamily>,
|
|
12
|
-
fontSize?: TypeResponsiveBaseSystemProp<Property$FontSize<number>>,
|
|
13
|
-
fontStyle?: TypeResponsiveBaseSystemProp<Property$FontStyle>,
|
|
14
|
-
// prettier-ignore
|
|
15
|
-
fontWeight?: TypeResponsiveBaseSystemProp<Property$FontWeight | $Keys<TypeofFontWeights>>,
|
|
16
|
-
// prettier-ignore
|
|
17
|
-
letterSpacing?: TypeResponsiveBaseSystemProp<Property$LetterSpacing<string | number>>,
|
|
18
|
-
lineHeight?: TypeResponsiveBaseSystemProp<Property$LineHeight<void>>,
|
|
19
|
-
textAlign?: TypeResponsiveBaseSystemProp<Property$TextAlign>,
|
|
20
|
-
|}>;
|
|
21
|
-
export const typographySystemProps: StyledSystemStyleFn = typography;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
// @flow strict-local
|
|
2
|
-
import { compose, variant } from "styled-system";
|
|
3
|
-
import type { TypeTypography } from "../types/theme.flow";
|
|
4
|
-
import type { TypeResponsiveBaseSystemProp } from "./types.flow";
|
|
5
|
-
|
|
6
|
-
// https://styled-system.com/variants
|
|
7
|
-
|
|
8
|
-
export type TypeVariantSystemProps = $ReadOnly<{|
|
|
9
|
-
typeScale?: TypeResponsiveBaseSystemProp<$Keys<TypeTypography>>
|
|
10
|
-
|}>;
|
|
11
|
-
export const variantSystemProps = compose(variant({
|
|
12
|
-
key: "typography",
|
|
13
|
-
prop: "typeScale"
|
|
14
|
-
}));
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
// @flow strict-local
|
|
2
|
-
import type { TypeDecorativeColors } from "../light/decorative-palettes.flow";
|
|
3
|
-
declare export var green: TypeDecorativeColors;
|
|
4
|
-
declare export var blue: TypeDecorativeColors;
|
|
5
|
-
declare export var purple: TypeDecorativeColors;
|
|
6
|
-
declare export var yellow: TypeDecorativeColors;
|
|
7
|
-
declare export var orange: TypeDecorativeColors;
|
|
8
|
-
declare export var red: TypeDecorativeColors;
|
|
9
|
-
declare export var neutral: TypeDecorativeColors;
|
|
10
|
-
declare export var magenta: TypeDecorativeColors;
|
|
11
|
-
declare export var pink: TypeDecorativeColors;
|
|
12
|
-
declare export var aqua: TypeDecorativeColors;
|
|
13
|
-
declare export var teal: TypeDecorativeColors;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
// @flow strict-local
|
|
2
|
-
import type { TypeAnalyticsTheme, TypeCardControlTheme, TypeDatePickerTheme, TypeGrowthTheme, TypeListeningTheme, TypeNavigationTheme, TypeSproutTheme } from "../../../../types/theme.flow";
|
|
3
|
-
declare export var navigation: TypeNavigationTheme;
|
|
4
|
-
declare export var datePicker: TypeDatePickerTheme;
|
|
5
|
-
declare export var analytics: TypeAnalyticsTheme;
|
|
6
|
-
declare export var listening: TypeListeningTheme;
|
|
7
|
-
declare export var growth: TypeGrowthTheme;
|
|
8
|
-
declare export var cardControl: TypeCardControlTheme;
|
|
9
|
-
declare var darkTheme: TypeSproutTheme;
|
|
10
|
-
export default darkTheme;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
// @flow strict-local
|
|
2
|
-
import type { TypeAnalyticsTheme, TypeCardControlTheme, TypeDatePickerTheme, TypeGrowthTheme, TypeListeningTheme, TypeNavigationTheme, TypeSproutTheme } from "../../../../types/theme.flow";
|
|
3
|
-
declare export var navigation: TypeNavigationTheme;
|
|
4
|
-
declare export var datePicker: TypeDatePickerTheme;
|
|
5
|
-
declare export var analytics: TypeAnalyticsTheme;
|
|
6
|
-
declare export var listening: TypeListeningTheme;
|
|
7
|
-
declare export var growth: TypeGrowthTheme;
|
|
8
|
-
declare export var cardControl: TypeCardControlTheme;
|
|
9
|
-
declare var lightTheme: TypeSproutTheme;
|
|
10
|
-
declare export default typeof lightTheme;
|