@hero-design/rn 8.0.0-rc.0 → 8.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.js +2 -1
- package/.turbo/turbo-build.log +9 -9
- package/assets/fonts/{RebondGrotesque-Regular.otf → RebondGrotesque.otf} +0 -0
- package/assets/fonts/hero-icons-mobile.ttf +0 -0
- package/es/index.js +437 -617
- package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
- package/lib/index.js +436 -616
- package/package.json +9 -7
- package/src/components/Alert/StyledAlert.tsx +2 -3
- package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap +6 -12
- package/src/components/Alert/index.tsx +3 -23
- package/src/components/BottomSheet/StyledBottomSheet.tsx +0 -1
- package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +4 -6
- package/src/components/Box/__tests__/__snapshots__/index.spec.tsx.snap +4 -26
- package/src/components/Button/Button.tsx +7 -16
- package/src/components/Button/StyledButton.tsx +0 -46
- package/src/components/Button/__tests__/Button.spec.tsx +10 -11
- package/src/components/Button/__tests__/StyledButton.spec.tsx +0 -3
- package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +0 -91
- package/src/components/Card/StyledCard.tsx +2 -11
- package/src/components/Card/__tests__/StyledCard.spec.tsx +2 -14
- package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap +0 -32
- package/src/components/Card/__tests__/__snapshots__/index.spec.tsx.snap +0 -4
- package/src/components/Card/__tests__/index.spec.tsx +1 -13
- package/src/components/Card/index.tsx +5 -26
- package/src/components/DatePicker/DatePickerAndroid.tsx +4 -0
- package/src/components/DatePicker/DatePickerIOS.tsx +9 -11
- package/src/components/DatePicker/__tests__/DatePicker.spec.tsx +4 -0
- package/src/components/DatePicker/__tests__/DatePickerAndroid.spec.tsx +4 -0
- package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +3 -0
- package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +31 -12
- package/src/components/DatePicker/types.ts +8 -0
- package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
- package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
- package/src/components/Icon/IconList.ts +0 -8
- package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +5 -7
- package/src/components/Progress/ProgressCircle.tsx +1 -1
- package/src/components/Select/Footer.tsx +2 -7
- package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +120 -50
- package/src/components/Select/MultiSelect/index.tsx +1 -20
- package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +5 -0
- package/src/components/Select/SingleSelect/index.tsx +5 -24
- package/src/components/Select/StyledSelect.tsx +1 -12
- package/src/components/Select/types.ts +1 -11
- package/src/components/Switch/StyledSwitch.tsx +7 -12
- package/src/components/Switch/__tests__/StyledSwitch.spec.tsx +2 -2
- package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap +10 -15
- package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap +8 -12
- package/src/components/Switch/index.tsx +6 -22
- package/src/components/Tabs/ScrollableTabs.tsx +1 -6
- package/src/components/Tabs/TabWithBadge.tsx +1 -15
- package/src/components/Tabs/__tests__/ScrollableTabs.spec.tsx +3 -1
- package/src/components/Tabs/__tests__/TabWithBadge.spec.tsx +0 -12
- package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +4 -3
- package/src/components/Tabs/__tests__/__snapshots__/TabWithBadge.spec.tsx.snap +0 -70
- package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +1 -2
- package/src/components/Tabs/__tests__/index.spec.tsx +3 -1
- package/src/components/Tabs/index.tsx +12 -24
- package/src/components/Tag/StyledTag.tsx +0 -1
- package/src/components/Tag/__tests__/Tag.spec.tsx +0 -9
- package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +0 -40
- package/src/components/Tag/index.tsx +3 -16
- package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +12 -0
- package/src/components/TextInput/__tests__/index.spec.tsx +4 -2
- package/src/components/TextInput/index.tsx +7 -1
- package/src/components/TimePicker/TimePickerIOS.tsx +5 -11
- package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +1 -0
- package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +31 -12
- package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +1 -1
- package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +9 -72
- package/src/theme/components/bottomSheet.ts +2 -3
- package/src/theme/components/select.ts +1 -5
- package/src/theme/components/switch.ts +4 -14
- package/src/theme/components/tag.ts +0 -2
- package/src/theme/global/colors/swag.ts +1 -20
- package/src/theme/global/colors/types.ts +1 -58
- package/src/theme/global/typography.ts +1 -1
- package/src/utils/hooks.ts +1 -1
- package/types/components/Accordion/AccordionItem.d.ts +0 -0
- package/types/components/Accordion/StyledAccordion.d.ts +0 -0
- package/types/components/Accordion/index.d.ts +0 -0
- package/types/components/Alert/StyledAlert.d.ts +0 -1
- package/types/components/Alert/index.d.ts +1 -6
- package/types/components/Attachment/StyledAttachment.d.ts +0 -0
- package/types/components/Attachment/index.d.ts +0 -0
- package/types/components/Avatar/Avatar.d.ts +0 -0
- package/types/components/Avatar/AvatarStack/StyledAvatarStack.d.ts +0 -0
- package/types/components/Avatar/AvatarStack/index.d.ts +0 -0
- package/types/components/Avatar/AvatarStack/utils.d.ts +0 -0
- package/types/components/Avatar/StyledAvatar.d.ts +0 -0
- package/types/components/Avatar/index.d.ts +0 -0
- package/types/components/Badge/Status.d.ts +0 -0
- package/types/components/Badge/StyledBadge.d.ts +0 -0
- package/types/components/Badge/index.d.ts +0 -0
- package/types/components/BottomNavigation/StyledBottomNavigation.d.ts +0 -0
- package/types/components/BottomNavigation/index.d.ts +0 -0
- package/types/components/BottomSheet/Footer.d.ts +0 -0
- package/types/components/BottomSheet/Header.d.ts +0 -0
- package/types/components/BottomSheet/StyledBottomSheet.d.ts +0 -0
- package/types/components/BottomSheet/index.d.ts +0 -0
- package/types/components/Box/StyledBox.d.ts +0 -0
- package/types/components/Box/config.d.ts +0 -0
- package/types/components/Box/index.d.ts +0 -0
- package/types/components/Box/types.d.ts +0 -0
- package/types/components/Button/Button.d.ts +2 -3
- package/types/components/Button/IconButton.d.ts +0 -0
- package/types/components/Button/LoadingIndicator/StyledLoadingIndicator.d.ts +0 -0
- package/types/components/Button/LoadingIndicator/index.d.ts +0 -0
- package/types/components/Button/StyledButton.d.ts +1 -1
- package/types/components/Button/UtilityButton/StyledUtilityButton.d.ts +0 -0
- package/types/components/Button/UtilityButton/index.d.ts +0 -0
- package/types/components/Button/index.d.ts +0 -0
- package/types/components/Calendar/CalendarRowItem.d.ts +0 -0
- package/types/components/Calendar/StyledCalendar.d.ts +0 -0
- package/types/components/Calendar/helpers.d.ts +0 -0
- package/types/components/Calendar/index.d.ts +0 -0
- package/types/components/Card/DataCard/StyledDataCard.d.ts +0 -0
- package/types/components/Card/DataCard/index.d.ts +0 -0
- package/types/components/Card/StyledCard.d.ts +1 -8
- package/types/components/Card/index.d.ts +2 -8
- package/types/components/Checkbox/StyledCheckbox.d.ts +0 -0
- package/types/components/Checkbox/index.d.ts +0 -0
- package/types/components/Collapse/StyledCollapse.d.ts +0 -0
- package/types/components/Collapse/index.d.ts +0 -0
- package/types/components/ContentNavigator/StyledContentNavigator.d.ts +0 -0
- package/types/components/ContentNavigator/index.d.ts +0 -0
- package/types/components/DatePicker/DatePickerAndroid.d.ts +1 -1
- package/types/components/DatePicker/DatePickerIOS.d.ts +1 -1
- package/types/components/DatePicker/StyledDatePicker.d.ts +0 -0
- package/types/components/DatePicker/index.d.ts +0 -0
- package/types/components/DatePicker/types.d.ts +8 -0
- package/types/components/Divider/StyledDivider.d.ts +0 -0
- package/types/components/Divider/index.d.ts +0 -0
- package/types/components/Drawer/DragableDrawer/helpers.d.ts +0 -0
- package/types/components/Drawer/DragableDrawer/index.d.ts +0 -0
- package/types/components/Drawer/StyledDrawer.d.ts +0 -0
- package/types/components/Drawer/index.d.ts +0 -0
- package/types/components/Empty/StyledEmpty.d.ts +0 -0
- package/types/components/Empty/index.d.ts +0 -0
- package/types/components/FAB/ActionGroup/ActionItem.d.ts +0 -0
- package/types/components/FAB/ActionGroup/StyledActionGroup.d.ts +0 -0
- package/types/components/FAB/ActionGroup/StyledActionItem.d.ts +0 -0
- package/types/components/FAB/ActionGroup/index.d.ts +0 -0
- package/types/components/FAB/AnimatedFABIcon.d.ts +0 -0
- package/types/components/FAB/FAB.d.ts +0 -0
- package/types/components/FAB/StyledFAB.d.ts +0 -0
- package/types/components/FAB/index.d.ts +0 -0
- package/types/components/Icon/AnimatedIcon.d.ts +0 -0
- package/types/components/Icon/HeroIcon/index.d.ts +0 -0
- package/types/components/Icon/IconList.d.ts +1 -1
- package/types/components/Icon/index.d.ts +1 -1
- package/types/components/Icon/utils.d.ts +1 -1
- package/types/components/Image/index.d.ts +0 -0
- package/types/components/List/BasicListItem.d.ts +0 -0
- package/types/components/List/ListItem.d.ts +0 -0
- package/types/components/List/StyledBasicListItem.d.ts +0 -0
- package/types/components/List/StyledListItem.d.ts +0 -0
- package/types/components/List/index.d.ts +0 -0
- package/types/components/PinInput/PinCell.d.ts +0 -0
- package/types/components/PinInput/StyledPinInput.d.ts +0 -0
- package/types/components/PinInput/index.d.ts +0 -0
- package/types/components/Progress/ProgressBar.d.ts +0 -0
- package/types/components/Progress/ProgressCircle.d.ts +0 -0
- package/types/components/Progress/StyledProgressBar.d.ts +0 -0
- package/types/components/Progress/StyledProgressCircle.d.ts +0 -0
- package/types/components/Progress/__tests__/index.spec.d.ts +0 -0
- package/types/components/Progress/constants.d.ts +0 -0
- package/types/components/Progress/index.d.ts +0 -0
- package/types/components/Progress/types.d.ts +0 -0
- package/types/components/Radio/Radio.d.ts +0 -0
- package/types/components/Radio/RadioGroup.d.ts +0 -0
- package/types/components/Radio/StyledRadio.d.ts +0 -0
- package/types/components/Radio/index.d.ts +0 -0
- package/types/components/Radio/types.d.ts +0 -0
- package/types/components/RefreshControl/index.d.ts +0 -0
- package/types/components/RichTextEditor/EditorEvent.d.ts +0 -0
- package/types/components/RichTextEditor/EditorToolbar.d.ts +0 -0
- package/types/components/RichTextEditor/MentionList.d.ts +0 -0
- package/types/components/RichTextEditor/RichTextEditor.d.ts +0 -0
- package/types/components/RichTextEditor/StyledRichTextEditor.d.ts +0 -0
- package/types/components/RichTextEditor/StyledToolbar.d.ts +0 -0
- package/types/components/RichTextEditor/__mocks__/heroEditorApp.d.ts +0 -0
- package/types/components/RichTextEditor/constants.d.ts +0 -0
- package/types/components/RichTextEditor/heroEditorApp.d.ts +0 -0
- package/types/components/RichTextEditor/index.d.ts +0 -0
- package/types/components/RichTextEditor/types.d.ts +0 -0
- package/types/components/RichTextEditor/utils/events.d.ts +0 -0
- package/types/components/RichTextEditor/utils/rnWebView.d.ts +0 -0
- package/types/components/SectionHeading/StyledHeading.d.ts +0 -0
- package/types/components/SectionHeading/index.d.ts +0 -0
- package/types/components/Select/BaseOptionList.d.ts +0 -0
- package/types/components/Select/Footer.d.ts +0 -0
- package/types/components/Select/MultiSelect/Option.d.ts +0 -0
- package/types/components/Select/MultiSelect/OptionList.d.ts +0 -0
- package/types/components/Select/MultiSelect/index.d.ts +1 -1
- package/types/components/Select/SingleSelect/Option.d.ts +0 -0
- package/types/components/Select/SingleSelect/OptionList.d.ts +0 -0
- package/types/components/Select/SingleSelect/StyledSingleSelect.d.ts +0 -0
- package/types/components/Select/SingleSelect/index.d.ts +1 -1
- package/types/components/Select/StyledSelect.d.ts +1 -5
- package/types/components/Select/helpers.d.ts +0 -0
- package/types/components/Select/index.d.ts +1 -1
- package/types/components/Select/types.d.ts +1 -11
- package/types/components/Slider/index.d.ts +0 -0
- package/types/components/Spinner/AnimatedSpinner.d.ts +0 -0
- package/types/components/Spinner/StyledSpinner.d.ts +0 -0
- package/types/components/Spinner/index.d.ts +0 -0
- package/types/components/Swipeable/StyledSwipeable.d.ts +0 -0
- package/types/components/Swipeable/SwipeableAction.d.ts +0 -0
- package/types/components/Swipeable/index.d.ts +0 -0
- package/types/components/Switch/SelectorSwitch/Option.d.ts +0 -0
- package/types/components/Switch/SelectorSwitch/StyledSelectorSwitch.d.ts +0 -0
- package/types/components/Switch/SelectorSwitch/index.d.ts +0 -0
- package/types/components/Switch/StyledSwitch.d.ts +0 -4
- package/types/components/Switch/index.d.ts +1 -6
- package/types/components/Tabs/ActiveTabIndicator.d.ts +0 -0
- package/types/components/Tabs/ScrollableTabs.d.ts +0 -0
- package/types/components/Tabs/StyledScrollableTabs.d.ts +0 -0
- package/types/components/Tabs/StyledTabs.d.ts +0 -0
- package/types/components/Tabs/TabWithBadge.d.ts +1 -2
- package/types/components/Tabs/index.d.ts +2 -3
- package/types/components/Tabs/utils.d.ts +0 -0
- package/types/components/Tag/StyledTag.d.ts +1 -1
- package/types/components/Tag/index.d.ts +2 -2
- package/types/components/TextInput/StyledTextInput.d.ts +0 -0
- package/types/components/TextInput/index.d.ts +0 -0
- package/types/components/TimePicker/StyledTimePicker.d.ts +0 -0
- package/types/components/TimePicker/TimePickerAndroid.d.ts +0 -0
- package/types/components/TimePicker/TimePickerIOS.d.ts +0 -0
- package/types/components/TimePicker/index.d.ts +0 -0
- package/types/components/TimePicker/types.d.ts +0 -0
- package/types/components/Toast/StyledToast.d.ts +0 -0
- package/types/components/Toast/Toast.d.ts +0 -0
- package/types/components/Toast/ToastContainer.d.ts +0 -0
- package/types/components/Toast/ToastContext.d.ts +0 -0
- package/types/components/Toast/ToastProvider.d.ts +0 -0
- package/types/components/Toast/index.d.ts +0 -0
- package/types/components/Toast/types.d.ts +0 -0
- package/types/components/Toolbar/StyledToolbar.d.ts +0 -0
- package/types/components/Toolbar/ToolbarGroup.d.ts +0 -0
- package/types/components/Toolbar/ToolbarItem.d.ts +0 -0
- package/types/components/Toolbar/index.d.ts +0 -0
- package/types/components/Typography/Text/StyledText.d.ts +0 -0
- package/types/components/Typography/Text/index.d.ts +0 -0
- package/types/components/Typography/index.d.ts +0 -0
- package/types/index.d.ts +0 -0
- package/types/testHelpers/renderWithTheme.d.ts +0 -0
- package/types/theme/ThemeProvider.d.ts +0 -0
- package/types/theme/ThemeSwitcher.d.ts +0 -0
- package/types/theme/components/accordion.d.ts +0 -0
- package/types/theme/components/alert.d.ts +0 -0
- package/types/theme/components/attachment.d.ts +0 -0
- package/types/theme/components/avatar.d.ts +0 -0
- package/types/theme/components/badge.d.ts +0 -0
- package/types/theme/components/bottomNavigation.d.ts +0 -0
- package/types/theme/components/bottomSheet.d.ts +0 -1
- package/types/theme/components/button.d.ts +0 -0
- package/types/theme/components/calendar.d.ts +0 -0
- package/types/theme/components/card.d.ts +0 -0
- package/types/theme/components/checkbox.d.ts +0 -0
- package/types/theme/components/contentNavigator.d.ts +0 -0
- package/types/theme/components/datePicker.d.ts +0 -0
- package/types/theme/components/divider.d.ts +0 -0
- package/types/theme/components/drawer.d.ts +0 -0
- package/types/theme/components/empty.d.ts +0 -0
- package/types/theme/components/fab.d.ts +0 -0
- package/types/theme/components/icon.d.ts +0 -0
- package/types/theme/components/image.d.ts +0 -0
- package/types/theme/components/list.d.ts +0 -0
- package/types/theme/components/pinInput.d.ts +0 -0
- package/types/theme/components/progress.d.ts +0 -0
- package/types/theme/components/radio.d.ts +0 -0
- package/types/theme/components/refreshControl.d.ts +0 -0
- package/types/theme/components/richTextEditor.d.ts +0 -0
- package/types/theme/components/sectionHeading.d.ts +0 -0
- package/types/theme/components/select.d.ts +0 -3
- package/types/theme/components/slider.d.ts +0 -0
- package/types/theme/components/spinner.d.ts +0 -0
- package/types/theme/components/swipeable.d.ts +0 -0
- package/types/theme/components/switch.d.ts +4 -14
- package/types/theme/components/tabs.d.ts +0 -0
- package/types/theme/components/tag.d.ts +0 -2
- package/types/theme/components/textInput.d.ts +0 -0
- package/types/theme/components/timePicker.d.ts +0 -0
- package/types/theme/components/toast.d.ts +0 -0
- package/types/theme/components/toolbar.d.ts +0 -0
- package/types/theme/components/typography.d.ts +0 -0
- package/types/theme/getTheme.d.ts +0 -0
- package/types/theme/global/borders.d.ts +0 -0
- package/types/theme/global/colors/eBens.d.ts +0 -0
- package/types/theme/global/colors/global.d.ts +0 -0
- package/types/theme/global/colors/jobs.d.ts +0 -0
- package/types/theme/global/colors/swag.d.ts +0 -0
- package/types/theme/global/colors/types.d.ts +1 -52
- package/types/theme/global/colors/wallet.d.ts +0 -0
- package/types/theme/global/colors/work.d.ts +0 -0
- package/types/theme/global/index.d.ts +0 -47
- package/types/theme/global/scale.d.ts +0 -0
- package/types/theme/global/sizes.d.ts +0 -0
- package/types/theme/global/space.d.ts +0 -0
- package/types/theme/global/typography.d.ts +0 -0
- package/types/theme/index.d.ts +0 -0
- package/types/types.d.ts +0 -0
- package/types/utils/functions.d.ts +0 -0
- package/types/utils/helpers.d.ts +0 -0
- package/types/utils/hooks.d.ts +0 -0
- package/types/utils/scale.d.ts +0 -0
- package/.expo/README.md +0 -15
- package/.expo/packager-info.json +0 -10
- package/.expo/prebuild/cached-packages.json +0 -4
- package/.expo/settings.json +0 -10
- package/.expo/xcodebuild-error.log +0 -2
- package/.expo/xcodebuild.log +0 -11199
- package/.turbo/turbo-build:types.log +0 -2
- package/.turbo/turbo-build:watch.log +0 -1
- package/.turbo/turbo-lint.log +0 -96
- package/.turbo/turbo-test.log +0 -909
- package/src/components/Select/__tests__/StyledSelect.spec.tsx +0 -14
- package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap +0 -29
- package/src/theme/__tests__/ensureCompatibleWithV7.spec.tsx +0 -13
- package/src/theme/global/colors/legacySystemPalette.ts +0 -53
- package/types/components/Accordion/utils.d.ts +0 -1
- package/types/components/Select/StyledOptionList.d.ts +0 -12
- package/types/theme/global/colors/legacySystemPalette.d.ts +0 -3
- package/types/theme/utils.d.ts +0 -2
|
@@ -1,20 +1,5 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
|
-
exports[`LeftDataCard renders correctly 1`] = `
|
|
4
|
-
<View
|
|
5
|
-
style={
|
|
6
|
-
Array [
|
|
7
|
-
Object {
|
|
8
|
-
"backgroundColor": "#401960",
|
|
9
|
-
"height": "100%",
|
|
10
|
-
"width": 16,
|
|
11
|
-
},
|
|
12
|
-
undefined,
|
|
13
|
-
]
|
|
14
|
-
}
|
|
15
|
-
/>
|
|
16
|
-
`;
|
|
17
|
-
|
|
18
3
|
exports[`StyledCard renders correct basic style 1`] = `
|
|
19
4
|
<View
|
|
20
5
|
style={
|
|
@@ -26,22 +11,5 @@ exports[`StyledCard renders correct basic style 1`] = `
|
|
|
26
11
|
undefined,
|
|
27
12
|
]
|
|
28
13
|
}
|
|
29
|
-
themeVariant="basic"
|
|
30
|
-
/>
|
|
31
|
-
`;
|
|
32
|
-
|
|
33
|
-
exports[`StyledCard renders correct data style 1`] = `
|
|
34
|
-
<View
|
|
35
|
-
style={
|
|
36
|
-
Array [
|
|
37
|
-
Object {
|
|
38
|
-
"borderRadius": 12,
|
|
39
|
-
"flexDirection": "row",
|
|
40
|
-
"overflow": "hidden",
|
|
41
|
-
},
|
|
42
|
-
undefined,
|
|
43
|
-
]
|
|
44
|
-
}
|
|
45
|
-
themeVariant="data"
|
|
46
14
|
/>
|
|
47
15
|
`;
|
|
@@ -13,7 +13,6 @@ exports[`Card renders correctly when intent is info 1`] = `
|
|
|
13
13
|
]
|
|
14
14
|
}
|
|
15
15
|
themeIntent="info"
|
|
16
|
-
themeVariant="basic"
|
|
17
16
|
>
|
|
18
17
|
<Text
|
|
19
18
|
style={
|
|
@@ -51,7 +50,6 @@ exports[`Card renders correctly when intent is primary 1`] = `
|
|
|
51
50
|
]
|
|
52
51
|
}
|
|
53
52
|
themeIntent="primary"
|
|
54
|
-
themeVariant="basic"
|
|
55
53
|
>
|
|
56
54
|
<Text
|
|
57
55
|
style={
|
|
@@ -89,7 +87,6 @@ exports[`Card renders correctly when intent is success 1`] = `
|
|
|
89
87
|
]
|
|
90
88
|
}
|
|
91
89
|
themeIntent="success"
|
|
92
|
-
themeVariant="basic"
|
|
93
90
|
>
|
|
94
91
|
<Text
|
|
95
92
|
style={
|
|
@@ -125,7 +122,6 @@ exports[`Card renders correctly when intent is undefined 1`] = `
|
|
|
125
122
|
undefined,
|
|
126
123
|
]
|
|
127
124
|
}
|
|
128
|
-
themeVariant="basic"
|
|
129
125
|
>
|
|
130
126
|
<Text
|
|
131
127
|
style={
|
|
@@ -7,7 +7,7 @@ import Typography from '../../Typography';
|
|
|
7
7
|
describe('Card', () => {
|
|
8
8
|
it('renders basic card', () => {
|
|
9
9
|
const { queryAllByTestId } = renderWithTheme(
|
|
10
|
-
<Card testID="card"
|
|
10
|
+
<Card testID="card">
|
|
11
11
|
<View testID="child-view" />
|
|
12
12
|
</Card>
|
|
13
13
|
);
|
|
@@ -17,18 +17,6 @@ describe('Card', () => {
|
|
|
17
17
|
expect(queryAllByTestId('data-card-indicator')).toHaveLength(0);
|
|
18
18
|
});
|
|
19
19
|
|
|
20
|
-
it('renders data card', () => {
|
|
21
|
-
const { queryAllByTestId } = renderWithTheme(
|
|
22
|
-
<Card testID="card" variant="data">
|
|
23
|
-
<View testID="child-view" />
|
|
24
|
-
</Card>
|
|
25
|
-
);
|
|
26
|
-
|
|
27
|
-
expect(queryAllByTestId('card')).toHaveLength(1);
|
|
28
|
-
expect(queryAllByTestId('child-view')).toHaveLength(1);
|
|
29
|
-
expect(queryAllByTestId('data-card-indicator')).toHaveLength(1);
|
|
30
|
-
});
|
|
31
|
-
|
|
32
20
|
it.each`
|
|
33
21
|
intent
|
|
34
22
|
${undefined}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import type { ReactNode } from 'react';
|
|
3
|
-
import
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
|
|
4
4
|
import DataCard from './DataCard';
|
|
5
|
-
import { StyledCard
|
|
6
|
-
import { useDeprecation } from '../../utils/hooks';
|
|
5
|
+
import { StyledCard } from './StyledCard';
|
|
7
6
|
|
|
8
7
|
interface CardProps extends ViewProps {
|
|
9
8
|
/**
|
|
@@ -14,12 +13,6 @@ interface CardProps extends ViewProps {
|
|
|
14
13
|
* Visual intent color to apply to card.
|
|
15
14
|
*/
|
|
16
15
|
intent?: 'primary' | 'success' | 'warning';
|
|
17
|
-
/**
|
|
18
|
-
* Card type.
|
|
19
|
-
* This is now deprecated. If you want to use "data" variant, please use Card.Data instead.
|
|
20
|
-
* @deprecated
|
|
21
|
-
*/
|
|
22
|
-
variant?: 'basic' | 'data';
|
|
23
16
|
/**
|
|
24
17
|
* Additional style.
|
|
25
18
|
*/
|
|
@@ -30,23 +23,9 @@ interface CardProps extends ViewProps {
|
|
|
30
23
|
testID?: string;
|
|
31
24
|
}
|
|
32
25
|
|
|
33
|
-
const Card = ({
|
|
34
|
-
variant: _variant,
|
|
35
|
-
intent,
|
|
36
|
-
children,
|
|
37
|
-
...nativeProps
|
|
38
|
-
}: CardProps): JSX.Element => {
|
|
39
|
-
const variant: CardProps['variant'] =
|
|
40
|
-
_variant === undefined ? 'basic' : _variant;
|
|
41
|
-
|
|
42
|
-
useDeprecation(
|
|
43
|
-
"Card's variant prop is deprecated and will be removed in the next major release.\nPlease remove it or use Card.Data instead.",
|
|
44
|
-
_variant !== undefined
|
|
45
|
-
);
|
|
46
|
-
|
|
26
|
+
const Card = ({ intent, children, ...nativeProps }: CardProps): JSX.Element => {
|
|
47
27
|
return (
|
|
48
|
-
<StyledCard {...nativeProps}
|
|
49
|
-
{variant === 'data' && <LeftDataCard testID="data-card-indicator" />}
|
|
28
|
+
<StyledCard {...nativeProps} themeIntent={intent}>
|
|
50
29
|
{children}
|
|
51
30
|
</StyledCard>
|
|
52
31
|
);
|
|
@@ -8,6 +8,8 @@ import type { DatePickerProps } from './types';
|
|
|
8
8
|
|
|
9
9
|
const DatePickerAndroid = ({
|
|
10
10
|
value,
|
|
11
|
+
minDate,
|
|
12
|
+
maxDate,
|
|
11
13
|
label,
|
|
12
14
|
placeholder,
|
|
13
15
|
onChange,
|
|
@@ -45,6 +47,8 @@ const DatePickerAndroid = ({
|
|
|
45
47
|
testID="datePickerAndroid"
|
|
46
48
|
mode="date"
|
|
47
49
|
value={pickerInitValue}
|
|
50
|
+
minimumDate={minDate}
|
|
51
|
+
maximumDate={maxDate}
|
|
48
52
|
display="default"
|
|
49
53
|
onChange={(_: any, date: Date | undefined) => {
|
|
50
54
|
setOpen(false);
|
|
@@ -5,12 +5,14 @@ import formatDate from 'date-fns/fp/format';
|
|
|
5
5
|
|
|
6
6
|
import BottomSheet from '../BottomSheet';
|
|
7
7
|
import TextInput from '../TextInput';
|
|
8
|
-
import
|
|
8
|
+
import Button from '../Button';
|
|
9
9
|
import { StyledPickerWrapper } from './StyledDatePicker';
|
|
10
10
|
import type { DatePickerProps } from './types';
|
|
11
11
|
|
|
12
12
|
const DatePickerIOS = ({
|
|
13
13
|
value,
|
|
14
|
+
minDate,
|
|
15
|
+
maxDate,
|
|
14
16
|
label,
|
|
15
17
|
placeholder,
|
|
16
18
|
onChange,
|
|
@@ -49,28 +51,24 @@ const DatePickerIOS = ({
|
|
|
49
51
|
onRequestClose={() => setOpen(false)}
|
|
50
52
|
header={label}
|
|
51
53
|
footer={
|
|
52
|
-
<
|
|
54
|
+
<Button
|
|
55
|
+
variant="text"
|
|
56
|
+
text={confirmLabel}
|
|
53
57
|
onPress={() => {
|
|
54
58
|
if (selectingDate) {
|
|
55
59
|
onChange(selectingDate);
|
|
56
60
|
}
|
|
57
61
|
setOpen(false);
|
|
58
62
|
}}
|
|
59
|
-
|
|
60
|
-
<Typography.Text
|
|
61
|
-
fontSize="large"
|
|
62
|
-
fontWeight="semi-bold"
|
|
63
|
-
intent="primary"
|
|
64
|
-
>
|
|
65
|
-
{confirmLabel}
|
|
66
|
-
</Typography.Text>
|
|
67
|
-
</TouchableOpacity>
|
|
63
|
+
/>
|
|
68
64
|
}
|
|
69
65
|
>
|
|
70
66
|
<StyledPickerWrapper>
|
|
71
67
|
<DateTimePicker
|
|
72
68
|
testID="datePickerIOS"
|
|
73
69
|
value={selectingDate}
|
|
70
|
+
minimumDate={minDate}
|
|
71
|
+
maximumDate={maxDate}
|
|
74
72
|
mode="date"
|
|
75
73
|
onChange={(_: any, date: Date | undefined) => {
|
|
76
74
|
if (date) {
|
|
@@ -10,6 +10,8 @@ describe('DatePicker', () => {
|
|
|
10
10
|
<DatePicker
|
|
11
11
|
label="Start date"
|
|
12
12
|
value={new Date('December 17, 1995')}
|
|
13
|
+
minDate={new Date('December 17, 1994')}
|
|
14
|
+
maxDate={new Date('December 17, 1996')}
|
|
13
15
|
confirmLabel="Confirm"
|
|
14
16
|
onChange={jest.fn()}
|
|
15
17
|
/>
|
|
@@ -24,6 +26,8 @@ describe('DatePicker', () => {
|
|
|
24
26
|
<DatePicker
|
|
25
27
|
label="Start date"
|
|
26
28
|
value={new Date('December 17, 1995')}
|
|
29
|
+
minDate={new Date('December 17, 1994')}
|
|
30
|
+
maxDate={new Date('December 17, 1996')}
|
|
27
31
|
confirmLabel="Confirm"
|
|
28
32
|
onChange={jest.fn()}
|
|
29
33
|
/>
|
|
@@ -10,6 +10,8 @@ describe('DatePickerAndroid', () => {
|
|
|
10
10
|
const { getByText, queryByTestId, toJSON } = renderWithTheme(
|
|
11
11
|
<DatePickerAndroid
|
|
12
12
|
value={new Date('December 21, 1995')}
|
|
13
|
+
minDate={new Date('December 17, 1994')}
|
|
14
|
+
maxDate={new Date('December 17, 1996')}
|
|
13
15
|
label="Start date"
|
|
14
16
|
confirmLabel="Confirm"
|
|
15
17
|
onChange={onChange}
|
|
@@ -41,6 +43,8 @@ describe('DatePickerAndroid', () => {
|
|
|
41
43
|
const { getByText } = renderWithTheme(
|
|
42
44
|
<DatePickerAndroid
|
|
43
45
|
value={new Date('December 21, 1995')}
|
|
46
|
+
minDate={new Date('December 17, 1994')}
|
|
47
|
+
maxDate={new Date('December 17, 1996')}
|
|
44
48
|
label="Start date"
|
|
45
49
|
confirmLabel="Confirm"
|
|
46
50
|
helpText="This is help text"
|
|
@@ -133,6 +133,7 @@ exports[`DatePickerAndroid renders correctly 1`] = `
|
|
|
133
133
|
onBlur={[Function]}
|
|
134
134
|
onChangeText={[Function]}
|
|
135
135
|
onFocus={[Function]}
|
|
136
|
+
placeholder=" "
|
|
136
137
|
style={
|
|
137
138
|
Array [
|
|
138
139
|
Object {
|
|
@@ -194,6 +195,8 @@ exports[`DatePickerAndroid renders correctly 1`] = `
|
|
|
194
195
|
</View>
|
|
195
196
|
<Picker
|
|
196
197
|
display="default"
|
|
198
|
+
maximumDate={1996-12-17T00:00:00.000Z}
|
|
199
|
+
minimumDate={1994-12-17T00:00:00.000Z}
|
|
197
200
|
mode="date"
|
|
198
201
|
onChange={[Function]}
|
|
199
202
|
testID="datePickerAndroid"
|
|
@@ -133,6 +133,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
|
|
|
133
133
|
onBlur={[Function]}
|
|
134
134
|
onChangeText={[Function]}
|
|
135
135
|
onFocus={[Function]}
|
|
136
|
+
placeholder=" "
|
|
136
137
|
style={
|
|
137
138
|
Array [
|
|
138
139
|
Object {
|
|
@@ -476,9 +477,8 @@ exports[`DatePickerIOS renders correctly 1`] = `
|
|
|
476
477
|
"alignItems": "center",
|
|
477
478
|
"flexDirection": "row",
|
|
478
479
|
"justifyContent": "flex-end",
|
|
479
|
-
"
|
|
480
|
-
"
|
|
481
|
-
"paddingVertical": 16,
|
|
480
|
+
"paddingHorizontal": 12,
|
|
481
|
+
"paddingVertical": 2,
|
|
482
482
|
},
|
|
483
483
|
undefined,
|
|
484
484
|
]
|
|
@@ -498,27 +498,46 @@ exports[`DatePickerIOS renders correctly 1`] = `
|
|
|
498
498
|
onStartShouldSetResponder={[Function]}
|
|
499
499
|
style={
|
|
500
500
|
Object {
|
|
501
|
+
"alignItems": "center",
|
|
502
|
+
"borderWidth": 0,
|
|
503
|
+
"flexDirection": "row",
|
|
504
|
+
"justifyContent": "center",
|
|
501
505
|
"opacity": 1,
|
|
506
|
+
"padding": 16,
|
|
502
507
|
}
|
|
503
508
|
}
|
|
504
509
|
>
|
|
505
510
|
<Text
|
|
511
|
+
disabled={false}
|
|
512
|
+
ellipsizeMode="tail"
|
|
513
|
+
numberOfLines={1}
|
|
506
514
|
style={
|
|
507
515
|
Array [
|
|
508
516
|
Object {
|
|
509
|
-
"color": "#
|
|
510
|
-
"fontFamily": "BeVietnamPro-
|
|
511
|
-
"fontSize":
|
|
512
|
-
"letterSpacing": 0.
|
|
513
|
-
"lineHeight":
|
|
517
|
+
"color": "#001f23",
|
|
518
|
+
"fontFamily": "BeVietnamPro-Regular",
|
|
519
|
+
"fontSize": 14,
|
|
520
|
+
"letterSpacing": 0.42,
|
|
521
|
+
"lineHeight": 22,
|
|
514
522
|
},
|
|
515
|
-
|
|
523
|
+
Array [
|
|
524
|
+
Object {
|
|
525
|
+
"color": "#401960",
|
|
526
|
+
"flexShrink": 1,
|
|
527
|
+
"fontFamily": "BeVietnamPro-SemiBold",
|
|
528
|
+
"fontSize": 16,
|
|
529
|
+
"lineHeight": 24,
|
|
530
|
+
"textAlign": "center",
|
|
531
|
+
},
|
|
532
|
+
undefined,
|
|
533
|
+
],
|
|
516
534
|
]
|
|
517
535
|
}
|
|
518
|
-
themeFontSize="
|
|
519
|
-
themeFontWeight="
|
|
520
|
-
themeIntent="
|
|
536
|
+
themeFontSize="medium"
|
|
537
|
+
themeFontWeight="regular"
|
|
538
|
+
themeIntent="body"
|
|
521
539
|
themeTypeface="neutral"
|
|
540
|
+
themeVariant="text-primary"
|
|
522
541
|
>
|
|
523
542
|
Confirm
|
|
524
543
|
</Text>
|
|
@@ -9,6 +9,14 @@ export interface DatePickerProps {
|
|
|
9
9
|
* Current date value. Must be in correct default format or format provided via format prop.
|
|
10
10
|
*/
|
|
11
11
|
value?: Date;
|
|
12
|
+
/**
|
|
13
|
+
* Mininum date. Restrict the range of possible date values.
|
|
14
|
+
*/
|
|
15
|
+
minDate?: Date;
|
|
16
|
+
/**
|
|
17
|
+
* Maximum date. Restrict the range of possible date values.
|
|
18
|
+
*/
|
|
19
|
+
maxDate?: Date;
|
|
12
20
|
/**
|
|
13
21
|
* Input placeholder. Date format will be used as placeholder if not specified.
|
|
14
22
|
*/
|
|
@@ -38,7 +38,7 @@ exports[`Empty renders empty state content correctly 1`] = `
|
|
|
38
38
|
Array [
|
|
39
39
|
Object {
|
|
40
40
|
"color": "#4d6265",
|
|
41
|
-
"fontFamily": "RebondGrotesque
|
|
41
|
+
"fontFamily": "RebondGrotesque",
|
|
42
42
|
"fontSize": 18,
|
|
43
43
|
"textAlign": "center",
|
|
44
44
|
},
|
|
@@ -105,7 +105,7 @@ exports[`Empty renders empty state with image correctly 1`] = `
|
|
|
105
105
|
Array [
|
|
106
106
|
Object {
|
|
107
107
|
"color": "#4d6265",
|
|
108
|
-
"fontFamily": "RebondGrotesque
|
|
108
|
+
"fontFamily": "RebondGrotesque",
|
|
109
109
|
"fontSize": 18,
|
|
110
110
|
"textAlign": "center",
|
|
111
111
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"activate":59000,"add-emoji":59001,"add-person":59002,"adjustment":59003,"alignment":59004,"antenna":59005,"archive":59006,"assignment-warning":59007,"bank":59008,"bell":59009,"billing":59010,"bookmark":59011,"box-check":59012,"box":59013,"buildings":59014,"cake":59015,"calendar-clock":59016,"calendar":59017,"candy-box-menu":59018,"
|
|
1
|
+
{"activate":59000,"add-emoji":59001,"add-person":59002,"adjustment":59003,"alignment":59004,"antenna":59005,"archive":59006,"assignment-warning":59007,"bank":59008,"bell":59009,"billing":59010,"bookmark":59011,"box-check":59012,"box":59013,"buildings":59014,"cake":59015,"calendar-clock":59016,"calendar":59017,"candy-box-menu":59018,"caret-down-small":59019,"caret-down":59020,"caret-left-small":59021,"caret-left":59022,"caret-right-small":59023,"caret-right":59024,"caret-up-small":59025,"caret-up":59026,"check-radio":59027,"circle-add":59028,"circle-cancel":59029,"circle-check":59030,"circle-down":59031,"circle-info":59032,"circle-left":59033,"circle-ok":59034,"circle-pencil":59035,"circle-question":59036,"circle-remove":59037,"circle-right":59038,"circle-up":59039,"circle-warning":59040,"clock-3":59041,"clock":59042,"cloud-download":59043,"cloud-upload":59044,"cog":59045,"coin":59046,"contacts":59047,"credit-card":59048,"diamond":59049,"direction-arrows":59050,"directory":59051,"document":59052,"dollar-coin-shine":59053,"double-buildings":59054,"edit-template":59055,"envelope":59056,"expense":59057,"eye-circle":59058,"eye-invisible":59059,"eye":59060,"face-meh":59061,"face-sad":59062,"face-smiley":59063,"feed":59064,"feedbacks":59065,"file-certified":59066,"file-clone":59067,"file-copy":59068,"file-csv":59069,"file-dispose":59070,"file-doc":59071,"file-excel":59072,"file-export":59073,"file-lock":59074,"file-pdf":59075,"file-powerpoint":59076,"file-search":59077,"file-secured":59078,"file-sheets":59079,"file-slide":59080,"file-verified":59081,"file-word":59082,"file":59083,"filter":59084,"folder-user":59085,"folder":59086,"format-bold":59087,"format-heading1":59088,"format-heading2":59089,"format-italic":59090,"format-list-bulleted":59091,"format-list-numbered":59092,"format-underlined":59093,"funnel-filter":59094,"global-dollar":59095,"globe":59096,"graduation-cap":59097,"graph":59098,"happy-sun":59099,"health-bag":59100,"heart":59101,"home":59102,"image":59103,"import":59104,"incident-siren":59105,"instapay":59106,"list":59107,"loading-2":59108,"loading":59109,"location":59110,"lock":59111,"looks-one":59112,"looks-two":59113,"media-content":59114,"menu":59115,"moneybag":59116,"moon":59117,"multiple-stars":59118,"multiple-users":59119,"node":59120,"open-folder":59121,"paperclip":59122,"payment-summary":59123,"pencil":59124,"phone":59125,"piggy-bank":59126,"plane":59127,"play-circle":59128,"print":59129,"raising-hands":59130,"reply-arrow":59131,"reply":59132,"reschedule":59133,"rostering":59134,"save":59135,"schedule-send":59136,"schedule":59137,"search-person":59138,"send":59139,"speaker-active":59140,"speaker":59141,"star-award":59142,"star-badge":59143,"star-medal":59144,"star":59145,"steps-circle":59146,"stopwatch":59147,"suitcase":59148,"survey":59149,"swag":59150,"switch":59151,"tag":59152,"target":59153,"teams":59154,"timesheet":59155,"touch-id":59156,"trash-bin":59157,"unlock":59158,"user":59159,"video-1":59160,"video-2":59161,"wallet":59162,"warning":59163,"activate-outlined":59164,"add-credit-card-outlined":59165,"add-person-outlined":59166,"add-section-outlined":59167,"add-time-outlined":59168,"add":59169,"adjustment-outlined":59170,"alignment-2-outlined":59171,"alignment-outlined":59172,"all-caps":59173,"arrow-down":59174,"arrow-downwards":59175,"arrow-left":59176,"arrow-leftwards":59177,"arrow-right":59178,"arrow-rightwards":59179,"arrow-up":59180,"arrow-upwards":59181,"at-sign":59182,"bell-active-outlined":59183,"bell-outlined":59184,"bell-slash-outlined":59185,"billing-outlined":59186,"body-outlined":59187,"bold":59188,"bookmark-added-outlined":59189,"bookmark-outlined":59190,"box-check-outlined":59191,"box-outlined":59192,"bullet-points":59193,"cake-outlined":59194,"calendar-dates-outlined":59195,"calendar-star-outlined":59196,"camera-outlined":59197,"cancel":59198,"chat-bubble-outlined":59199,"chat-unread-outlined":59200,"checkmark":59201,"circle-add-outlined":59202,"circle-cancel-outlined":59203,"circle-down-outlined":59204,"circle-info-outlined":59205,"circle-left-outlined":59206,"circle-ok-outlined":59207,"circle-question-outlined":59208,"circle-remove-outlined":59209,"circle-right-outlined":59210,"circle-up-outlined":59211,"circle-warning-outlined":59212,"clock-2-outlined":59213,"clock-outlined":59214,"cog-outlined":59215,"coin-outlined":59216,"comment-outlined":59217,"contacts-outlined":59218,"credit-card-outlined":59219,"cup-outlined":59220,"direction-arrows-outlined":59221,"directory-outlined":59222,"document-outlined":59223,"dollar-card-outlined":59224,"dollar-coin-shine-outlined":59225,"dollar-sign":59226,"double-buildings-outlined":59227,"double-left-arrows":59228,"double-right-arrows":59229,"download-outlined":59230,"edit-template-outlined":59231,"email-outlined":59232,"enter-arrow":59233,"envelope-outlined":59234,"expense-outlined":59235,"explore-outlined":59236,"external-link":59237,"eye-invisible-outlined":59238,"eye-outlined":59239,"face-id":59240,"face-meh-outlined":59241,"face-open-smiley-outlined":59242,"face-sad-outlined":59243,"face-smiley-outlined":59244,"feed-outlined":59245,"file-certified-outlined":59246,"file-clone-outlined":59247,"file-copy-outlined":59248,"file-dispose-outlined":59249,"file-dollar-outlined":59250,"file-download-outlined":59251,"file-export-outlined":59252,"file-lock-outlined":59253,"file-outlined":59254,"file-search-outlined":59255,"file-secured-outlined":59256,"file-verified-outlined":59257,"filter-outlined":59258,"folder-outlined":59259,"folder-user-outlined":59260,"funnel-filter-outline":59261,"graph-outlined":59262,"hand-holding-user-outlined":59263,"happy-sun-outlined":59264,"health-bag-outlined":59265,"heart-outlined":59266,"home-active-outlined":59267,"home-outlined":59268,"id-card-outlined":59269,"image-outlined":59270,"import-outlined":59271,"instapay-outlined":59272,"italic":59273,"link-1":59274,"link-2":59275,"list-outlined":59276,"live-help-outlined":59277,"location-outlined":59278,"lock-outlined":59279,"locked-file-outlined":59280,"log-out":59281,"media-content-outlined":59282,"menu-close":59283,"menu-expand":59284,"menu-fold-outlined":59285,"menu-unfold-outlined":59286,"moneybag-outlined":59287,"moon-outlined":59288,"more-horizontal":59289,"more-vertical":59290,"multiple-folders-outlined":59291,"multiple-users-outlined":59292,"near-me-outlined":59293,"node-outlined":59294,"number-points":59295,"number":59296,"payment-summary-outlined":59297,"payslip-outlined":59298,"pencil-outlined":59299,"percentage":59300,"phone-outlined":59301,"piggy-bank-outlined":59302,"plane-outlined":59303,"play-circle-outlined":59304,"print-outlined":59305,"qr-code-outlined":59306,"re-assign":59307,"redeem":59308,"refresh":59309,"remove":59310,"reply-outlined":59311,"restart":59312,"return-arrow":59313,"rostering-outlined":59314,"save-outlined":59315,"schedule-outlined":59316,"search-outlined":59317,"search-secured-outlined":59318,"send-outlined":59319,"share-1":59320,"share-2":59321,"share-outlined":59322,"single-down-arrow":59323,"single-left-arrow":59324,"single-right-arrow":59325,"single-up-arrow":59326,"speaker-active-outlined":59327,"speaker-outlined":59328,"star-outlined":59329,"stopwatch-outlined":59330,"strikethrough":59331,"suitcase-clock-outlined":59332,"suitcase-outlined":59333,"survey-outlined":59334,"switch-outlined":59335,"sync":59336,"target-outlined":59337,"timesheet-outlined":59338,"transfer":59339,"trash-bin-outlined":59340,"umbrela-outlined":59341,"unavailable":59342,"underline":59343,"unlock-outlined":59344,"upload-outlined":59345,"user-circle-outlined":59346,"user-gear-outlined":59347,"user-outlined":59348,"user-rectangle-outlined":59349,"video-1-outlined":59350,"video-2-outlined":59351,"wallet-outlined":59352}
|
|
@@ -19,14 +19,6 @@ const IconList = [
|
|
|
19
19
|
'calendar-clock',
|
|
20
20
|
'calendar',
|
|
21
21
|
'candy-box-menu',
|
|
22
|
-
'carat-down-small',
|
|
23
|
-
'carat-down',
|
|
24
|
-
'carat-left-small',
|
|
25
|
-
'carat-left',
|
|
26
|
-
'carat-right-small',
|
|
27
|
-
'carat-right',
|
|
28
|
-
'carat-up-small',
|
|
29
|
-
'carat-up',
|
|
30
22
|
'caret-down-small',
|
|
31
23
|
'caret-down',
|
|
32
24
|
'caret-left-small',
|
|
@@ -735,16 +735,15 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
|
|
|
735
735
|
"backgroundColor": "#401960",
|
|
736
736
|
"borderRadius": 999,
|
|
737
737
|
"display": "flex",
|
|
738
|
-
"height":
|
|
738
|
+
"height": 24,
|
|
739
739
|
"justifyContent": "center",
|
|
740
740
|
"paddingHorizontal": 4,
|
|
741
|
-
"width":
|
|
741
|
+
"width": 48,
|
|
742
742
|
},
|
|
743
743
|
undefined,
|
|
744
744
|
]
|
|
745
745
|
}
|
|
746
746
|
testID="switch"
|
|
747
|
-
themeSize="medium"
|
|
748
747
|
themeVariant="checked"
|
|
749
748
|
>
|
|
750
749
|
<View
|
|
@@ -754,12 +753,11 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
|
|
|
754
753
|
Object {
|
|
755
754
|
"backgroundColor": "#ffffff",
|
|
756
755
|
"borderRadius": 999,
|
|
757
|
-
"height":
|
|
758
|
-
"left":
|
|
759
|
-
"width":
|
|
756
|
+
"height": 16,
|
|
757
|
+
"left": 24,
|
|
758
|
+
"width": 16,
|
|
760
759
|
}
|
|
761
760
|
}
|
|
762
|
-
themeSize="medium"
|
|
763
761
|
/>
|
|
764
762
|
</View>
|
|
765
763
|
</View>
|
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
3
|
-
import { FooterText } from './StyledSelect';
|
|
2
|
+
import Button from '../Button';
|
|
4
3
|
|
|
5
4
|
const Footer = ({ label, onPress }: { label: string; onPress: () => void }) => (
|
|
6
|
-
<
|
|
7
|
-
<FooterText fontSize="large" fontWeight="semi-bold">
|
|
8
|
-
{label}
|
|
9
|
-
</FooterText>
|
|
10
|
-
</TouchableOpacity>
|
|
5
|
+
<Button variant="text" text={label} onPress={onPress} />
|
|
11
6
|
);
|
|
12
7
|
|
|
13
8
|
export default Footer;
|