@ecohouse/ui 0.1.42 → 0.1.44
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 +312 -37
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +40 -4
- package/dist/index.d.ts +40 -4
- package/dist/index.js +307 -39
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Button/Button.stories.tsx +5 -0
- package/src/components/Button/Button.tsx +34 -5
- package/src/components/Input/Input.tsx +6 -0
- package/src/components/LanguageSwitcher/LanguageSwitcher.tsx +1 -1
- package/src/components/RadioButton/RadioButton.stories.tsx +64 -0
- package/src/components/RadioButton/RadioButton.tsx +135 -0
- package/src/components/RadioButton/index.ts +2 -0
- package/src/components/SegmentedToggle/SegmentedToggle.tsx +21 -1
- package/src/components/Select/Select.tsx +12 -3
- package/src/components/index.ts +3 -0
- package/src/icons/Amenity/amenityPaths.ts +3 -10
- package/src/icons/Dram/DramIcon.tsx +14 -0
- package/src/icons/Dram/DramIcon.web.tsx +20 -0
- package/src/icons/Dram/dramPath.ts +2 -0
- package/src/icons/Dram/index.ts +1 -0
- package/src/icons/HouseRules/houseRulesPaths.ts +3 -3
- package/src/icons/MoonStars/MoonStarsIcon.tsx +27 -0
- package/src/icons/MoonStars/MoonStarsIcon.web.tsx +33 -0
- package/src/icons/MoonStars/index.ts +6 -0
- package/src/icons/MoonStars/moonStarsPaths.ts +7 -0
- package/src/icons/NoPets/NoPetsIcon.tsx +23 -0
- package/src/icons/NoPets/NoPetsIcon.web.tsx +29 -0
- package/src/icons/NoPets/index.ts +1 -0
- package/src/icons/NoPets/noPetsPaths.ts +8 -0
- package/src/icons/StarOutline/StarOutlineIcon.tsx +24 -0
- package/src/icons/StarOutline/StarOutlineIcon.web.tsx +30 -0
- package/src/icons/StarOutline/index.ts +1 -0
- package/src/icons/StarOutline/starOutlinePath.ts +2 -0
- package/src/icons/Sun/SunIcon.tsx +20 -0
- package/src/icons/Sun/SunIcon.web.tsx +26 -0
- package/src/icons/Sun/index.ts +1 -0
- package/src/icons/Sun/sunPath.ts +2 -0
- package/src/icons/Washer/WasherIcon.tsx +25 -0
- package/src/icons/Washer/WasherIcon.web.tsx +31 -0
- package/src/icons/Washer/index.ts +1 -0
- package/src/icons/Washer/washerPaths.ts +28 -0
- package/src/icons/index.ts +6 -0
- package/src/icons/registry.ts +18 -0
- package/src/index.ts +9 -0
package/dist/index.d.cts
CHANGED
|
@@ -155,6 +155,8 @@ declare function CutleryIcon({ size, color }: IconProps): react.JSX.Element;
|
|
|
155
155
|
|
|
156
156
|
declare function DollarIcon({ size, color }: IconProps): react.JSX.Element;
|
|
157
157
|
|
|
158
|
+
declare function DramIcon({ size, color }: IconProps): react.JSX.Element;
|
|
159
|
+
|
|
158
160
|
declare function DragHandleIcon({ size, color }: IconProps): react.JSX.Element;
|
|
159
161
|
|
|
160
162
|
/** Native — react-native-svg (peer dependency). */
|
|
@@ -217,10 +219,14 @@ declare function MenuLinesIcon({ size, color, strokeWidth }: IconProps): react.J
|
|
|
217
219
|
|
|
218
220
|
declare function MinusIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
219
221
|
|
|
222
|
+
declare function MoonStarsIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
223
|
+
|
|
220
224
|
declare function MoreHorizontalIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
221
225
|
|
|
222
226
|
declare function NavigateIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
223
227
|
|
|
228
|
+
declare function NoPetsIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
229
|
+
|
|
224
230
|
declare function PhoneIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
225
231
|
|
|
226
232
|
declare function PlusIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
@@ -267,6 +273,10 @@ interface StarFilledIconProps extends IconProps {
|
|
|
267
273
|
/** Native — supplied solid orange 28×26 star icon. */
|
|
268
274
|
declare function StarFilledIcon({ size, height, color, strokeWidth, }: StarFilledIconProps): react.JSX.Element;
|
|
269
275
|
|
|
276
|
+
declare function StarOutlineIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
277
|
+
|
|
278
|
+
declare function SunIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
279
|
+
|
|
270
280
|
declare function TableViewIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
271
281
|
|
|
272
282
|
interface UserIconProps {
|
|
@@ -285,6 +295,8 @@ declare function VideoIcon({ size, color, strokeWidth }: IconProps): react.JSX.E
|
|
|
285
295
|
/** Video / camera off (24×24 viewBox). */
|
|
286
296
|
declare function VideoOffIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
287
297
|
|
|
298
|
+
declare function WasherIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
299
|
+
|
|
288
300
|
/** Exit-fullscreen / zoom-out corners control (24×24 viewBox). */
|
|
289
301
|
declare function ZoomOutIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
290
302
|
|
|
@@ -344,8 +356,10 @@ declare const icons: {
|
|
|
344
356
|
readonly menu: typeof MenuIcon;
|
|
345
357
|
readonly menuLines: typeof MenuLinesIcon;
|
|
346
358
|
readonly minus: typeof MinusIcon;
|
|
359
|
+
readonly moonStars: typeof MoonStarsIcon;
|
|
347
360
|
readonly moreHorizontal: typeof MoreHorizontalIcon;
|
|
348
361
|
readonly navigate: typeof NavigateIcon;
|
|
362
|
+
readonly noPets: typeof NoPetsIcon;
|
|
349
363
|
readonly noSmoking: typeof NoSmokingIcon;
|
|
350
364
|
readonly paw: typeof PawIcon;
|
|
351
365
|
readonly phone: typeof PhoneIcon;
|
|
@@ -364,6 +378,8 @@ declare const icons: {
|
|
|
364
378
|
readonly sort: typeof SortIcon;
|
|
365
379
|
readonly star: typeof StarIcon;
|
|
366
380
|
readonly starFilled: typeof StarFilledIcon;
|
|
381
|
+
readonly starOutline: typeof StarOutlineIcon;
|
|
382
|
+
readonly sun: typeof SunIcon;
|
|
367
383
|
readonly tableView: typeof TableViewIcon;
|
|
368
384
|
readonly tooltipArrow: typeof TooltipArrowIcon;
|
|
369
385
|
readonly trash: typeof TrashIcon;
|
|
@@ -371,8 +387,10 @@ declare const icons: {
|
|
|
371
387
|
readonly usersAlt: typeof UsersAltIcon;
|
|
372
388
|
readonly video: typeof VideoIcon;
|
|
373
389
|
readonly videoOff: typeof VideoOffIcon;
|
|
390
|
+
readonly washer: typeof WasherIcon;
|
|
374
391
|
readonly cutlery: typeof CutleryIcon;
|
|
375
392
|
readonly dollar: typeof DollarIcon;
|
|
393
|
+
readonly dram: typeof DramIcon;
|
|
376
394
|
readonly dragHandle: typeof DragHandleIcon;
|
|
377
395
|
readonly eye: typeof EyeIcon;
|
|
378
396
|
readonly image: typeof ImageIcon;
|
|
@@ -384,11 +402,11 @@ type IconName = keyof typeof icons;
|
|
|
384
402
|
declare const iconNames: IconName[];
|
|
385
403
|
declare const iconGroups: {
|
|
386
404
|
readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
|
|
387
|
-
readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "dragHandle", "search", "calendar", "calendarMinus", "calendarOutline", "close", "cloudUpload", "edit", "ratingStar", "saveHeart", "share", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "minus", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
|
|
388
|
-
readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "lock", "noSmoking", "paw", "qrCode", "quietHours", "trash", "user", "usersAlt", "video", "videoOff", "whatsApp"];
|
|
405
|
+
readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "dragHandle", "search", "calendar", "calendarMinus", "calendarOutline", "close", "cloudUpload", "edit", "ratingStar", "saveHeart", "share", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "starOutline", "sun", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
|
|
406
|
+
readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "lock", "noPets", "noSmoking", "paw", "qrCode", "quietHours", "trash", "user", "usersAlt", "video", "videoOff", "washer", "whatsApp"];
|
|
389
407
|
readonly communication: readonly ["mail", "phone"];
|
|
390
408
|
readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
|
|
391
|
-
readonly interface: readonly ["areaExpand", "cutlery", "dollar", "eye", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "image", "infoCircle", "tooltipArrow"];
|
|
409
|
+
readonly interface: readonly ["areaExpand", "cutlery", "dollar", "dram", "eye", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "image", "infoCircle", "tooltipArrow"];
|
|
392
410
|
};
|
|
393
411
|
type IconGroup = keyof typeof iconGroups;
|
|
394
412
|
declare const iconGroupNames: IconGroup[];
|
|
@@ -850,6 +868,8 @@ interface ButtonProps extends Omit<TouchableOpacityProps, "onPress" | "disabled"
|
|
|
850
868
|
children?: ReactNode;
|
|
851
869
|
onPress: (event: GestureResponderEvent) => void;
|
|
852
870
|
disabled?: boolean;
|
|
871
|
+
/** Replaces the visible content with a centered spinner and prevents interaction. */
|
|
872
|
+
loading?: boolean;
|
|
853
873
|
variant?: ButtonVariant;
|
|
854
874
|
size?: ButtonSize;
|
|
855
875
|
showIcon?: boolean;
|
|
@@ -1255,6 +1275,22 @@ interface RangeProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
1255
1275
|
|
|
1256
1276
|
declare const Range: react.ForwardRefExoticComponent<RangeProps & react.RefAttributes<View>>;
|
|
1257
1277
|
|
|
1278
|
+
type RadioButtonVariant = "default";
|
|
1279
|
+
interface RadioButtonProps extends Omit<PressableProps, "onPress" | "disabled" | "style" | "children" | "hitSlop"> {
|
|
1280
|
+
value?: boolean;
|
|
1281
|
+
defaultValue?: boolean;
|
|
1282
|
+
onValueChange?: (value: true) => void;
|
|
1283
|
+
disabled?: boolean;
|
|
1284
|
+
variant?: RadioButtonVariant;
|
|
1285
|
+
label?: string;
|
|
1286
|
+
children?: ReactNode;
|
|
1287
|
+
style?: StyleProp<ViewStyle>;
|
|
1288
|
+
labelStyle?: StyleProp<TextStyle>;
|
|
1289
|
+
className?: string;
|
|
1290
|
+
hitSlop?: PressableProps["hitSlop"];
|
|
1291
|
+
}
|
|
1292
|
+
declare const RadioButton: react.ForwardRefExoticComponent<RadioButtonProps & react.RefAttributes<View>>;
|
|
1293
|
+
|
|
1258
1294
|
declare const grey: {
|
|
1259
1295
|
readonly "0": "#767676";
|
|
1260
1296
|
readonly "0.5": "#6E6E6E";
|
|
@@ -1604,4 +1640,4 @@ type ResolvePopoverAlignOptions = {
|
|
|
1604
1640
|
*/
|
|
1605
1641
|
declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
|
|
1606
1642
|
|
|
1607
|
-
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, CloudUploadIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, CutleryIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DollarIcon, DownloadIcon, DragHandleIcon, Drawer, type DrawerProps, EditIcon, EyeIcon, 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, ImageIcon, InfoCardV2, type InfoCardV2Props, InfoCircleIcon, 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 };
|
|
1643
|
+
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, CloudUploadIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, CutleryIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DollarIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, EyeIcon, 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, ImageIcon, InfoCardV2, type InfoCardV2Props, InfoCircleIcon, 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, MoonStarsIcon, MoreHorizontalIcon, NavigateIcon, NoPetsIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QuantityInput, type QuantityInputProps, QuietHoursIcon, RadioButton, type RadioButtonProps, type RadioButtonVariant, 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, StarOutlineIcon, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StepList, type StepListProps, StepPager, type StepPagerProps, SunIcon, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WasherIcon, 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
|
@@ -155,6 +155,8 @@ declare function CutleryIcon({ size, color }: IconProps): react.JSX.Element;
|
|
|
155
155
|
|
|
156
156
|
declare function DollarIcon({ size, color }: IconProps): react.JSX.Element;
|
|
157
157
|
|
|
158
|
+
declare function DramIcon({ size, color }: IconProps): react.JSX.Element;
|
|
159
|
+
|
|
158
160
|
declare function DragHandleIcon({ size, color }: IconProps): react.JSX.Element;
|
|
159
161
|
|
|
160
162
|
/** Native — react-native-svg (peer dependency). */
|
|
@@ -217,10 +219,14 @@ declare function MenuLinesIcon({ size, color, strokeWidth }: IconProps): react.J
|
|
|
217
219
|
|
|
218
220
|
declare function MinusIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
219
221
|
|
|
222
|
+
declare function MoonStarsIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
223
|
+
|
|
220
224
|
declare function MoreHorizontalIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
221
225
|
|
|
222
226
|
declare function NavigateIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
223
227
|
|
|
228
|
+
declare function NoPetsIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
229
|
+
|
|
224
230
|
declare function PhoneIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
225
231
|
|
|
226
232
|
declare function PlusIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
@@ -267,6 +273,10 @@ interface StarFilledIconProps extends IconProps {
|
|
|
267
273
|
/** Native — supplied solid orange 28×26 star icon. */
|
|
268
274
|
declare function StarFilledIcon({ size, height, color, strokeWidth, }: StarFilledIconProps): react.JSX.Element;
|
|
269
275
|
|
|
276
|
+
declare function StarOutlineIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
277
|
+
|
|
278
|
+
declare function SunIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
279
|
+
|
|
270
280
|
declare function TableViewIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
271
281
|
|
|
272
282
|
interface UserIconProps {
|
|
@@ -285,6 +295,8 @@ declare function VideoIcon({ size, color, strokeWidth }: IconProps): react.JSX.E
|
|
|
285
295
|
/** Video / camera off (24×24 viewBox). */
|
|
286
296
|
declare function VideoOffIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
287
297
|
|
|
298
|
+
declare function WasherIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
299
|
+
|
|
288
300
|
/** Exit-fullscreen / zoom-out corners control (24×24 viewBox). */
|
|
289
301
|
declare function ZoomOutIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
290
302
|
|
|
@@ -344,8 +356,10 @@ declare const icons: {
|
|
|
344
356
|
readonly menu: typeof MenuIcon;
|
|
345
357
|
readonly menuLines: typeof MenuLinesIcon;
|
|
346
358
|
readonly minus: typeof MinusIcon;
|
|
359
|
+
readonly moonStars: typeof MoonStarsIcon;
|
|
347
360
|
readonly moreHorizontal: typeof MoreHorizontalIcon;
|
|
348
361
|
readonly navigate: typeof NavigateIcon;
|
|
362
|
+
readonly noPets: typeof NoPetsIcon;
|
|
349
363
|
readonly noSmoking: typeof NoSmokingIcon;
|
|
350
364
|
readonly paw: typeof PawIcon;
|
|
351
365
|
readonly phone: typeof PhoneIcon;
|
|
@@ -364,6 +378,8 @@ declare const icons: {
|
|
|
364
378
|
readonly sort: typeof SortIcon;
|
|
365
379
|
readonly star: typeof StarIcon;
|
|
366
380
|
readonly starFilled: typeof StarFilledIcon;
|
|
381
|
+
readonly starOutline: typeof StarOutlineIcon;
|
|
382
|
+
readonly sun: typeof SunIcon;
|
|
367
383
|
readonly tableView: typeof TableViewIcon;
|
|
368
384
|
readonly tooltipArrow: typeof TooltipArrowIcon;
|
|
369
385
|
readonly trash: typeof TrashIcon;
|
|
@@ -371,8 +387,10 @@ declare const icons: {
|
|
|
371
387
|
readonly usersAlt: typeof UsersAltIcon;
|
|
372
388
|
readonly video: typeof VideoIcon;
|
|
373
389
|
readonly videoOff: typeof VideoOffIcon;
|
|
390
|
+
readonly washer: typeof WasherIcon;
|
|
374
391
|
readonly cutlery: typeof CutleryIcon;
|
|
375
392
|
readonly dollar: typeof DollarIcon;
|
|
393
|
+
readonly dram: typeof DramIcon;
|
|
376
394
|
readonly dragHandle: typeof DragHandleIcon;
|
|
377
395
|
readonly eye: typeof EyeIcon;
|
|
378
396
|
readonly image: typeof ImageIcon;
|
|
@@ -384,11 +402,11 @@ type IconName = keyof typeof icons;
|
|
|
384
402
|
declare const iconNames: IconName[];
|
|
385
403
|
declare const iconGroups: {
|
|
386
404
|
readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
|
|
387
|
-
readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "dragHandle", "search", "calendar", "calendarMinus", "calendarOutline", "close", "cloudUpload", "edit", "ratingStar", "saveHeart", "share", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "minus", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
|
|
388
|
-
readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "lock", "noSmoking", "paw", "qrCode", "quietHours", "trash", "user", "usersAlt", "video", "videoOff", "whatsApp"];
|
|
405
|
+
readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "dragHandle", "search", "calendar", "calendarMinus", "calendarOutline", "close", "cloudUpload", "edit", "ratingStar", "saveHeart", "share", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "starOutline", "sun", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
|
|
406
|
+
readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "lock", "noPets", "noSmoking", "paw", "qrCode", "quietHours", "trash", "user", "usersAlt", "video", "videoOff", "washer", "whatsApp"];
|
|
389
407
|
readonly communication: readonly ["mail", "phone"];
|
|
390
408
|
readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
|
|
391
|
-
readonly interface: readonly ["areaExpand", "cutlery", "dollar", "eye", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "image", "infoCircle", "tooltipArrow"];
|
|
409
|
+
readonly interface: readonly ["areaExpand", "cutlery", "dollar", "dram", "eye", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "image", "infoCircle", "tooltipArrow"];
|
|
392
410
|
};
|
|
393
411
|
type IconGroup = keyof typeof iconGroups;
|
|
394
412
|
declare const iconGroupNames: IconGroup[];
|
|
@@ -850,6 +868,8 @@ interface ButtonProps extends Omit<TouchableOpacityProps, "onPress" | "disabled"
|
|
|
850
868
|
children?: ReactNode;
|
|
851
869
|
onPress: (event: GestureResponderEvent) => void;
|
|
852
870
|
disabled?: boolean;
|
|
871
|
+
/** Replaces the visible content with a centered spinner and prevents interaction. */
|
|
872
|
+
loading?: boolean;
|
|
853
873
|
variant?: ButtonVariant;
|
|
854
874
|
size?: ButtonSize;
|
|
855
875
|
showIcon?: boolean;
|
|
@@ -1255,6 +1275,22 @@ interface RangeProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
1255
1275
|
|
|
1256
1276
|
declare const Range: react.ForwardRefExoticComponent<RangeProps & react.RefAttributes<View>>;
|
|
1257
1277
|
|
|
1278
|
+
type RadioButtonVariant = "default";
|
|
1279
|
+
interface RadioButtonProps extends Omit<PressableProps, "onPress" | "disabled" | "style" | "children" | "hitSlop"> {
|
|
1280
|
+
value?: boolean;
|
|
1281
|
+
defaultValue?: boolean;
|
|
1282
|
+
onValueChange?: (value: true) => void;
|
|
1283
|
+
disabled?: boolean;
|
|
1284
|
+
variant?: RadioButtonVariant;
|
|
1285
|
+
label?: string;
|
|
1286
|
+
children?: ReactNode;
|
|
1287
|
+
style?: StyleProp<ViewStyle>;
|
|
1288
|
+
labelStyle?: StyleProp<TextStyle>;
|
|
1289
|
+
className?: string;
|
|
1290
|
+
hitSlop?: PressableProps["hitSlop"];
|
|
1291
|
+
}
|
|
1292
|
+
declare const RadioButton: react.ForwardRefExoticComponent<RadioButtonProps & react.RefAttributes<View>>;
|
|
1293
|
+
|
|
1258
1294
|
declare const grey: {
|
|
1259
1295
|
readonly "0": "#767676";
|
|
1260
1296
|
readonly "0.5": "#6E6E6E";
|
|
@@ -1604,4 +1640,4 @@ type ResolvePopoverAlignOptions = {
|
|
|
1604
1640
|
*/
|
|
1605
1641
|
declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
|
|
1606
1642
|
|
|
1607
|
-
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, CloudUploadIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, CutleryIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DollarIcon, DownloadIcon, DragHandleIcon, Drawer, type DrawerProps, EditIcon, EyeIcon, 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, ImageIcon, InfoCardV2, type InfoCardV2Props, InfoCircleIcon, 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 };
|
|
1643
|
+
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, CloudUploadIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, CutleryIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DollarIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, EyeIcon, 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, ImageIcon, InfoCardV2, type InfoCardV2Props, InfoCircleIcon, 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, MoonStarsIcon, MoreHorizontalIcon, NavigateIcon, NoPetsIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QuantityInput, type QuantityInputProps, QuietHoursIcon, RadioButton, type RadioButtonProps, type RadioButtonVariant, 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, StarOutlineIcon, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StepList, type StepListProps, StepPager, type StepPagerProps, SunIcon, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WasherIcon, 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 };
|