@sproutsocial/racine 12.20.0 → 12.21.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 +20 -0
- package/README.md +46 -44
- package/__flow__/Avatar/index.js +26 -26
- package/__flow__/Avatar/index.stories.js +8 -8
- package/__flow__/Avatar/index.test.js +13 -13
- package/__flow__/Badge/constants.js +14 -14
- package/__flow__/Badge/index.js +18 -18
- package/__flow__/Badge/index.stories.js +8 -8
- package/__flow__/Badge/index.test.js +43 -43
- package/__flow__/Badge/styles.js +13 -9
- package/__flow__/Banner/index.js +21 -21
- package/__flow__/Banner/index.stories.js +56 -68
- package/__flow__/Banner/index.test.js +32 -34
- package/__flow__/Banner/styles.js +4 -4
- package/__flow__/Box/index.js +4 -4
- package/__flow__/Box/index.stories.js +58 -51
- package/__flow__/Box/index.test.js +7 -7
- package/__flow__/Box/styles.js +6 -6
- package/__flow__/Breadcrumb/index.js +9 -13
- package/__flow__/Breadcrumb/index.stories.js +14 -14
- package/__flow__/Breadcrumb/index.test.js +20 -20
- package/__flow__/Breadcrumb/styles.js +5 -5
- package/__flow__/Button/index.js +23 -23
- package/__flow__/Button/index.stories.js +34 -34
- package/__flow__/Button/styles.js +11 -11
- package/__flow__/Card/index.js +7 -7
- package/__flow__/Card/index.stories.js +14 -14
- package/__flow__/Card/styles.js +7 -7
- package/__flow__/CharacterCounter/index.js +7 -7
- package/__flow__/CharacterCounter/index.stories.js +25 -26
- package/__flow__/CharacterCounter/index.test.js +11 -11
- package/__flow__/CharacterCounter/styles.js +3 -3
- package/__flow__/ChartLegend/index.js +7 -7
- package/__flow__/ChartLegend/index.stories.js +22 -22
- package/__flow__/ChartLegend/index.test.js +27 -27
- package/__flow__/ChartLegend/styles.js +7 -7
- package/__flow__/Checkbox/index.js +10 -10
- package/__flow__/Checkbox/index.stories.js +24 -24
- package/__flow__/Checkbox/index.test.js +25 -25
- package/__flow__/Checkbox/styles.js +27 -28
- package/__flow__/Collapsible/index.js +15 -15
- package/__flow__/Collapsible/index.stories.js +13 -13
- package/__flow__/Collapsible/index.test.js +27 -27
- package/__flow__/Collapsible/styles.js +5 -5
- package/__flow__/DatePicker/DateRangePicker.js +5 -8
- package/__flow__/DatePicker/DateRangePicker.stories.js +19 -19
- package/__flow__/DatePicker/DateRangePicker.test.js +21 -21
- package/__flow__/DatePicker/SingleDatePicker.js +6 -9
- package/__flow__/DatePicker/SingleDatePicker.stories.js +10 -10
- package/__flow__/DatePicker/SingleDatePicker.test.js +21 -23
- package/__flow__/DatePicker/StatefulDateRangePicker.js +6 -6
- package/__flow__/DatePicker/StatefulSingleDatePicker.js +3 -3
- package/__flow__/DatePicker/common.js +13 -13
- package/__flow__/DatePicker/index.js +3 -3
- package/__flow__/DatePicker/styles.js +42 -42
- package/__flow__/Drawer/SlideTransition.js +10 -10
- package/__flow__/Drawer/index.js +29 -29
- package/__flow__/Drawer/index.stories.js +58 -141
- package/__flow__/Drawer/index.test.js +28 -28
- package/__flow__/Drawer/styles.js +4 -4
- package/__flow__/EmptyState/index.js +5 -5
- package/__flow__/EmptyState/index.stories.js +10 -10
- package/__flow__/EmptyState/index.test.js +27 -27
- package/__flow__/EnumIllustrationNames.js +1 -1
- package/__flow__/Fieldset/index.js +14 -14
- package/__flow__/Fieldset/index.stories.js +19 -20
- package/__flow__/Fieldset/index.test.js +14 -14
- package/__flow__/Fieldset/styles.js +5 -5
- package/__flow__/FormField/index.js +14 -14
- package/__flow__/FormField/index.stories.js +31 -21
- package/__flow__/FormField/index.test.js +19 -19
- package/__flow__/Icon/deprecatedIcons.js +36 -36
- package/__flow__/Icon/index.js +17 -17
- package/__flow__/Icon/index.stories.js +30 -30
- package/__flow__/Icon/index.test.js +15 -15
- package/__flow__/Icon/styles.js +12 -12
- package/__flow__/IllustrationViewBoxes.js +1 -1
- package/__flow__/Image/index.js +6 -7
- package/__flow__/Image/index.stories.js +5 -5
- package/__flow__/Image/index.test.js +24 -24
- package/__flow__/Image/styles.js +6 -5
- package/__flow__/Indicator/index.js +7 -7
- package/__flow__/Indicator/index.stories.js +8 -14
- package/__flow__/Indicator/index.test.js +6 -6
- package/__flow__/Indicator/styles.js +6 -6
- package/__flow__/Input/index.js +37 -37
- package/__flow__/Input/index.stories.js +96 -189
- package/__flow__/Input/index.test.js +117 -117
- package/__flow__/Input/styles.js +13 -13
- package/__flow__/KeyboardKey/index.js +5 -5
- package/__flow__/KeyboardKey/index.stories.js +9 -12
- package/__flow__/KeyboardKey/index.test.js +7 -7
- package/__flow__/KeyboardKey/styles.js +4 -4
- package/__flow__/Label/index.js +6 -6
- package/__flow__/Label/index.stories.js +5 -7
- package/__flow__/Label/index.test.js +8 -8
- package/__flow__/Link/constants.js +4 -4
- package/__flow__/Link/index.js +11 -11
- package/__flow__/Link/index.stories.js +61 -102
- package/__flow__/Link/index.test.js +40 -40
- package/__flow__/Link/styles.js +6 -6
- package/__flow__/Listbox/index.js +16 -16
- package/__flow__/Listbox/index.stories.js +35 -35
- package/__flow__/Listbox/index.test.js +63 -65
- package/__flow__/Loader/index.js +12 -12
- package/__flow__/Loader/index.stories.js +10 -10
- package/__flow__/Loader/index.test.js +17 -17
- package/__flow__/Loader/styles.js +9 -13
- package/__flow__/LoaderButton/index.js +25 -25
- package/__flow__/LoaderButton/index.stories.js +7 -7
- package/__flow__/LoaderButton/index.test.js +15 -15
- package/__flow__/Menu/constants.js +8 -8
- package/__flow__/Menu/descendants.js +89 -80
- package/__flow__/Menu/hooks.js +22 -22
- package/__flow__/Menu/index.flow.js +13 -13
- package/__flow__/Menu/index.js +56 -60
- package/__flow__/Menu/index.stories.js +19 -19
- package/__flow__/Menu/index.test.js +22 -22
- package/__flow__/Menu/names.js +4945 -4945
- package/__flow__/Menu/styles.js +5 -5
- package/__flow__/Message/index.js +33 -33
- package/__flow__/Message/index.stories.js +18 -13
- package/__flow__/Message/index.test.js +6 -6
- package/__flow__/Message/styles.js +15 -15
- package/__flow__/Modal/index.js +19 -19
- package/__flow__/Modal/index.stories.js +43 -43
- package/__flow__/Modal/index.test.js +29 -29
- package/__flow__/Modal/styles.js +27 -32
- package/__flow__/Numeral/index.js +22 -22
- package/__flow__/Numeral/index.stories.js +74 -74
- package/__flow__/Numeral/styles.js +3 -3
- package/__flow__/Numeral/tests/A11y.test.js +7 -7
- package/__flow__/Numeral/tests/abbreviate.test.js +40 -40
- package/__flow__/Numeral/tests/currency.test.js +24 -24
- package/__flow__/Numeral/tests/defaults.test.js +20 -20
- package/__flow__/Numeral/tests/invalid.test.js +9 -9
- package/__flow__/Numeral/tests/locale.test.js +38 -38
- package/__flow__/Numeral/tests/precision.test.js +76 -76
- package/__flow__/Numeral/tests/testNumeral.js +11 -11
- package/__flow__/Numeral/tests/zero.test.js +8 -8
- package/__flow__/OverflowList/index.flow.js +2 -2
- package/__flow__/OverflowList/index.js +12 -12
- package/__flow__/OverflowList/index.stories.js +10 -10
- package/__flow__/OverflowList/index.test.js +25 -25
- package/__flow__/OverflowList/styles.js +5 -5
- package/__flow__/PartnerLogo/TypePartnerNames.js +37 -37
- package/__flow__/PartnerLogo/index.js +20 -20
- package/__flow__/PartnerLogo/index.stories.js +52 -52
- package/__flow__/PartnerLogo/styles.js +12 -12
- package/__flow__/Popout/index.js +66 -67
- package/__flow__/Popout/index.stories.js +101 -82
- package/__flow__/Popout/index.test.js +43 -43
- package/__flow__/Popout/styles.js +4 -5
- package/__flow__/Portal/index.js +9 -9
- package/__flow__/Portal/index.stories.js +12 -12
- package/__flow__/Radio/index.js +4 -4
- package/__flow__/Radio/index.stories.js +11 -11
- package/__flow__/Radio/index.test.js +12 -12
- package/__flow__/Radio/styles.js +15 -16
- package/__flow__/SegmentedControl/index.js +7 -7
- package/__flow__/SegmentedControl/index.stories.js +7 -7
- package/__flow__/SegmentedControl/index.test.js +29 -29
- package/__flow__/SegmentedControl/styles.js +10 -9
- package/__flow__/Select/index.js +10 -10
- package/__flow__/Select/index.stories.js +33 -69
- package/__flow__/Select/index.test.js +14 -14
- package/__flow__/Select/styles.js +16 -16
- package/__flow__/Skeleton/index.js +4 -4
- package/__flow__/Skeleton/index.stories.js +5 -5
- package/__flow__/SpotIllustration/illustrationNames.js +118 -117
- package/__flow__/SpotIllustration/index.js +15 -11
- package/__flow__/SpotIllustration/index.stories.js +18 -18
- package/__flow__/SpotIllustration/spotIllustrations/molecule.svg +14 -0
- package/__flow__/Stack/index.js +43 -33
- package/__flow__/Stack/index.stories.js +41 -91
- package/__flow__/Stack/index.test.js +16 -7
- package/__flow__/Switch/index.js +8 -8
- package/__flow__/Switch/index.stories.js +5 -5
- package/__flow__/Switch/index.test.js +25 -29
- package/__flow__/Switch/styles.js +13 -9
- package/__flow__/Table/index.js +17 -17
- package/__flow__/Table/index.stories.js +99 -99
- package/__flow__/Table/index.test.js +32 -32
- package/__flow__/Table/styles.js +4 -4
- package/__flow__/TableCell/index.js +8 -7
- package/__flow__/TableCell/index.stories.js +20 -23
- package/__flow__/TableCell/index.test.js +11 -11
- package/__flow__/TableCell/styles.js +4 -5
- package/__flow__/TableHeaderCell/index.js +14 -14
- package/__flow__/TableHeaderCell/index.stories.js +35 -30
- package/__flow__/TableHeaderCell/index.test.js +11 -11
- package/__flow__/TableHeaderCell/styles.js +4 -4
- package/__flow__/TableRowAccordion/index.js +8 -8
- package/__flow__/TableRowAccordion/index.stories.js +36 -36
- package/__flow__/TableRowAccordion/index.test.js +28 -30
- package/__flow__/TableRowAccordion/styles.js +11 -7
- package/__flow__/Tabs/index.js +11 -11
- package/__flow__/Tabs/index.stories.js +28 -54
- package/__flow__/Tabs/index.test.js +54 -54
- package/__flow__/Tabs/styles.js +6 -7
- package/__flow__/Text/index.js +14 -14
- package/__flow__/Text/index.stories.js +84 -86
- package/__flow__/Text/index.test.js +29 -33
- package/__flow__/Text/styles.js +4 -4
- package/__flow__/Textarea/index.js +5 -5
- package/__flow__/Textarea/index.stories.js +54 -93
- package/__flow__/Textarea/index.test.js +30 -30
- package/__flow__/Textarea/styles.js +6 -6
- package/__flow__/ThemeProvider/index.js +4 -4
- package/__flow__/Toast/index.js +23 -23
- package/__flow__/Toast/index.stories.js +21 -21
- package/__flow__/Toast/styles.js +6 -6
- package/__flow__/ToggleHint/index.js +8 -8
- package/__flow__/ToggleHint/index.test.js +8 -8
- package/__flow__/ToggleHint/styles.js +8 -8
- package/__flow__/Token/index.js +10 -10
- package/__flow__/Token/index.stories.js +49 -54
- package/__flow__/Token/index.test.js +28 -28
- package/__flow__/Token/styles.js +11 -11
- package/__flow__/TokenInput/index.flow.js +1 -1
- package/__flow__/TokenInput/index.js +39 -39
- package/__flow__/TokenInput/index.stories.js +121 -128
- package/__flow__/TokenInput/styles.js +5 -5
- package/__flow__/TokenInput/tests/default/clicking.test.js +13 -13
- package/__flow__/TokenInput/tests/default/deleting.test.js +39 -39
- package/__flow__/TokenInput/tests/default/focusing.test.js +18 -18
- package/__flow__/TokenInput/tests/default/inputting.test.js +23 -23
- package/__flow__/TokenInput/tests/default/pasting.test.js +52 -52
- package/__flow__/TokenInput/tests/default/rendering.test.js +54 -54
- package/__flow__/TokenInput/util.js +4 -4
- package/__flow__/Tooltip/index.js +21 -21
- package/__flow__/Tooltip/index.stories.js +18 -18
- package/__flow__/Tooltip/index.test.js +54 -54
- package/__flow__/Tooltip/styles.js +4 -5
- package/__flow__/VisuallyHidden/index.js +3 -3
- package/__flow__/building-stories.stories.mdx +121 -0
- package/__flow__/dataviz/dataviz.stories.js +4 -4
- package/__flow__/dataviz/index.js +3 -3
- package/__flow__/index.js +72 -72
- package/__flow__/overview.stories.js +60 -0
- package/__flow__/setupTests.js +5 -5
- package/__flow__/systemProps/background.js +3 -3
- package/__flow__/systemProps/border.js +3 -3
- package/__flow__/systemProps/color.js +3 -3
- package/__flow__/systemProps/custom.js +3 -3
- package/__flow__/systemProps/flexbox.js +3 -3
- package/__flow__/systemProps/grid.js +3 -3
- package/__flow__/systemProps/index.js +14 -14
- package/__flow__/systemProps/layout.js +3 -3
- package/__flow__/systemProps/position.js +3 -3
- package/__flow__/systemProps/shadow.js +3 -3
- package/__flow__/systemProps/space.js +3 -7
- package/__flow__/systemProps/systemProps.js +14 -14
- package/__flow__/systemProps/tests/background.test.js +17 -17
- package/__flow__/systemProps/tests/border.test.js +61 -61
- package/__flow__/systemProps/tests/color.test.js +15 -15
- package/__flow__/systemProps/tests/custom.test.js +12 -12
- package/__flow__/systemProps/tests/flexbox.test.js +33 -33
- package/__flow__/systemProps/tests/grid.test.js +31 -31
- package/__flow__/systemProps/tests/layout.test.js +29 -29
- package/__flow__/systemProps/tests/position.test.js +19 -19
- package/__flow__/systemProps/tests/shadow.test.js +11 -11
- package/__flow__/systemProps/tests/space.test.js +11 -11
- package/__flow__/systemProps/tests/types.flow.js +18 -18
- package/__flow__/systemProps/tests/typography.test.js +21 -21
- package/__flow__/systemProps/tests/variant.test.js +9 -9
- package/__flow__/systemProps/types.flow.js +2 -2
- package/__flow__/systemProps/typography.js +4 -4
- package/__flow__/systemProps/variant.js +5 -5
- package/__flow__/themes/dark/dataviz-palette.js +21 -21
- package/__flow__/themes/dark/decorative-palettes.js +1 -1
- package/__flow__/themes/dark/theme.js +16 -16
- package/__flow__/themes/extendedThemes/README.md +1 -1
- package/__flow__/themes/extendedThemes/sproutTheme/dark/theme.js +4 -4
- package/__flow__/themes/extendedThemes/sproutTheme/index.js +2 -2
- package/__flow__/themes/extendedThemes/sproutTheme/light/theme.js +4 -4
- package/__flow__/themes/light/dataviz-palette.js +21 -21
- package/__flow__/themes/light/decorative-palettes.js +1 -1
- package/__flow__/themes/light/literal-colors.js +133 -133
- package/__flow__/themes/light/theme.js +51 -51
- package/__flow__/types/system-props.flow.js +5 -5
- package/__flow__/types/theme.colors.flow.js +2 -2
- package/__flow__/types/theme.flow.js +5 -5
- package/__flow__/utils/a11yTest.js +1 -1
- package/__flow__/utils/chartColors.js +1 -1
- package/__flow__/utils/constants.js +1 -1
- package/__flow__/utils/dataQaLabelQueries.js +2 -2
- package/__flow__/utils/hooks.js +17 -17
- package/__flow__/utils/index.js +4 -4
- package/__flow__/utils/innerText.js +9 -9
- package/__flow__/utils/mixins.js +6 -6
- package/__flow__/utils/react-testing-library.js +6 -6
- package/__flow__/utils/responsiveProps/index.js +3 -3
- package/__flow__/utils/responsiveProps/index.test.js +8 -8
- package/__flow__/utils/system-props.js +3 -3
- package/__flow__/utils/useInteractiveColor.js +5 -5
- package/__flow__/writing-good-stories.stories.mdx +3 -0
- package/bin/racine-codemod.js +12 -12
- package/codemods/__tests__/migrate-2.x-to-3.x.test.js +2 -2
- package/codemods/migrate-2.x-to-3.x.js +29 -30
- package/commonjs/Avatar/index.js +33 -53
- package/commonjs/Badge/constants.js +18 -15
- package/commonjs/Badge/index.js +14 -28
- package/commonjs/Badge/styles.js +3 -9
- package/commonjs/Banner/index.js +16 -37
- package/commonjs/Banner/styles.js +0 -5
- package/commonjs/Box/index.js +2 -9
- package/commonjs/Box/styles.js +0 -4
- package/commonjs/Breadcrumb/index.js +13 -29
- package/commonjs/Breadcrumb/styles.js +1 -4
- package/commonjs/Button/index.js +29 -43
- package/commonjs/Button/styles.js +6 -15
- package/commonjs/Card/index.js +16 -26
- package/commonjs/Card/styles.js +1 -5
- package/commonjs/CharacterCounter/index.js +6 -23
- package/commonjs/CharacterCounter/styles.js +0 -5
- package/commonjs/ChartLegend/index.js +5 -20
- package/commonjs/ChartLegend/styles.js +2 -11
- package/commonjs/Checkbox/index.js +30 -53
- package/commonjs/Checkbox/styles.js +14 -35
- package/commonjs/Collapsible/index.js +31 -54
- package/commonjs/Collapsible/styles.js +3 -6
- package/commonjs/DatePicker/DateRangePicker.js +4 -17
- package/commonjs/DatePicker/SingleDatePicker.js +3 -17
- package/commonjs/DatePicker/StatefulDateRangePicker.js +16 -31
- package/commonjs/DatePicker/StatefulSingleDatePicker.js +7 -20
- package/commonjs/DatePicker/common.js +8 -22
- package/commonjs/DatePicker/index.js +0 -5
- package/commonjs/DatePicker/styles.js +8 -25
- package/commonjs/Drawer/SlideTransition.js +8 -18
- package/commonjs/Drawer/index.js +51 -90
- package/commonjs/Drawer/styles.js +0 -8
- package/commonjs/EmptyState/index.js +8 -20
- package/commonjs/Fieldset/index.js +15 -32
- package/commonjs/Fieldset/styles.js +2 -7
- package/commonjs/FormField/index.js +19 -36
- package/commonjs/Icon/deprecatedIcons.js +36 -36
- package/commonjs/Icon/index.js +19 -37
- package/commonjs/Icon/styles.js +7 -16
- package/commonjs/IllustrationViewBoxes.js +1 -0
- package/commonjs/Image/index.js +13 -41
- package/commonjs/Image/styles.js +1 -7
- package/commonjs/Indicator/index.js +8 -26
- package/commonjs/Indicator/styles.js +1 -7
- package/commonjs/Input/index.js +80 -119
- package/commonjs/Input/styles.js +9 -19
- package/commonjs/KeyboardKey/index.js +3 -20
- package/commonjs/KeyboardKey/styles.js +0 -4
- package/commonjs/Label/index.js +7 -27
- package/commonjs/Link/constants.js +3 -4
- package/commonjs/Link/index.js +16 -28
- package/commonjs/Link/styles.js +1 -8
- package/commonjs/Listbox/index.js +15 -36
- package/commonjs/Loader/index.js +15 -31
- package/commonjs/Loader/styles.js +2 -13
- package/commonjs/LoaderButton/index.js +26 -55
- package/commonjs/Menu/constants.js +9 -8
- package/commonjs/Menu/descendants.js +70 -105
- package/commonjs/Menu/hooks.js +23 -41
- package/commonjs/Menu/index.flow.js +0 -7
- package/commonjs/Menu/index.js +94 -164
- package/commonjs/Menu/names.js +1 -1
- package/commonjs/Menu/styles.js +0 -6
- package/commonjs/Message/index.js +37 -70
- package/commonjs/Message/styles.js +9 -24
- package/commonjs/Modal/index.js +31 -54
- package/commonjs/Modal/styles.js +17 -36
- package/commonjs/Numeral/index.js +39 -67
- package/commonjs/Numeral/styles.js +0 -3
- package/commonjs/Numeral/tests/testNumeral.js +13 -31
- package/commonjs/OverflowList/index.flow.js +0 -2
- package/commonjs/OverflowList/index.js +27 -41
- package/commonjs/OverflowList/styles.js +0 -7
- package/commonjs/PartnerLogo/index.js +19 -33
- package/commonjs/PartnerLogo/styles.js +7 -15
- package/commonjs/Popout/index.js +95 -127
- package/commonjs/Popout/styles.js +0 -5
- package/commonjs/Portal/index.js +8 -31
- package/commonjs/Radio/index.js +18 -42
- package/commonjs/Radio/styles.js +9 -21
- package/commonjs/SegmentedControl/index.js +17 -37
- package/commonjs/SegmentedControl/styles.js +2 -12
- package/commonjs/Select/index.js +24 -47
- package/commonjs/Select/styles.js +12 -24
- package/commonjs/Skeleton/index.js +0 -5
- package/commonjs/SpotIllustration/illustrationNames.js +1 -1
- package/commonjs/SpotIllustration/index.js +5 -11
- package/commonjs/Stack/index.js +27 -42
- package/commonjs/Switch/index.js +17 -42
- package/commonjs/Switch/styles.js +3 -11
- package/commonjs/Table/index.js +26 -50
- package/commonjs/Table/styles.js +0 -4
- package/commonjs/TableCell/index.js +12 -30
- package/commonjs/TableCell/styles.js +0 -5
- package/commonjs/TableHeaderCell/index.js +27 -56
- package/commonjs/TableHeaderCell/styles.js +0 -6
- package/commonjs/TableRowAccordion/index.js +12 -37
- package/commonjs/TableRowAccordion/styles.js +2 -9
- package/commonjs/Tabs/index.js +16 -66
- package/commonjs/Tabs/styles.js +2 -11
- package/commonjs/Text/index.js +12 -25
- package/commonjs/Text/styles.js +1 -6
- package/commonjs/Textarea/index.js +31 -55
- package/commonjs/Textarea/styles.js +2 -9
- package/commonjs/ThemeProvider/index.js +1 -10
- package/commonjs/Toast/index.js +19 -42
- package/commonjs/Toast/styles.js +1 -7
- package/commonjs/ToggleHint/index.js +15 -39
- package/commonjs/ToggleHint/styles.js +2 -9
- package/commonjs/Token/index.js +15 -29
- package/commonjs/Token/styles.js +5 -12
- package/commonjs/TokenInput/index.js +70 -122
- package/commonjs/TokenInput/styles.js +1 -7
- package/commonjs/TokenInput/util.js +2 -7
- package/commonjs/Tooltip/index.js +40 -63
- package/commonjs/Tooltip/styles.js +1 -5
- package/commonjs/VisuallyHidden/index.js +0 -4
- package/commonjs/dataviz/index.js +0 -4
- package/commonjs/index.js +0 -129
- package/commonjs/systemProps/background.js +0 -1
- package/commonjs/systemProps/border.js +0 -1
- package/commonjs/systemProps/color.js +0 -1
- package/commonjs/systemProps/custom.js +0 -1
- package/commonjs/systemProps/flexbox.js +0 -1
- package/commonjs/systemProps/grid.js +0 -1
- package/commonjs/systemProps/index.js +0 -28
- package/commonjs/systemProps/layout.js +0 -1
- package/commonjs/systemProps/position.js +0 -1
- package/commonjs/systemProps/shadow.js +0 -1
- package/commonjs/systemProps/space.js +1 -2
- package/commonjs/systemProps/systemProps.js +0 -13
- package/commonjs/systemProps/tests/types.flow.js +25 -22
- package/commonjs/systemProps/typography.js +0 -1
- package/commonjs/systemProps/variant.js +2 -3
- package/commonjs/themes/dark/dataviz-palette.js +20 -22
- package/commonjs/themes/dark/decorative-palettes.js +0 -2
- package/commonjs/themes/dark/theme.js +13 -27
- package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js +2 -9
- package/commonjs/themes/extendedThemes/sproutTheme/index.js +0 -5
- package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js +2 -9
- package/commonjs/themes/light/dataviz-palette.js +20 -22
- package/commonjs/themes/light/decorative-palettes.js +0 -2
- package/commonjs/themes/light/literal-colors.js +132 -134
- package/commonjs/themes/light/theme.js +43 -59
- package/commonjs/types/system-props.flow.js +1 -1
- package/commonjs/types/theme.colors.flow.js +0 -2
- package/commonjs/types/theme.flow.js +0 -1
- package/commonjs/utils/a11yTest.js +3 -10
- package/commonjs/utils/chartColors.js +0 -1
- package/commonjs/utils/constants.js +1 -1
- package/commonjs/utils/dataQaLabelQueries.js +12 -21
- package/commonjs/utils/hooks.js +39 -70
- package/commonjs/utils/index.js +2 -9
- package/commonjs/utils/innerText.js +10 -14
- package/commonjs/utils/mixins.js +2 -7
- package/commonjs/utils/react-testing-library.js +4 -26
- package/commonjs/utils/responsiveProps/index.js +1 -11
- package/commonjs/utils/system-props.js +2 -5
- package/commonjs/utils/useInteractiveColor.js +6 -8
- package/dist/illustration.svg +1 -1
- package/dist/illustrationList.js +1 -1
- package/lib/Avatar/index.js +40 -47
- package/lib/Badge/constants.js +19 -15
- package/lib/Badge/index.js +18 -25
- package/lib/Badge/styles.js +8 -6
- package/lib/Banner/index.js +20 -32
- package/lib/Banner/styles.js +3 -2
- package/lib/Box/index.js +4 -5
- package/lib/Box/styles.js +3 -2
- package/lib/Breadcrumb/index.js +19 -27
- package/lib/Breadcrumb/styles.js +3 -2
- package/lib/Button/index.js +31 -38
- package/lib/Button/styles.js +14 -11
- package/lib/Card/index.js +18 -24
- package/lib/Card/styles.js +5 -4
- package/lib/CharacterCounter/index.js +8 -20
- package/lib/CharacterCounter/styles.js +3 -2
- package/lib/ChartLegend/index.js +9 -17
- package/lib/ChartLegend/styles.js +5 -4
- package/lib/Checkbox/index.js +32 -51
- package/lib/Checkbox/styles.js +21 -26
- package/lib/Collapsible/index.js +36 -51
- package/lib/Collapsible/styles.js +6 -5
- package/lib/DatePicker/DateRangePicker.js +8 -14
- package/lib/DatePicker/SingleDatePicker.js +7 -13
- package/lib/DatePicker/StatefulDateRangePicker.js +19 -26
- package/lib/DatePicker/StatefulSingleDatePicker.js +9 -15
- package/lib/DatePicker/common.js +14 -13
- package/lib/DatePicker/index.js +2 -2
- package/lib/DatePicker/styles.js +12 -22
- package/lib/Drawer/SlideTransition.js +11 -14
- package/lib/Drawer/index.js +64 -88
- package/lib/Drawer/styles.js +4 -3
- package/lib/EmptyState/index.js +11 -17
- package/lib/Fieldset/index.js +19 -29
- package/lib/Fieldset/styles.js +5 -4
- package/lib/FormField/index.js +27 -33
- package/lib/Icon/deprecatedIcons.js +36 -36
- package/lib/Icon/index.js +25 -34
- package/lib/Icon/styles.js +11 -13
- package/lib/IllustrationViewBoxes.js +1 -0
- package/lib/Image/index.js +15 -38
- package/lib/Image/styles.js +4 -4
- package/lib/Indicator/index.js +11 -23
- package/lib/Indicator/styles.js +5 -5
- package/lib/Input/index.js +87 -115
- package/lib/Input/styles.js +13 -15
- package/lib/KeyboardKey/index.js +6 -17
- package/lib/KeyboardKey/styles.js +3 -2
- package/lib/Label/index.js +10 -24
- package/lib/Link/constants.js +5 -4
- package/lib/Link/index.js +18 -25
- package/lib/Link/styles.js +6 -5
- package/lib/Listbox/index.js +21 -29
- package/lib/Loader/index.js +17 -29
- package/lib/Loader/styles.js +6 -8
- package/lib/LoaderButton/index.js +34 -51
- package/lib/Menu/constants.js +10 -8
- package/lib/Menu/descendants.js +73 -94
- package/lib/Menu/hooks.js +28 -39
- package/lib/Menu/index.flow.js +6 -5
- package/lib/Menu/index.js +113 -150
- package/lib/Menu/names.js +1 -1
- package/lib/Menu/styles.js +4 -3
- package/lib/Message/index.js +42 -66
- package/lib/Message/styles.js +15 -23
- package/lib/Modal/index.js +38 -51
- package/lib/Modal/styles.js +23 -32
- package/lib/Numeral/index.js +45 -64
- package/lib/Numeral/styles.js +3 -2
- package/lib/Numeral/tests/testNumeral.js +17 -27
- package/lib/OverflowList/index.flow.js +2 -1
- package/lib/OverflowList/index.js +31 -38
- package/lib/OverflowList/styles.js +5 -4
- package/lib/PartnerLogo/index.js +23 -31
- package/lib/PartnerLogo/styles.js +11 -12
- package/lib/Popout/index.js +105 -121
- package/lib/Popout/styles.js +3 -3
- package/lib/Portal/index.js +11 -29
- package/lib/Radio/index.js +20 -40
- package/lib/Radio/styles.js +14 -14
- package/lib/SegmentedControl/index.js +21 -34
- package/lib/SegmentedControl/styles.js +7 -9
- package/lib/Select/index.js +27 -44
- package/lib/Select/styles.js +16 -20
- package/lib/Skeleton/index.js +7 -4
- package/lib/SpotIllustration/illustrationNames.js +2 -1
- package/lib/SpotIllustration/index.js +9 -10
- package/lib/Stack/index.js +31 -39
- package/lib/Switch/index.js +21 -39
- package/lib/Switch/styles.js +8 -7
- package/lib/Table/index.js +30 -40
- package/lib/Table/styles.js +3 -2
- package/lib/TableCell/index.js +14 -27
- package/lib/TableCell/styles.js +3 -3
- package/lib/TableHeaderCell/index.js +30 -52
- package/lib/TableHeaderCell/styles.js +3 -2
- package/lib/TableRowAccordion/index.js +16 -34
- package/lib/TableRowAccordion/styles.js +5 -3
- package/lib/Tabs/index.js +18 -63
- package/lib/Tabs/styles.js +6 -6
- package/lib/Text/index.js +15 -21
- package/lib/Text/styles.js +4 -3
- package/lib/Textarea/index.js +33 -53
- package/lib/Textarea/styles.js +6 -5
- package/lib/ThemeProvider/index.js +4 -7
- package/lib/Toast/index.js +26 -37
- package/lib/Toast/styles.js +5 -4
- package/lib/ToggleHint/index.js +18 -36
- package/lib/ToggleHint/styles.js +6 -5
- package/lib/Token/index.js +20 -26
- package/lib/Token/styles.js +10 -9
- package/lib/TokenInput/index.js +78 -118
- package/lib/TokenInput/styles.js +5 -4
- package/lib/TokenInput/util.js +5 -3
- package/lib/Tooltip/index.js +45 -60
- package/lib/Tooltip/styles.js +4 -4
- package/lib/VisuallyHidden/index.js +3 -2
- package/lib/dataviz/index.js +4 -3
- package/lib/index.js +66 -64
- package/lib/systemProps/background.js +3 -1
- package/lib/systemProps/border.js +3 -1
- package/lib/systemProps/color.js +3 -1
- package/lib/systemProps/custom.js +3 -1
- package/lib/systemProps/flexbox.js +3 -1
- package/lib/systemProps/grid.js +3 -1
- package/lib/systemProps/index.js +16 -14
- package/lib/systemProps/layout.js +3 -1
- package/lib/systemProps/position.js +3 -1
- package/lib/systemProps/shadow.js +3 -1
- package/lib/systemProps/space.js +2 -1
- package/lib/systemProps/systemProps.js +14 -13
- package/lib/systemProps/tests/types.flow.js +27 -22
- package/lib/systemProps/typography.js +3 -1
- package/lib/systemProps/variant.js +4 -3
- package/lib/themes/dark/dataviz-palette.js +23 -21
- package/lib/themes/dark/decorative-palettes.js +3 -1
- package/lib/themes/dark/theme.js +20 -23
- package/lib/themes/extendedThemes/sproutTheme/dark/theme.js +4 -7
- package/lib/themes/extendedThemes/sproutTheme/index.js +3 -2
- package/lib/themes/extendedThemes/sproutTheme/light/theme.js +4 -7
- package/lib/themes/light/dataviz-palette.js +23 -21
- package/lib/themes/light/decorative-palettes.js +3 -1
- package/lib/themes/light/literal-colors.js +135 -133
- package/lib/themes/light/theme.js +54 -55
- package/lib/types/system-props.flow.js +1 -1
- package/lib/types/theme.colors.flow.js +4 -2
- package/lib/types/theme.flow.js +3 -2
- package/lib/utils/a11yTest.js +5 -8
- package/lib/utils/chartColors.js +3 -1
- package/lib/utils/constants.js +3 -1
- package/lib/utils/dataQaLabelQueries.js +13 -21
- package/lib/utils/hooks.js +41 -64
- package/lib/utils/index.js +2 -5
- package/lib/utils/innerText.js +12 -14
- package/lib/utils/mixins.js +6 -5
- package/lib/utils/react-testing-library.js +10 -20
- package/lib/utils/responsiveProps/index.js +3 -8
- package/lib/utils/system-props.js +4 -3
- package/lib/utils/useInteractiveColor.js +10 -9
- package/package.json +6 -13
|
@@ -1,44 +1,44 @@
|
|
|
1
1
|
// @flow
|
|
2
|
-
import React from
|
|
3
|
-
import {
|
|
4
|
-
import Select from
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import {render, fireEvent} from '../utils/react-testing-library';
|
|
4
|
+
import Select from './';
|
|
5
5
|
|
|
6
|
-
describe(
|
|
7
|
-
it(
|
|
6
|
+
describe('Select', () => {
|
|
7
|
+
it('should notify on changes', () => {
|
|
8
8
|
const mockOnChange = jest.fn();
|
|
9
|
-
const {
|
|
9
|
+
const {getByDataQaLabel} = render(
|
|
10
10
|
<Select id="select" name="select" onChange={mockOnChange}>
|
|
11
11
|
<option value="v">option1</option>
|
|
12
12
|
</Select>
|
|
13
13
|
);
|
|
14
14
|
|
|
15
|
-
fireEvent.change(getByDataQaLabel({
|
|
15
|
+
fireEvent.change(getByDataQaLabel({select: 'select'}));
|
|
16
16
|
expect(mockOnChange).toHaveBeenCalled();
|
|
17
17
|
});
|
|
18
18
|
|
|
19
|
-
it(
|
|
20
|
-
const {
|
|
19
|
+
it('should render statuses correctly', () => {
|
|
20
|
+
const {getByDataQaLabel, rerender} = render(
|
|
21
21
|
<Select id="select" name="select" disabled>
|
|
22
22
|
<option value="v">option1</option>
|
|
23
23
|
</Select>
|
|
24
24
|
);
|
|
25
25
|
|
|
26
|
-
expect(getByDataQaLabel({
|
|
26
|
+
expect(getByDataQaLabel({'select-isdisabled': 'true'})).toBeTruthy();
|
|
27
27
|
|
|
28
28
|
rerender(
|
|
29
29
|
<Select id="select" name="select" disabled={false} isInvalid>
|
|
30
30
|
<option value="v">option1</option>
|
|
31
31
|
</Select>
|
|
32
32
|
);
|
|
33
|
-
expect(getByDataQaLabel({
|
|
33
|
+
expect(getByDataQaLabel({'select-isdisabled': 'false'})).toBeTruthy();
|
|
34
34
|
});
|
|
35
35
|
|
|
36
|
-
it(
|
|
37
|
-
const {
|
|
36
|
+
it('should render with chevron-down', () => {
|
|
37
|
+
const {getByDataQaLabel} = render(
|
|
38
38
|
<Select id="select" name="select">
|
|
39
39
|
<option value="v">option1</option>
|
|
40
40
|
</Select>
|
|
41
41
|
);
|
|
42
|
-
expect(getByDataQaLabel({
|
|
42
|
+
expect(getByDataQaLabel({icon: 'chevron-down'})).toBeTruthy();
|
|
43
43
|
});
|
|
44
44
|
});
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
//@flow
|
|
2
|
-
import styled, {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import styled, {css, type StyledComponent} from 'styled-components';
|
|
3
|
+
import {COMMON} from '../utils/system-props';
|
|
4
|
+
import {focusRing} from '../utils/mixins';
|
|
5
5
|
|
|
6
|
-
import type {
|
|
6
|
+
import type {TypeTheme} from '../types/theme.flow';
|
|
7
7
|
|
|
8
8
|
const Container: StyledComponent<any, TypeTheme, *> = styled.div`
|
|
9
9
|
position: relative;
|
|
@@ -16,7 +16,7 @@ const Container: StyledComponent<any, TypeTheme, *> = styled.div`
|
|
|
16
16
|
border-radius: ${(props) => props.theme.radii[500]};
|
|
17
17
|
background-color: ${(props) => props.theme.colors.form.background.base};
|
|
18
18
|
color: ${(props) => props.theme.colors.text.body};
|
|
19
|
-
cursor: ${(props) => (props.disabled ?
|
|
19
|
+
cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};
|
|
20
20
|
outline: none;
|
|
21
21
|
appearance: none;
|
|
22
22
|
transition: border-color ${(props) => props.theme.duration.fast}
|
|
@@ -31,21 +31,21 @@ const Container: StyledComponent<any, TypeTheme, *> = styled.div`
|
|
|
31
31
|
|
|
32
32
|
padding: ${(props) => {
|
|
33
33
|
switch (props.size) {
|
|
34
|
-
case
|
|
34
|
+
case 'large':
|
|
35
35
|
return `${props.theme.space[400]} ${props.theme.space[600]} ${props.theme.space[400]} ${props.theme.space[400]}`;
|
|
36
|
-
case
|
|
36
|
+
case 'small':
|
|
37
37
|
return `${props.theme.space[200]} ${props.theme.space[500]} ${props.theme.space[200]} ${props.theme.space[200]}`;
|
|
38
|
-
case
|
|
38
|
+
case 'default':
|
|
39
39
|
default:
|
|
40
40
|
return `${props.theme.space[300]} ${props.theme.space[500]} ${props.theme.space[300]} ${props.theme.space[300]}`;
|
|
41
41
|
}
|
|
42
42
|
}};
|
|
43
43
|
font-size: ${(props) => {
|
|
44
44
|
switch (props.size) {
|
|
45
|
-
case
|
|
45
|
+
case 'large':
|
|
46
46
|
return props.theme.typography[300].fontSize;
|
|
47
|
-
case
|
|
48
|
-
case
|
|
47
|
+
case 'small':
|
|
48
|
+
case 'default':
|
|
49
49
|
default:
|
|
50
50
|
return props.theme.typography[200].fontSize;
|
|
51
51
|
}
|
|
@@ -101,11 +101,11 @@ export const Arrow: StyledComponent<any, TypeTheme, *> = styled.span`
|
|
|
101
101
|
top: 48%;
|
|
102
102
|
right: ${(props) => {
|
|
103
103
|
switch (props.size) {
|
|
104
|
-
case
|
|
104
|
+
case 'large':
|
|
105
105
|
return props.theme.space[400];
|
|
106
|
-
case
|
|
106
|
+
case 'small':
|
|
107
107
|
return props.theme.space[300];
|
|
108
|
-
case
|
|
108
|
+
case 'default':
|
|
109
109
|
default:
|
|
110
110
|
return props.theme.space[350];
|
|
111
111
|
}
|
|
@@ -115,7 +115,7 @@ export const Arrow: StyledComponent<any, TypeTheme, *> = styled.span`
|
|
|
115
115
|
pointer-events: none;
|
|
116
116
|
`;
|
|
117
117
|
|
|
118
|
-
Container.displayName =
|
|
119
|
-
Arrow.displayName =
|
|
118
|
+
Container.displayName = 'SelectContainer';
|
|
119
|
+
Arrow.displayName = 'Select Arrow';
|
|
120
120
|
|
|
121
121
|
export default Container;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
// @flow strict-local
|
|
2
|
-
import styled from
|
|
3
|
-
import Box from
|
|
4
|
-
import {
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
import Box from '../Box';
|
|
4
|
+
import {transparentize} from 'polished';
|
|
5
5
|
|
|
6
|
-
import type {
|
|
6
|
+
import type {TypeTheme} from '../types/theme.flow';
|
|
7
7
|
|
|
8
8
|
const Skeleton = styled<typeof Box, TypeTheme>(Box)`
|
|
9
9
|
background: ${(p) => p.theme.colors.app.background.base};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
// @flow
|
|
2
|
-
import React from
|
|
3
|
-
import Skeleton from
|
|
4
|
-
import Box from
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import Skeleton from './index';
|
|
4
|
+
import Box from '../Box';
|
|
5
5
|
|
|
6
6
|
export default {
|
|
7
|
-
title:
|
|
7
|
+
title: 'Components/Skeleton',
|
|
8
8
|
};
|
|
9
9
|
|
|
10
10
|
const CardExample = () => {
|
|
@@ -27,5 +27,5 @@ const CardExample = () => {
|
|
|
27
27
|
export const defaultStory = () => <CardExample />;
|
|
28
28
|
|
|
29
29
|
defaultStory.story = {
|
|
30
|
-
name:
|
|
30
|
+
name: 'Usage Example',
|
|
31
31
|
};
|
|
@@ -1,120 +1,121 @@
|
|
|
1
1
|
// @flow
|
|
2
2
|
export const illustrationNames = [
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
3
|
+
'abacus',
|
|
4
|
+
'analytics-offering',
|
|
5
|
+
'asset-cards',
|
|
6
|
+
'astronaut',
|
|
7
|
+
'binoculars',
|
|
8
|
+
'brand-keyword',
|
|
9
|
+
'browser-doc',
|
|
10
|
+
'business',
|
|
11
|
+
'calendar-event',
|
|
12
|
+
'calendar-reporting',
|
|
13
|
+
'cat-error',
|
|
14
|
+
'cat-no-access',
|
|
15
|
+
'cat',
|
|
16
|
+
'checkbox-alert',
|
|
17
|
+
'coffee-cup',
|
|
18
|
+
'competitors',
|
|
19
|
+
'compose-window',
|
|
20
|
+
'compose',
|
|
21
|
+
'computer-error',
|
|
22
|
+
'connect',
|
|
23
|
+
'contact',
|
|
24
|
+
'conversation',
|
|
25
|
+
'custom-branding',
|
|
26
|
+
'customer-service',
|
|
27
|
+
'dashboard',
|
|
28
|
+
'exclamation-mark',
|
|
29
|
+
'face-happy',
|
|
30
|
+
'find-bookmark',
|
|
31
|
+
'flask',
|
|
32
|
+
'general-topic',
|
|
33
|
+
'global-features',
|
|
34
|
+
'global-trend',
|
|
35
|
+
'grow-large',
|
|
36
|
+
'grow',
|
|
37
|
+
'hands-raised',
|
|
38
|
+
'headset',
|
|
39
|
+
'heartbeat-connection',
|
|
40
|
+
'instagram-links',
|
|
41
|
+
'invoice',
|
|
42
|
+
'jewel',
|
|
43
|
+
'keyword-tracking',
|
|
44
|
+
'lightbulb-alt',
|
|
45
|
+
'lightbulb',
|
|
46
|
+
'like-conversation',
|
|
47
|
+
'link-broken',
|
|
48
|
+
'link-messages',
|
|
49
|
+
'link-sections',
|
|
50
|
+
'link-upload',
|
|
51
|
+
'listening-pendo',
|
|
52
|
+
'listening-sentiment',
|
|
53
|
+
'listening-topic-templates',
|
|
54
|
+
'listening-tour',
|
|
55
|
+
'listening',
|
|
56
|
+
'loading',
|
|
57
|
+
'mailbox-empty',
|
|
58
|
+
'mailbox-full',
|
|
59
|
+
'message',
|
|
60
|
+
'molecule',
|
|
61
|
+
'network-data',
|
|
62
|
+
'no-messages-found',
|
|
63
|
+
'no-notifications',
|
|
64
|
+
'note',
|
|
65
|
+
'notification',
|
|
66
|
+
'notifications-onboarding',
|
|
67
|
+
'organize-message',
|
|
68
|
+
'outbox-queue',
|
|
69
|
+
'outbox-reviews',
|
|
70
|
+
'pdf',
|
|
71
|
+
'planning',
|
|
72
|
+
'podium',
|
|
73
|
+
'pointer',
|
|
74
|
+
'publish-assets',
|
|
75
|
+
'publish-links',
|
|
76
|
+
'publishing',
|
|
77
|
+
'puzzle-piece',
|
|
78
|
+
'question-mark',
|
|
79
|
+
'reporting-folder',
|
|
80
|
+
'reporting',
|
|
81
|
+
'review-location',
|
|
82
|
+
'review',
|
|
83
|
+
'robot-assembly',
|
|
84
|
+
'robot-error',
|
|
85
|
+
'robot-happy',
|
|
86
|
+
'rocket',
|
|
87
|
+
'schedule-date',
|
|
88
|
+
'schedule-messages',
|
|
89
|
+
'search-keywords',
|
|
90
|
+
'search-success',
|
|
91
|
+
'search-trends',
|
|
92
|
+
'search',
|
|
93
|
+
'security',
|
|
94
|
+
'sentiment',
|
|
95
|
+
'shopping-bag',
|
|
96
|
+
'spark-line',
|
|
97
|
+
'stamp',
|
|
98
|
+
'storefront',
|
|
99
|
+
'success',
|
|
100
|
+
'tag-message',
|
|
101
|
+
'tag',
|
|
102
|
+
'team-roles',
|
|
103
|
+
'team',
|
|
104
|
+
'telescope',
|
|
105
|
+
'tha-mel',
|
|
106
|
+
'thumbs-up',
|
|
107
|
+
'toggle-switch',
|
|
108
|
+
'toolset-strength',
|
|
109
|
+
'tracking-time',
|
|
110
|
+
'twitter-messages',
|
|
111
|
+
'twitter-profiles',
|
|
112
|
+
'under-construction',
|
|
113
|
+
'unsubscribe',
|
|
114
|
+
'upward-trend',
|
|
115
|
+
'user-task',
|
|
116
|
+
'view-connections',
|
|
117
|
+
'vip-list',
|
|
118
|
+
'warning',
|
|
119
|
+
'wifi',
|
|
120
|
+
'workflow-steps',
|
|
120
121
|
];
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
// @flow
|
|
2
|
-
import styled from
|
|
3
|
-
import React from
|
|
4
|
-
import illustrationViewBoxes from
|
|
5
|
-
import type {
|
|
6
|
-
import {
|
|
7
|
-
import type {
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import illustrationViewBoxes from '../IllustrationViewBoxes';
|
|
5
|
+
import type {EnumIllustrationNames} from '../EnumIllustrationNames';
|
|
6
|
+
import {type StyledComponent} from 'styled-components';
|
|
7
|
+
import type {TypeTheme} from '../types/theme.flow';
|
|
8
8
|
|
|
9
|
-
// eslint-disable-next-line
|
|
10
|
-
const StyledSVG: StyledComponent<
|
|
9
|
+
// eslint-disable-next-line flowtype/generic-spacing
|
|
10
|
+
const StyledSVG: StyledComponent<
|
|
11
|
+
{customFill?: string},
|
|
12
|
+
TypeTheme,
|
|
13
|
+
*
|
|
14
|
+
> = styled.svg`
|
|
11
15
|
fill: ${(p) =>
|
|
12
16
|
p.customFill
|
|
13
17
|
? p.theme.colors[p.customFill][400]
|
|
@@ -17,14 +21,14 @@ const StyledSVG: StyledComponent<{ customFill?: string }, TypeTheme, *> = styled
|
|
|
17
21
|
|
|
18
22
|
export type TypeProps = {
|
|
19
23
|
name: EnumIllustrationNames,
|
|
20
|
-
customFill?:
|
|
24
|
+
customFill?: 'red' | 'green' | 'yellow' | 'magenta' | 'purple' | 'aqua',
|
|
21
25
|
height?: string,
|
|
22
26
|
width?: string,
|
|
23
27
|
};
|
|
24
28
|
|
|
25
|
-
const SpotIllustration = ({
|
|
29
|
+
const SpotIllustration = ({name, customFill, height, width}: TypeProps) => {
|
|
26
30
|
const viewBox = illustrationViewBoxes[name];
|
|
27
|
-
const viewBoxCoordinates = viewBox?.split(
|
|
31
|
+
const viewBoxCoordinates = viewBox?.split(' ') || [];
|
|
28
32
|
const defaultWidth = viewBoxCoordinates[2];
|
|
29
33
|
const defaultHeight = viewBoxCoordinates[3];
|
|
30
34
|
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
// @flow
|
|
2
|
-
import React from
|
|
3
|
-
import SpotIllustration, {
|
|
4
|
-
import EmptyState from
|
|
5
|
-
import Box from
|
|
6
|
-
import Button from
|
|
7
|
-
import {
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import SpotIllustration, {type TypeProps} from './index.js';
|
|
4
|
+
import EmptyState from '../EmptyState';
|
|
5
|
+
import Box from '../Box';
|
|
6
|
+
import Button from '../Button';
|
|
7
|
+
import {illustrationNames} from './illustrationNames';
|
|
8
8
|
|
|
9
9
|
export default {
|
|
10
|
-
title:
|
|
10
|
+
title: 'Components/Spot Illustration',
|
|
11
11
|
component: SpotIllustration,
|
|
12
12
|
argTypes: {
|
|
13
13
|
customFill: {
|
|
14
|
-
options: [
|
|
15
|
-
control: {
|
|
14
|
+
options: ['red', 'green', 'yellow', 'magenta', 'purple', 'aqua'],
|
|
15
|
+
control: {type: 'select'},
|
|
16
16
|
},
|
|
17
17
|
name: {
|
|
18
18
|
options: illustrationNames,
|
|
19
|
-
control: {
|
|
19
|
+
control: {type: 'select'},
|
|
20
20
|
},
|
|
21
21
|
},
|
|
22
22
|
args: {
|
|
23
|
-
name:
|
|
23
|
+
name: 'astronaut',
|
|
24
24
|
},
|
|
25
25
|
};
|
|
26
26
|
|
|
@@ -31,7 +31,7 @@ export const sample = (args: TypeProps) => (
|
|
|
31
31
|
);
|
|
32
32
|
|
|
33
33
|
sample.story = {
|
|
34
|
-
name:
|
|
34
|
+
name: 'Spot illustration',
|
|
35
35
|
};
|
|
36
36
|
|
|
37
37
|
export const smallSpots = (args: TypeProps) => (
|
|
@@ -93,7 +93,7 @@ export const smallSpots = (args: TypeProps) => (
|
|
|
93
93
|
);
|
|
94
94
|
|
|
95
95
|
smallSpots.story = {
|
|
96
|
-
name:
|
|
96
|
+
name: 'Small spot illustrations',
|
|
97
97
|
};
|
|
98
98
|
|
|
99
99
|
export const emptyStateExample = (args: TypeProps) => (
|
|
@@ -111,11 +111,11 @@ export const emptyStateExample = (args: TypeProps) => (
|
|
|
111
111
|
);
|
|
112
112
|
|
|
113
113
|
emptyStateExample.story = {
|
|
114
|
-
name:
|
|
114
|
+
name: 'Empty State',
|
|
115
115
|
};
|
|
116
116
|
|
|
117
117
|
emptyStateExample.args = {
|
|
118
|
-
name:
|
|
118
|
+
name: 'conversation',
|
|
119
119
|
};
|
|
120
120
|
|
|
121
121
|
export const overrideSize = (args: TypeProps) => (
|
|
@@ -125,10 +125,10 @@ export const overrideSize = (args: TypeProps) => (
|
|
|
125
125
|
);
|
|
126
126
|
|
|
127
127
|
overrideSize.story = {
|
|
128
|
-
name:
|
|
128
|
+
name: 'Override size',
|
|
129
129
|
};
|
|
130
130
|
|
|
131
131
|
overrideSize.args = {
|
|
132
|
-
height:
|
|
133
|
-
width:
|
|
132
|
+
height: '50',
|
|
133
|
+
width: '50',
|
|
134
134
|
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<svg width="342" height="242" viewBox="0 0 342 242" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M317 1C317 0.447715 316.552 0 316 0C315.448 0 315 0.447715 315 1V5H311C310.448 5 310 5.44772 310 6C310 6.55228 310.448 7 311 7H315V11C315 11.5523 315.448 12 316 12C316.552 12 317 11.5523 317 11V7H321C321.552 7 322 6.55228 322 6C322 5.44772 321.552 5 321 5H317V1Z" fill="#56ADF5"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M336 20C332.686 20 330 22.6863 330 26C330 29.3137 332.686 32 336 32C339.314 32 342 29.3137 342 26C342 22.6863 339.314 20 336 20ZM332 26C332 23.7909 333.791 22 336 22C338.209 22 340 23.7909 340 26C340 28.2091 338.209 30 336 30C333.791 30 332 28.2091 332 26Z" fill="#56ADF5"/>
|
|
4
|
+
<path d="M306 34C307.657 34 309 32.6569 309 31C309 29.3431 307.657 28 306 28C304.343 28 303 29.3431 303 31C303 32.6569 304.343 34 306 34Z" fill="#56ADF5"/>
|
|
5
|
+
<path d="M72 29C74.2091 29 76 27.2091 76 25C76 22.7909 74.2091 21 72 21C69.7909 21 68 22.7909 68 25C68 27.2091 69.7909 29 72 29Z" fill="#56ADF5"/>
|
|
6
|
+
<path d="M88 75C90.2091 75 92 73.2091 92 71C92 68.7909 90.2091 67 88 67C85.7909 67 84 68.7909 84 71C84 73.2091 85.7909 75 88 75Z" fill="#56ADF5"/>
|
|
7
|
+
<path d="M202 122.5C202 140.449 187.449 155 169.5 155C151.551 155 137 140.449 137 122.5C137 104.551 151.551 90 169.5 90C187.449 90 202 104.551 202 122.5Z" fill="#56ADF5"/>
|
|
8
|
+
<path d="M193 208C195.209 208 197 206.209 197 204C197 201.791 195.209 200 193 200C190.791 200 189 201.791 189 204C189 206.209 190.791 208 193 208Z" fill="#56ADF5"/>
|
|
9
|
+
<path d="M253 103C255.209 103 257 101.209 257 99C257 96.7909 255.209 95 253 95C250.791 95 249 96.7909 249 99C249 101.209 250.791 103 253 103Z" fill="#56ADF5"/>
|
|
10
|
+
<path d="M21 196C22.6569 196 24 194.657 24 193C24 191.343 22.6569 190 21 190C19.3431 190 18 191.343 18 193C18 194.657 19.3431 196 21 196Z" fill="#56ADF5"/>
|
|
11
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M49 212C45.6863 212 43 214.686 43 218C43 221.314 45.6863 224 49 224C52.3137 224 55 221.314 55 218C55 214.686 52.3137 212 49 212ZM45 218C45 215.791 46.7909 214 49 214C51.2091 214 53 215.791 53 218C53 220.209 51.2091 222 49 222C46.7909 222 45 220.209 45 218Z" fill="#56ADF5"/>
|
|
12
|
+
<path d="M7 229C7 228.448 6.55228 228 6 228C5.44772 228 5 228.448 5 229V233H1C0.447715 233 0 233.448 0 234C0 234.552 0.447715 235 1 235H5V239C5 239.552 5.44772 240 6 240C6.55228 240 7 239.552 7 239V235H11C11.5523 235 12 234.552 12 234C12 233.448 11.5523 233 11 233H7V229Z" fill="#56ADF5"/>
|
|
13
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M169.5 242C176.439 242 182.485 217.326 185.651 180.82C190.474 179.488 195.055 177.573 199.314 175.156C227.368 198.733 249.093 211.906 253.999 206.999C258.906 202.093 245.733 180.368 222.156 152.314C224.573 148.055 226.488 143.474 227.82 138.651C264.326 135.485 289 129.439 289 122.5C289 115.561 264.326 109.515 227.82 106.349C226.488 101.526 224.573 96.9449 222.156 92.6857C245.733 64.6317 258.906 42.9072 253.999 38.0007C249.093 33.0941 227.368 46.2674 199.314 69.8441C195.055 67.4274 190.474 65.5125 185.651 64.1798C182.485 27.6742 176.439 3 169.5 3C162.561 3 156.515 27.6742 153.349 64.1798C148.526 65.5125 143.945 67.4274 139.686 69.8442C111.632 46.2675 89.9073 33.0943 85.0007 38.0008C80.0942 42.9073 93.2674 64.6318 116.844 92.6858C114.427 96.9449 112.512 101.526 111.18 106.349C74.6742 109.515 50 115.561 50 122.5C50 129.439 74.6742 135.485 111.18 138.651C112.512 143.474 114.427 148.055 116.844 152.314C93.2674 180.368 80.0942 202.093 85.0007 206.999C89.9073 211.906 111.632 198.733 139.686 175.156C143.945 177.573 148.526 179.488 153.349 180.82C156.515 217.326 162.561 242 169.5 242ZM180.605 206.693C181.768 199.182 182.777 190.662 183.597 181.349C179.074 182.428 174.354 183 169.5 183C164.646 183 159.926 182.428 155.403 181.349C156.223 190.662 157.232 199.182 158.395 206.693C160.061 217.457 162.03 226.057 164.177 231.922C165.255 234.866 166.335 237.002 167.367 238.366C168.432 239.773 169.161 240 169.5 240C169.839 240 170.568 239.773 171.633 238.366C172.665 237.002 173.745 234.866 174.823 231.922C176.97 226.057 178.939 217.457 180.605 206.693ZM113.31 138.831C114.517 142.991 116.173 146.959 118.223 150.681C121.211 147.154 124.36 143.531 127.652 139.834C122.708 139.548 117.919 139.212 113.31 138.831ZM129.357 137.927C123.604 137.609 118.057 137.224 112.755 136.778C111.609 132.208 111 127.425 111 122.5C111 117.575 111.609 112.792 112.755 108.222C118.057 107.776 123.604 107.391 129.357 107.073C133.872 112.102 138.645 117.261 143.641 122.5C138.645 127.739 133.872 132.898 129.357 137.927ZM130.206 139.977C126.364 144.269 122.715 148.462 119.282 152.525C124.244 160.805 131.195 167.756 139.475 172.718C143.538 169.285 147.731 165.636 152.023 161.794C151.66 155.046 151.387 148.022 151.215 140.785C143.978 140.613 136.954 140.34 130.206 139.977ZM151.17 138.783C144.558 138.625 138.127 138.383 131.924 138.064C136.085 133.453 140.461 128.734 145.025 123.947C146.996 126.003 149.001 128.071 151.037 130.148C151.066 133.056 151.11 135.935 151.17 138.783ZM153.217 140.83C153.375 147.442 153.617 153.873 153.936 160.075C158.547 155.915 163.265 151.539 168.053 146.975C165.997 145.004 163.929 142.999 161.852 140.963C158.944 140.934 156.065 140.89 153.217 140.83ZM159.797 138.94C157.571 138.912 155.362 138.875 153.172 138.828C153.125 136.638 153.088 134.429 153.06 132.203C154.171 133.327 155.29 134.453 156.419 135.582C157.547 136.71 158.673 137.829 159.797 138.94ZM164.736 140.986C166.33 142.54 167.919 144.076 169.5 145.592C171.081 144.076 172.67 142.54 174.264 140.986C172.683 140.995 171.095 141 169.5 141C167.905 141 166.316 140.995 164.736 140.986ZM176.322 138.97C174.065 138.99 171.79 139 169.5 139C167.21 139 164.935 138.99 162.678 138.97C161.067 137.388 159.452 135.787 157.833 134.167C156.214 132.548 154.612 130.933 153.03 129.322C153.01 127.065 153 124.79 153 122.5C153 120.21 153.01 117.935 153.03 115.678C154.612 114.067 156.214 112.452 157.833 110.833C159.452 109.213 161.067 107.612 162.678 106.03C164.935 106.01 167.21 106 169.5 106C171.79 106 174.065 106.01 176.322 106.03C177.932 107.612 179.548 109.214 181.167 110.833C182.786 112.452 184.388 114.068 185.97 115.678C185.99 117.935 186 120.21 186 122.5C186 124.79 185.99 127.065 185.97 129.322C184.388 130.932 182.786 132.548 181.167 134.167C179.548 135.786 177.933 137.388 176.322 138.97ZM177.147 140.963C175.071 142.999 173.003 145.004 170.947 146.975C175.734 151.539 180.453 155.915 185.064 160.076C185.383 153.873 185.625 147.442 185.783 140.83C182.935 140.89 180.055 140.934 177.147 140.963ZM185.828 138.828C183.638 138.875 181.429 138.912 179.203 138.94C180.327 137.829 181.453 136.71 182.581 135.581C183.71 134.453 184.829 133.327 185.94 132.203C185.912 134.429 185.875 136.638 185.828 138.828ZM187.785 140.785C187.613 148.022 187.34 155.046 186.977 161.794C191.269 165.636 195.462 169.285 199.525 172.718C207.805 167.756 214.756 160.805 219.718 152.525C216.285 148.462 212.636 144.269 208.794 139.977C202.046 140.34 195.022 140.613 187.785 140.785ZM207.075 138.064C200.873 138.383 194.442 138.625 187.83 138.783C187.89 135.935 187.934 133.055 187.963 130.147C189.999 128.071 192.004 126.003 193.975 123.947C198.539 128.734 202.915 133.453 207.075 138.064ZM211.348 139.834C214.64 143.531 217.789 147.154 220.777 150.681C222.827 146.959 224.483 142.991 225.69 138.831C221.081 139.212 216.292 139.548 211.348 139.834ZM226.245 136.778C220.943 137.224 215.396 137.609 209.643 137.927C205.128 132.898 200.355 127.739 195.359 122.5C200.355 117.261 205.128 112.102 209.643 107.073C215.396 107.391 220.943 107.776 226.245 108.222C227.391 112.792 228 117.575 228 122.5C228 127.425 227.391 132.208 226.245 136.778ZM228.349 136.597C237.662 135.777 246.182 134.768 253.693 133.605C264.457 131.939 273.057 129.97 278.922 127.823C281.866 126.745 284.002 125.665 285.366 124.633C286.773 123.568 287 122.839 287 122.5C287 122.161 286.773 121.432 285.366 120.367C284.002 119.335 281.866 118.255 278.922 117.177C273.057 115.03 264.457 113.061 253.693 111.395C246.182 110.232 237.662 109.223 228.349 108.403C229.428 112.926 230 117.646 230 122.5C230 127.354 229.428 132.074 228.349 136.597ZM225.69 106.169C224.483 102.009 222.827 98.0406 220.777 94.3192C217.789 97.8464 214.64 101.469 211.348 105.166C216.292 105.452 221.081 105.788 225.69 106.169ZM208.794 105.023C212.636 100.731 216.285 96.538 219.718 92.4754C214.756 84.195 207.805 77.2437 199.525 72.2823C195.462 75.7153 191.269 79.3642 186.977 83.2059C187.34 89.9541 187.613 96.9777 187.785 104.215C195.022 104.387 202.046 104.66 208.794 105.023ZM185.783 104.17C185.625 97.558 185.383 91.127 185.064 84.9244C180.453 89.0849 175.734 93.4611 170.947 98.025C173.003 99.9963 175.071 102.001 177.147 104.037C180.055 104.066 182.935 104.11 185.783 104.17ZM179.203 106.06C181.429 106.088 183.638 106.125 185.828 106.172C185.875 108.362 185.912 110.571 185.94 112.797C184.829 111.673 183.71 110.547 182.581 109.419C181.453 108.29 180.327 107.171 179.203 106.06ZM174.264 104.014C172.67 102.46 171.081 100.924 169.5 99.4083C167.919 100.924 166.33 102.46 164.736 104.014C166.316 104.005 167.905 104 169.5 104C171.095 104 172.683 104.005 174.264 104.014ZM161.852 104.037C163.929 102.001 165.997 99.9963 168.053 98.025C163.265 93.4611 158.547 89.085 153.936 84.9246C153.617 91.1271 153.375 97.558 153.217 104.17C156.065 104.11 158.944 104.066 161.852 104.037ZM151.215 104.215C151.387 96.9777 151.66 89.9542 152.023 83.206C147.731 79.3643 143.538 75.7154 139.475 72.2823C131.195 77.2438 124.244 84.1951 119.282 92.4755C122.715 96.5381 126.364 100.731 130.206 105.023C136.954 104.66 143.978 104.387 151.215 104.215ZM131.924 106.936C138.127 106.617 144.558 106.375 151.17 106.217C151.11 109.065 151.066 111.944 151.037 114.852C149.001 116.929 146.996 118.997 145.025 121.053C140.461 116.266 136.085 111.547 131.924 106.936ZM127.652 105.166C124.36 101.469 121.211 97.8465 118.223 94.3193C116.173 98.0407 114.517 102.009 113.31 106.169C117.919 105.788 122.708 105.452 127.652 105.166ZM153.172 106.172C155.362 106.125 157.571 106.088 159.797 106.06C158.673 107.171 157.547 108.29 156.419 109.418C155.29 110.547 154.171 111.673 153.06 112.797C153.088 110.571 153.125 108.362 153.172 106.172ZM187.83 106.217C194.442 106.375 200.873 106.617 207.075 106.936C202.915 111.547 198.539 116.266 193.975 121.053C192.004 118.997 189.999 116.929 187.963 114.853C187.934 111.945 187.89 109.065 187.83 106.217ZM110.651 108.403C109.572 112.926 109 117.646 109 122.5C109 127.354 109.572 132.074 110.651 136.597C101.338 135.777 92.8176 134.768 85.3067 133.605C74.543 131.939 65.9431 129.969 60.0783 127.823C57.1343 126.745 54.9978 125.665 53.6345 124.633C52.2265 123.568 52 122.839 52 122.5C52 122.161 52.2265 121.432 53.6345 120.367C54.9978 119.335 57.1343 118.255 60.0783 117.177C65.9431 115.03 74.543 113.061 85.3067 111.395C92.8176 110.232 101.338 109.223 110.651 108.403ZM221.181 189.886C215.047 185.396 208.307 180.083 201.14 174.077C209.249 169.092 216.092 162.249 221.077 154.14C227.083 161.307 232.396 168.047 236.886 174.181C243.319 182.971 248.007 190.444 250.637 196.109C251.956 198.953 252.703 201.227 252.938 202.921C253.18 204.67 252.825 205.345 252.585 205.585C252.345 205.825 251.67 206.18 249.921 205.938C248.227 205.703 245.953 204.956 243.109 203.637C237.444 201.008 229.971 196.319 221.181 189.886ZM184.927 82.357C179.898 86.8716 174.739 91.6453 169.5 96.6414C164.261 91.6454 159.102 86.8717 154.073 82.3572C154.391 76.6038 154.776 71.0567 155.222 65.7549C159.792 64.6087 164.575 64 169.5 64C174.425 64 179.208 64.6087 183.778 65.7549C184.224 71.0567 184.609 76.6037 184.927 82.357ZM153.169 66.31C152.788 70.919 152.452 75.708 152.166 80.6523C148.469 77.3596 144.846 74.2115 141.319 71.2227C145.041 69.1731 149.009 67.5169 153.169 66.31ZM117.819 55.114C123.953 59.6037 130.693 64.9166 137.86 70.9229C129.751 75.9078 122.908 82.7514 117.923 90.8601C111.917 83.6932 106.604 76.9533 102.114 70.8189C95.6811 62.0295 90.9925 54.556 88.3633 48.8911C87.0436 46.0474 86.2968 43.7727 86.0621 42.0793C85.8198 40.3305 86.175 39.6549 86.4149 39.415C86.6549 39.1751 87.3305 38.8198 89.0793 39.0622C90.7726 39.2969 93.0474 40.0436 95.891 41.3634C101.556 43.9926 109.029 48.6812 117.819 55.114ZM151 122.5C151 124.095 151.005 125.684 151.014 127.264C149.46 125.67 147.924 124.081 146.408 122.5C147.924 120.919 149.46 119.33 151.014 117.736C151.005 119.316 151 120.905 151 122.5ZM154.073 162.643C159.102 158.128 164.261 153.355 169.5 148.359C174.739 153.355 179.898 158.128 184.927 162.643C184.609 168.396 184.224 173.943 183.778 179.245C179.208 180.391 174.425 181 169.5 181C164.575 181 159.792 180.391 155.222 179.245C154.776 173.943 154.391 168.396 154.073 162.643ZM185.831 178.69C186.212 174.081 186.548 169.292 186.834 164.348C190.531 167.64 194.154 170.789 197.681 173.777C193.959 175.827 189.991 177.483 185.831 178.69ZM192.592 122.5C191.076 120.919 189.54 119.33 187.986 117.736C187.995 119.317 188 120.905 188 122.5C188 124.095 187.995 125.683 187.986 127.264C189.54 125.67 191.076 124.081 192.592 122.5ZM137.86 174.077C130.693 180.083 123.953 185.396 117.819 189.886C109.029 196.319 101.556 201.007 95.8911 203.637C93.0474 204.956 90.7726 205.703 89.0793 205.938C87.3305 206.18 86.6549 205.825 86.415 205.585C86.175 205.345 85.8198 204.669 86.0622 202.921C86.2969 201.227 87.0436 198.953 88.3634 196.109C90.9925 190.444 95.6811 182.97 102.114 174.181C106.604 168.047 111.917 161.307 117.923 154.14C122.908 162.249 129.751 169.092 137.86 174.077ZM141.319 173.777C145.041 175.827 149.009 177.483 153.169 178.69C152.788 174.081 152.452 169.292 152.166 164.348C148.469 167.64 144.846 170.789 141.319 173.777ZM221.077 90.86C227.083 83.6931 232.396 76.9532 236.886 70.8187C243.319 62.0294 248.007 54.5559 250.637 48.891C251.956 46.0473 252.703 43.7726 252.938 42.0792C253.18 40.3304 252.825 39.6548 252.585 39.4149C252.345 39.175 251.67 38.8197 249.921 39.0621C248.227 39.2968 245.953 40.0435 243.109 41.3633C237.444 43.9924 229.971 48.6811 221.181 55.1138C215.047 59.6036 208.307 64.9165 201.14 70.9229C209.249 75.9078 216.092 82.7513 221.077 90.86ZM197.681 71.2226C193.959 69.1731 189.991 67.5169 185.831 66.31C186.212 70.9189 186.548 75.7079 186.834 80.6522C190.531 77.3595 194.154 74.2114 197.681 71.2226ZM180.605 38.3067C181.768 45.8176 182.777 54.3384 183.597 63.6511C179.074 62.5716 174.354 62 169.5 62C164.646 62 159.926 62.5716 155.403 63.6511C156.223 54.3384 157.232 45.8176 158.395 38.3067C160.061 27.543 162.03 18.9431 164.177 13.0783C165.255 10.1343 166.335 7.99784 167.367 6.63449C168.432 5.22652 169.161 5 169.5 5C169.839 5 170.568 5.22652 171.633 6.63449C172.665 7.99784 173.745 10.1343 174.823 13.0783C176.97 18.9431 178.939 27.543 180.605 38.3067Z" fill="#273333"/>
|
|
14
|
+
</svg>
|