@ecohouse/ui 0.1.38 → 0.1.40
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/dist/index.cjs +639 -338
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +8 -73
- package/dist/index.d.ts +8 -73
- package/dist/index.js +567 -262
- package/dist/index.js.map +1 -1
- package/package.json +4 -3
- package/src/components/DatePicker/DatePicker.tsx +2 -1
- package/src/components/Drawer/Drawer.stories.tsx +79 -0
- package/src/components/Drawer/Drawer.tsx +392 -0
- package/src/components/Drawer/index.ts +2 -0
- package/src/components/StatusBadge/StatusBadge.tsx +1 -1
- package/src/components/index.ts +3 -0
- package/src/icons/CalendarMinus/CalendarMinusIcon.tsx +25 -0
- package/src/icons/CalendarMinus/CalendarMinusIcon.web.tsx +31 -0
- package/src/icons/CalendarMinus/calendarMinusPath.ts +3 -0
- package/src/icons/CalendarMinus/index.ts +1 -0
- package/src/icons/index.ts +1 -2
- package/src/icons/registry.ts +3 -6
- package/src/index.ts +1 -9
- package/src/theme/colors.ts +1 -0
- package/src/web/styles/account-header.css +22 -0
package/dist/index.d.cts
CHANGED
|
@@ -62,9 +62,6 @@ interface ArrowRightIconProps {
|
|
|
62
62
|
/** Native — react-native-svg (peer dependency). */
|
|
63
63
|
declare function ArrowRightIcon({ size, color, strokeWidth, }: ArrowRightIconProps): react.JSX.Element;
|
|
64
64
|
|
|
65
|
-
/** Native — react-native-svg (peer dependency). */
|
|
66
|
-
declare function ArrowLeftIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
67
|
-
|
|
68
65
|
declare function AlertTriangleIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
69
66
|
|
|
70
67
|
declare function AppleIcon({ size, color }: IconProps): react.JSX.Element;
|
|
@@ -82,6 +79,9 @@ declare function BuildingIcon({ size, color, strokeWidth }: IconProps): react.JS
|
|
|
82
79
|
/** Native — react-native-svg (peer dependency). */
|
|
83
80
|
declare function CalendarIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
84
81
|
|
|
82
|
+
/** Native — react-native-svg (peer dependency). */
|
|
83
|
+
declare function CalendarMinusIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
84
|
+
|
|
85
85
|
/** Native — react-native-svg (peer dependency). */
|
|
86
86
|
declare function CalendarOutlineIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
87
87
|
|
|
@@ -115,9 +115,6 @@ declare function ClockIcon({ size, color, strokeWidth }: IconProps): react.JSX.E
|
|
|
115
115
|
|
|
116
116
|
declare function CloseIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
117
117
|
|
|
118
|
-
/** Native — react-native-svg (peer dependency). */
|
|
119
|
-
declare function CurrentLocationIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
120
|
-
|
|
121
118
|
declare function EditIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
122
119
|
|
|
123
120
|
declare function SaveHeartIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
|
|
@@ -281,13 +278,13 @@ declare const icons: {
|
|
|
281
278
|
readonly alertTriangle: typeof AlertTriangleIcon;
|
|
282
279
|
readonly areaExpand: typeof AreaExpandIcon;
|
|
283
280
|
readonly apple: typeof AppleIcon;
|
|
284
|
-
readonly arrowLeft: typeof ArrowLeftIcon;
|
|
285
281
|
readonly arrowRight: typeof ArrowRightIcon;
|
|
286
282
|
readonly bag: typeof BagIcon;
|
|
287
283
|
readonly ban: typeof BanIcon;
|
|
288
284
|
readonly bell: typeof BellIcon;
|
|
289
285
|
readonly building: typeof BuildingIcon;
|
|
290
286
|
readonly calendar: typeof CalendarIcon;
|
|
287
|
+
readonly calendarMinus: typeof CalendarMinusIcon;
|
|
291
288
|
readonly calendarOutline: typeof CalendarOutlineIcon;
|
|
292
289
|
readonly camera: typeof CameraIcon;
|
|
293
290
|
readonly cameraFilled: typeof CameraFilledIcon;
|
|
@@ -298,7 +295,6 @@ declare const icons: {
|
|
|
298
295
|
readonly chevronLeft: typeof ChevronLeftIcon;
|
|
299
296
|
readonly clock: typeof ClockIcon;
|
|
300
297
|
readonly close: typeof CloseIcon;
|
|
301
|
-
readonly currentLocation: typeof CurrentLocationIcon;
|
|
302
298
|
readonly edit: typeof EditIcon;
|
|
303
299
|
readonly clockFilled: typeof ClockFilledIcon;
|
|
304
300
|
readonly copy: typeof CopyIcon;
|
|
@@ -366,8 +362,8 @@ declare const icons: {
|
|
|
366
362
|
type IconName = keyof typeof icons;
|
|
367
363
|
declare const iconNames: IconName[];
|
|
368
364
|
declare const iconGroups: {
|
|
369
|
-
readonly navigation: readonly ["
|
|
370
|
-
readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "search", "calendar", "calendarOutline", "close", "edit", "ratingStar", "saveHeart", "share", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "minus", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
|
|
365
|
+
readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
|
|
366
|
+
readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "search", "calendar", "calendarMinus", "calendarOutline", "close", "edit", "ratingStar", "saveHeart", "share", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "minus", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
|
|
371
367
|
readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "lock", "noSmoking", "paw", "qrCode", "quietHours", "trash", "user", "usersAlt", "video", "videoOff", "whatsApp"];
|
|
372
368
|
readonly communication: readonly ["mail", "phone"];
|
|
373
369
|
readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
|
|
@@ -642,21 +638,6 @@ interface AccordionItemProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
642
638
|
*/
|
|
643
639
|
declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<View>>;
|
|
644
640
|
|
|
645
|
-
interface AccordionProps extends Omit<ViewProps, "style" | "children"> {
|
|
646
|
-
title: string;
|
|
647
|
-
children: ReactNode;
|
|
648
|
-
open?: boolean;
|
|
649
|
-
defaultOpen?: boolean;
|
|
650
|
-
onOpenChange?: (open: boolean) => void;
|
|
651
|
-
disabled?: boolean;
|
|
652
|
-
error?: boolean;
|
|
653
|
-
style?: StyleProp<ViewStyle>;
|
|
654
|
-
contentStyle?: StyleProp<ViewStyle>;
|
|
655
|
-
className?: string;
|
|
656
|
-
}
|
|
657
|
-
/** Expandable surface for arbitrary interactive content such as form fields. */
|
|
658
|
-
declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<View>>;
|
|
659
|
-
|
|
660
641
|
interface StepListProps extends Omit<ViewProps, "style" | "children"> {
|
|
661
642
|
/** Step descriptions, numbered automatically from 1. */
|
|
662
643
|
steps: string[];
|
|
@@ -684,27 +665,6 @@ interface CounterProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
684
665
|
}
|
|
685
666
|
declare const Counter: react.ForwardRefExoticComponent<CounterProps & react.RefAttributes<View>>;
|
|
686
667
|
|
|
687
|
-
interface QuantityInputProps extends Omit<ViewProps, "style" | "children"> {
|
|
688
|
-
label: string;
|
|
689
|
-
icon: IconComponent;
|
|
690
|
-
iconProps?: Omit<IconProps, "size">;
|
|
691
|
-
iconSize?: number;
|
|
692
|
-
value?: number;
|
|
693
|
-
defaultValue?: number;
|
|
694
|
-
onValueChange?: (value: number) => void;
|
|
695
|
-
min?: number;
|
|
696
|
-
max?: number;
|
|
697
|
-
step?: number;
|
|
698
|
-
disabled?: boolean;
|
|
699
|
-
error?: boolean;
|
|
700
|
-
hint?: string;
|
|
701
|
-
showHint?: boolean;
|
|
702
|
-
style?: StyleProp<ViewStyle>;
|
|
703
|
-
className?: string;
|
|
704
|
-
}
|
|
705
|
-
/** Input-like labeled quantity control with an icon and increment/decrement actions. */
|
|
706
|
-
declare const QuantityInput: react.ForwardRefExoticComponent<QuantityInputProps & react.RefAttributes<View>>;
|
|
707
|
-
|
|
708
668
|
interface SegmentedToggleOption {
|
|
709
669
|
value: string;
|
|
710
670
|
label: string;
|
|
@@ -977,32 +937,6 @@ interface InputProps extends Omit<TextInputProps, "style" | "editable"> {
|
|
|
977
937
|
}
|
|
978
938
|
declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<TextInput>>;
|
|
979
939
|
|
|
980
|
-
interface AutocompleteOption {
|
|
981
|
-
value: string;
|
|
982
|
-
label: string;
|
|
983
|
-
description?: string;
|
|
984
|
-
}
|
|
985
|
-
interface AutocompleteInputProps extends Omit<InputProps, "value" | "onChangeText" | "onSubmitEditing"> {
|
|
986
|
-
value: string;
|
|
987
|
-
options: AutocompleteOption[];
|
|
988
|
-
onChangeText: (value: string) => void;
|
|
989
|
-
onOptionSelect: (option: AutocompleteOption) => void;
|
|
990
|
-
onSubmit?: (firstOption?: AutocompleteOption) => void;
|
|
991
|
-
open?: boolean;
|
|
992
|
-
defaultOpen?: boolean;
|
|
993
|
-
onOpenChange?: (open: boolean) => void;
|
|
994
|
-
loading?: boolean;
|
|
995
|
-
loadingText?: string;
|
|
996
|
-
emptyText?: string;
|
|
997
|
-
showEmpty?: boolean;
|
|
998
|
-
renderOption?: (option: AutocompleteOption, highlighted: boolean) => ReactNode;
|
|
999
|
-
containerStyle?: StyleProp<ViewStyle>;
|
|
1000
|
-
menuStyle?: StyleProp<ViewStyle>;
|
|
1001
|
-
containerClassName?: string;
|
|
1002
|
-
menuClassName?: string;
|
|
1003
|
-
}
|
|
1004
|
-
declare const AutocompleteInput: react.ForwardRefExoticComponent<AutocompleteInputProps & react.RefAttributes<View>>;
|
|
1005
|
-
|
|
1006
940
|
interface VerificationCodeInputHandle {
|
|
1007
941
|
clear: () => void;
|
|
1008
942
|
focus: (index?: number) => void;
|
|
@@ -1227,6 +1161,7 @@ declare const grey: {
|
|
|
1227
1161
|
type GreyStep = keyof typeof grey;
|
|
1228
1162
|
declare const colors: {
|
|
1229
1163
|
readonly primary: "#B46436";
|
|
1164
|
+
readonly primaryLight: "#E38E5E";
|
|
1230
1165
|
readonly black: "#000000";
|
|
1231
1166
|
readonly white: "#ffffff";
|
|
1232
1167
|
readonly whiteAlpha86: "#FFFFFFDB";
|
|
@@ -1555,4 +1490,4 @@ type ResolvePopoverAlignOptions = {
|
|
|
1555
1490
|
*/
|
|
1556
1491
|
declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
|
|
1557
1492
|
|
|
1558
|
-
export {
|
|
1493
|
+
export { AccordionItem, type AccordionItemProps, AccountHeader, type AccountHeaderProps, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DownloadIcon, EditIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, InfoCardV2, type InfoCardV2Props, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, type LanguageSwitcherVariant, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuLinesIcon, MinusIcon, Modal, type ModalProps, MoreHorizontalIcon, NavigateIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QuietHoursIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, type ResolvePopoverAlignOptions, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StepList, type StepListProps, StepPager, type StepPagerProps, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
|
package/dist/index.d.ts
CHANGED
|
@@ -62,9 +62,6 @@ interface ArrowRightIconProps {
|
|
|
62
62
|
/** Native — react-native-svg (peer dependency). */
|
|
63
63
|
declare function ArrowRightIcon({ size, color, strokeWidth, }: ArrowRightIconProps): react.JSX.Element;
|
|
64
64
|
|
|
65
|
-
/** Native — react-native-svg (peer dependency). */
|
|
66
|
-
declare function ArrowLeftIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
67
|
-
|
|
68
65
|
declare function AlertTriangleIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
69
66
|
|
|
70
67
|
declare function AppleIcon({ size, color }: IconProps): react.JSX.Element;
|
|
@@ -82,6 +79,9 @@ declare function BuildingIcon({ size, color, strokeWidth }: IconProps): react.JS
|
|
|
82
79
|
/** Native — react-native-svg (peer dependency). */
|
|
83
80
|
declare function CalendarIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
84
81
|
|
|
82
|
+
/** Native — react-native-svg (peer dependency). */
|
|
83
|
+
declare function CalendarMinusIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
84
|
+
|
|
85
85
|
/** Native — react-native-svg (peer dependency). */
|
|
86
86
|
declare function CalendarOutlineIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
87
87
|
|
|
@@ -115,9 +115,6 @@ declare function ClockIcon({ size, color, strokeWidth }: IconProps): react.JSX.E
|
|
|
115
115
|
|
|
116
116
|
declare function CloseIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
117
117
|
|
|
118
|
-
/** Native — react-native-svg (peer dependency). */
|
|
119
|
-
declare function CurrentLocationIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
120
|
-
|
|
121
118
|
declare function EditIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
122
119
|
|
|
123
120
|
declare function SaveHeartIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
|
|
@@ -281,13 +278,13 @@ declare const icons: {
|
|
|
281
278
|
readonly alertTriangle: typeof AlertTriangleIcon;
|
|
282
279
|
readonly areaExpand: typeof AreaExpandIcon;
|
|
283
280
|
readonly apple: typeof AppleIcon;
|
|
284
|
-
readonly arrowLeft: typeof ArrowLeftIcon;
|
|
285
281
|
readonly arrowRight: typeof ArrowRightIcon;
|
|
286
282
|
readonly bag: typeof BagIcon;
|
|
287
283
|
readonly ban: typeof BanIcon;
|
|
288
284
|
readonly bell: typeof BellIcon;
|
|
289
285
|
readonly building: typeof BuildingIcon;
|
|
290
286
|
readonly calendar: typeof CalendarIcon;
|
|
287
|
+
readonly calendarMinus: typeof CalendarMinusIcon;
|
|
291
288
|
readonly calendarOutline: typeof CalendarOutlineIcon;
|
|
292
289
|
readonly camera: typeof CameraIcon;
|
|
293
290
|
readonly cameraFilled: typeof CameraFilledIcon;
|
|
@@ -298,7 +295,6 @@ declare const icons: {
|
|
|
298
295
|
readonly chevronLeft: typeof ChevronLeftIcon;
|
|
299
296
|
readonly clock: typeof ClockIcon;
|
|
300
297
|
readonly close: typeof CloseIcon;
|
|
301
|
-
readonly currentLocation: typeof CurrentLocationIcon;
|
|
302
298
|
readonly edit: typeof EditIcon;
|
|
303
299
|
readonly clockFilled: typeof ClockFilledIcon;
|
|
304
300
|
readonly copy: typeof CopyIcon;
|
|
@@ -366,8 +362,8 @@ declare const icons: {
|
|
|
366
362
|
type IconName = keyof typeof icons;
|
|
367
363
|
declare const iconNames: IconName[];
|
|
368
364
|
declare const iconGroups: {
|
|
369
|
-
readonly navigation: readonly ["
|
|
370
|
-
readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "search", "calendar", "calendarOutline", "close", "edit", "ratingStar", "saveHeart", "share", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "minus", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
|
|
365
|
+
readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
|
|
366
|
+
readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "search", "calendar", "calendarMinus", "calendarOutline", "close", "edit", "ratingStar", "saveHeart", "share", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "minus", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
|
|
371
367
|
readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "lock", "noSmoking", "paw", "qrCode", "quietHours", "trash", "user", "usersAlt", "video", "videoOff", "whatsApp"];
|
|
372
368
|
readonly communication: readonly ["mail", "phone"];
|
|
373
369
|
readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
|
|
@@ -642,21 +638,6 @@ interface AccordionItemProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
642
638
|
*/
|
|
643
639
|
declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<View>>;
|
|
644
640
|
|
|
645
|
-
interface AccordionProps extends Omit<ViewProps, "style" | "children"> {
|
|
646
|
-
title: string;
|
|
647
|
-
children: ReactNode;
|
|
648
|
-
open?: boolean;
|
|
649
|
-
defaultOpen?: boolean;
|
|
650
|
-
onOpenChange?: (open: boolean) => void;
|
|
651
|
-
disabled?: boolean;
|
|
652
|
-
error?: boolean;
|
|
653
|
-
style?: StyleProp<ViewStyle>;
|
|
654
|
-
contentStyle?: StyleProp<ViewStyle>;
|
|
655
|
-
className?: string;
|
|
656
|
-
}
|
|
657
|
-
/** Expandable surface for arbitrary interactive content such as form fields. */
|
|
658
|
-
declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<View>>;
|
|
659
|
-
|
|
660
641
|
interface StepListProps extends Omit<ViewProps, "style" | "children"> {
|
|
661
642
|
/** Step descriptions, numbered automatically from 1. */
|
|
662
643
|
steps: string[];
|
|
@@ -684,27 +665,6 @@ interface CounterProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
684
665
|
}
|
|
685
666
|
declare const Counter: react.ForwardRefExoticComponent<CounterProps & react.RefAttributes<View>>;
|
|
686
667
|
|
|
687
|
-
interface QuantityInputProps extends Omit<ViewProps, "style" | "children"> {
|
|
688
|
-
label: string;
|
|
689
|
-
icon: IconComponent;
|
|
690
|
-
iconProps?: Omit<IconProps, "size">;
|
|
691
|
-
iconSize?: number;
|
|
692
|
-
value?: number;
|
|
693
|
-
defaultValue?: number;
|
|
694
|
-
onValueChange?: (value: number) => void;
|
|
695
|
-
min?: number;
|
|
696
|
-
max?: number;
|
|
697
|
-
step?: number;
|
|
698
|
-
disabled?: boolean;
|
|
699
|
-
error?: boolean;
|
|
700
|
-
hint?: string;
|
|
701
|
-
showHint?: boolean;
|
|
702
|
-
style?: StyleProp<ViewStyle>;
|
|
703
|
-
className?: string;
|
|
704
|
-
}
|
|
705
|
-
/** Input-like labeled quantity control with an icon and increment/decrement actions. */
|
|
706
|
-
declare const QuantityInput: react.ForwardRefExoticComponent<QuantityInputProps & react.RefAttributes<View>>;
|
|
707
|
-
|
|
708
668
|
interface SegmentedToggleOption {
|
|
709
669
|
value: string;
|
|
710
670
|
label: string;
|
|
@@ -977,32 +937,6 @@ interface InputProps extends Omit<TextInputProps, "style" | "editable"> {
|
|
|
977
937
|
}
|
|
978
938
|
declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<TextInput>>;
|
|
979
939
|
|
|
980
|
-
interface AutocompleteOption {
|
|
981
|
-
value: string;
|
|
982
|
-
label: string;
|
|
983
|
-
description?: string;
|
|
984
|
-
}
|
|
985
|
-
interface AutocompleteInputProps extends Omit<InputProps, "value" | "onChangeText" | "onSubmitEditing"> {
|
|
986
|
-
value: string;
|
|
987
|
-
options: AutocompleteOption[];
|
|
988
|
-
onChangeText: (value: string) => void;
|
|
989
|
-
onOptionSelect: (option: AutocompleteOption) => void;
|
|
990
|
-
onSubmit?: (firstOption?: AutocompleteOption) => void;
|
|
991
|
-
open?: boolean;
|
|
992
|
-
defaultOpen?: boolean;
|
|
993
|
-
onOpenChange?: (open: boolean) => void;
|
|
994
|
-
loading?: boolean;
|
|
995
|
-
loadingText?: string;
|
|
996
|
-
emptyText?: string;
|
|
997
|
-
showEmpty?: boolean;
|
|
998
|
-
renderOption?: (option: AutocompleteOption, highlighted: boolean) => ReactNode;
|
|
999
|
-
containerStyle?: StyleProp<ViewStyle>;
|
|
1000
|
-
menuStyle?: StyleProp<ViewStyle>;
|
|
1001
|
-
containerClassName?: string;
|
|
1002
|
-
menuClassName?: string;
|
|
1003
|
-
}
|
|
1004
|
-
declare const AutocompleteInput: react.ForwardRefExoticComponent<AutocompleteInputProps & react.RefAttributes<View>>;
|
|
1005
|
-
|
|
1006
940
|
interface VerificationCodeInputHandle {
|
|
1007
941
|
clear: () => void;
|
|
1008
942
|
focus: (index?: number) => void;
|
|
@@ -1227,6 +1161,7 @@ declare const grey: {
|
|
|
1227
1161
|
type GreyStep = keyof typeof grey;
|
|
1228
1162
|
declare const colors: {
|
|
1229
1163
|
readonly primary: "#B46436";
|
|
1164
|
+
readonly primaryLight: "#E38E5E";
|
|
1230
1165
|
readonly black: "#000000";
|
|
1231
1166
|
readonly white: "#ffffff";
|
|
1232
1167
|
readonly whiteAlpha86: "#FFFFFFDB";
|
|
@@ -1555,4 +1490,4 @@ type ResolvePopoverAlignOptions = {
|
|
|
1555
1490
|
*/
|
|
1556
1491
|
declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
|
|
1557
1492
|
|
|
1558
|
-
export {
|
|
1493
|
+
export { AccordionItem, type AccordionItemProps, AccountHeader, type AccountHeaderProps, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DownloadIcon, EditIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, InfoCardV2, type InfoCardV2Props, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, type LanguageSwitcherVariant, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuLinesIcon, MinusIcon, Modal, type ModalProps, MoreHorizontalIcon, NavigateIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QuietHoursIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, type ResolvePopoverAlignOptions, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StepList, type StepListProps, StepPager, type StepPagerProps, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
|