@ecohouse/ui 0.1.38 → 0.1.39
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 +541 -329
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +37 -11
- package/dist/index.d.ts +37 -11
- package/dist/index.js +468 -258
- package/dist/index.js.map +1 -1
- package/package.json +4 -3
- package/src/components/Drawer/Drawer.stories.tsx +79 -0
- package/src/components/Drawer/Drawer.tsx +239 -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 -0
- package/src/icons/registry.ts +3 -6
- package/src/index.ts +3 -0
- 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"];
|
|
@@ -382,6 +378,12 @@ interface IconByNameProps extends IconProps {
|
|
|
382
378
|
}
|
|
383
379
|
declare function Icon({ name, ...props }: IconByNameProps): react.JSX.Element;
|
|
384
380
|
|
|
381
|
+
/** Native — react-native-svg (peer dependency). */
|
|
382
|
+
declare function ArrowLeftIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
383
|
+
|
|
384
|
+
/** Native — react-native-svg (peer dependency). */
|
|
385
|
+
declare function CurrentLocationIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
386
|
+
|
|
385
387
|
interface InfoCardV2Props extends Omit<ViewProps, "style" | "children"> {
|
|
386
388
|
label: string;
|
|
387
389
|
value: string;
|
|
@@ -948,6 +950,29 @@ interface ModalProps {
|
|
|
948
950
|
}
|
|
949
951
|
declare const Modal: react.ForwardRefExoticComponent<ModalProps & react.RefAttributes<View>>;
|
|
950
952
|
|
|
953
|
+
interface DrawerProps {
|
|
954
|
+
/** Controls visibility. */
|
|
955
|
+
open: boolean;
|
|
956
|
+
/** Called on backdrop press, Escape / Android back, or header close. */
|
|
957
|
+
onClose: () => void;
|
|
958
|
+
children: ReactNode;
|
|
959
|
+
/** Header title. When set, the standard drawer header is rendered. */
|
|
960
|
+
title?: string;
|
|
961
|
+
/** Panel width in px. Defaults to `652`. */
|
|
962
|
+
width?: number;
|
|
963
|
+
/** Close when the dimmed backdrop is pressed. Defaults to `true`. */
|
|
964
|
+
closeOnBackdropPress?: boolean;
|
|
965
|
+
/** Accessible name for the backdrop control. Defaults to `"Close"`. */
|
|
966
|
+
backdropAccessibilityLabel?: string;
|
|
967
|
+
/** Accessible name for the header close control. Defaults to `"Close"`. */
|
|
968
|
+
closeAccessibilityLabel?: string;
|
|
969
|
+
/** Style for the drawer panel. */
|
|
970
|
+
style?: StyleProp<ViewStyle>;
|
|
971
|
+
/** Web CSS class applied to the drawer panel. */
|
|
972
|
+
className?: string;
|
|
973
|
+
}
|
|
974
|
+
declare const Drawer: react.ForwardRefExoticComponent<DrawerProps & react.RefAttributes<View>>;
|
|
975
|
+
|
|
951
976
|
type StatefulIcon = ReactNode | IconComponent;
|
|
952
977
|
|
|
953
978
|
type InputSize = "lg" | "sm";
|
|
@@ -1227,6 +1252,7 @@ declare const grey: {
|
|
|
1227
1252
|
type GreyStep = keyof typeof grey;
|
|
1228
1253
|
declare const colors: {
|
|
1229
1254
|
readonly primary: "#B46436";
|
|
1255
|
+
readonly primaryLight: "#E38E5E";
|
|
1230
1256
|
readonly black: "#000000";
|
|
1231
1257
|
readonly white: "#ffffff";
|
|
1232
1258
|
readonly whiteAlpha86: "#FFFFFFDB";
|
|
@@ -1555,4 +1581,4 @@ type ResolvePopoverAlignOptions = {
|
|
|
1555
1581
|
*/
|
|
1556
1582
|
declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
|
|
1557
1583
|
|
|
1558
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowLeftIcon, ArrowRightIcon, AutocompleteInput, type AutocompleteInputProps, type AutocompleteOption, 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, 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, CurrentLocationIcon, 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, QuantityInput, type QuantityInputProps, 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 };
|
|
1584
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowLeftIcon, ArrowRightIcon, AutocompleteInput, type AutocompleteInputProps, type AutocompleteOption, 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, CurrentLocationIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DownloadIcon, Drawer, type DrawerProps, 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, QuantityInput, type QuantityInputProps, 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"];
|
|
@@ -382,6 +378,12 @@ interface IconByNameProps extends IconProps {
|
|
|
382
378
|
}
|
|
383
379
|
declare function Icon({ name, ...props }: IconByNameProps): react.JSX.Element;
|
|
384
380
|
|
|
381
|
+
/** Native — react-native-svg (peer dependency). */
|
|
382
|
+
declare function ArrowLeftIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
383
|
+
|
|
384
|
+
/** Native — react-native-svg (peer dependency). */
|
|
385
|
+
declare function CurrentLocationIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
386
|
+
|
|
385
387
|
interface InfoCardV2Props extends Omit<ViewProps, "style" | "children"> {
|
|
386
388
|
label: string;
|
|
387
389
|
value: string;
|
|
@@ -948,6 +950,29 @@ interface ModalProps {
|
|
|
948
950
|
}
|
|
949
951
|
declare const Modal: react.ForwardRefExoticComponent<ModalProps & react.RefAttributes<View>>;
|
|
950
952
|
|
|
953
|
+
interface DrawerProps {
|
|
954
|
+
/** Controls visibility. */
|
|
955
|
+
open: boolean;
|
|
956
|
+
/** Called on backdrop press, Escape / Android back, or header close. */
|
|
957
|
+
onClose: () => void;
|
|
958
|
+
children: ReactNode;
|
|
959
|
+
/** Header title. When set, the standard drawer header is rendered. */
|
|
960
|
+
title?: string;
|
|
961
|
+
/** Panel width in px. Defaults to `652`. */
|
|
962
|
+
width?: number;
|
|
963
|
+
/** Close when the dimmed backdrop is pressed. Defaults to `true`. */
|
|
964
|
+
closeOnBackdropPress?: boolean;
|
|
965
|
+
/** Accessible name for the backdrop control. Defaults to `"Close"`. */
|
|
966
|
+
backdropAccessibilityLabel?: string;
|
|
967
|
+
/** Accessible name for the header close control. Defaults to `"Close"`. */
|
|
968
|
+
closeAccessibilityLabel?: string;
|
|
969
|
+
/** Style for the drawer panel. */
|
|
970
|
+
style?: StyleProp<ViewStyle>;
|
|
971
|
+
/** Web CSS class applied to the drawer panel. */
|
|
972
|
+
className?: string;
|
|
973
|
+
}
|
|
974
|
+
declare const Drawer: react.ForwardRefExoticComponent<DrawerProps & react.RefAttributes<View>>;
|
|
975
|
+
|
|
951
976
|
type StatefulIcon = ReactNode | IconComponent;
|
|
952
977
|
|
|
953
978
|
type InputSize = "lg" | "sm";
|
|
@@ -1227,6 +1252,7 @@ declare const grey: {
|
|
|
1227
1252
|
type GreyStep = keyof typeof grey;
|
|
1228
1253
|
declare const colors: {
|
|
1229
1254
|
readonly primary: "#B46436";
|
|
1255
|
+
readonly primaryLight: "#E38E5E";
|
|
1230
1256
|
readonly black: "#000000";
|
|
1231
1257
|
readonly white: "#ffffff";
|
|
1232
1258
|
readonly whiteAlpha86: "#FFFFFFDB";
|
|
@@ -1555,4 +1581,4 @@ type ResolvePopoverAlignOptions = {
|
|
|
1555
1581
|
*/
|
|
1556
1582
|
declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
|
|
1557
1583
|
|
|
1558
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowLeftIcon, ArrowRightIcon, AutocompleteInput, type AutocompleteInputProps, type AutocompleteOption, 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, 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, CurrentLocationIcon, 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, QuantityInput, type QuantityInputProps, 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 };
|
|
1584
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowLeftIcon, ArrowRightIcon, AutocompleteInput, type AutocompleteInputProps, type AutocompleteOption, 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, CurrentLocationIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DownloadIcon, Drawer, type DrawerProps, 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, QuantityInput, type QuantityInputProps, 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 };
|