@ecohouse/ui 0.1.20 → 0.1.21
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 +220 -112
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +17 -2
- package/dist/index.d.ts +17 -2
- package/dist/index.js +165 -60
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/icons/Amenity/AmenityIcon.tsx +27 -0
- package/src/icons/Amenity/AmenityIcon.web.tsx +26 -0
- package/src/icons/Amenity/amenityPaths.ts +77 -0
- package/src/icons/Amenity/index.ts +4 -0
- package/src/icons/Store/StoreIcons.tsx +24 -0
- package/src/icons/Store/StoreIcons.web.tsx +23 -0
- package/src/icons/Store/index.ts +2 -0
- package/src/icons/Store/storeMarkPaths.ts +23 -0
- package/src/icons/index.ts +4 -0
- package/src/icons/registry.ts +4 -1
- package/src/index.ts +5 -0
package/dist/index.d.cts
CHANGED
|
@@ -109,6 +109,9 @@ interface ArrowRightIconProps {
|
|
|
109
109
|
/** Native — react-native-svg (peer dependency). */
|
|
110
110
|
declare function ArrowRightIcon({ size, color, strokeWidth, }: ArrowRightIconProps): react.JSX.Element;
|
|
111
111
|
|
|
112
|
+
declare function AppleIcon({ size, color }: IconProps): react.JSX.Element;
|
|
113
|
+
declare function GooglePlayIcon({ size }: IconProps): react.JSX.Element;
|
|
114
|
+
|
|
112
115
|
declare function BagIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
113
116
|
|
|
114
117
|
declare function BellIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
@@ -271,6 +274,7 @@ declare function VideoIcon({ size, color, strokeWidth }: IconProps): react.JSX.E
|
|
|
271
274
|
|
|
272
275
|
declare const icons: {
|
|
273
276
|
readonly areaExpand: typeof AreaExpandIcon;
|
|
277
|
+
readonly apple: typeof AppleIcon;
|
|
274
278
|
readonly arrowRight: typeof ArrowRightIcon;
|
|
275
279
|
readonly bag: typeof BagIcon;
|
|
276
280
|
readonly bell: typeof BellIcon;
|
|
@@ -295,6 +299,7 @@ declare const icons: {
|
|
|
295
299
|
readonly guests: typeof GuestsIcon;
|
|
296
300
|
readonly heart: typeof HeartIcon;
|
|
297
301
|
readonly globe: typeof GlobeIcon;
|
|
302
|
+
readonly googlePlay: typeof GooglePlayIcon;
|
|
298
303
|
readonly helpCircle: typeof HelpCircleIcon;
|
|
299
304
|
readonly home: typeof HomeIcon;
|
|
300
305
|
readonly instagram: typeof InstagramIcon;
|
|
@@ -337,7 +342,7 @@ declare const iconGroups: {
|
|
|
337
342
|
readonly actions: readonly ["show", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "search", "calendar", "calendarOutline", "close", "ratingStar", "saveHeart", "share", "filters", "heart", "star", "starFilled", "minus", "plus", "sort"];
|
|
338
343
|
readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "qrCode", "user", "usersAlt", "video", "whatsApp"];
|
|
339
344
|
readonly communication: readonly ["mail", "phone"];
|
|
340
|
-
readonly social: readonly ["facebook", "instagram", "linkedin"];
|
|
345
|
+
readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
|
|
341
346
|
readonly interface: readonly ["areaExpand", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "tooltipArrow"];
|
|
342
347
|
};
|
|
343
348
|
type IconGroup = keyof typeof iconGroups;
|
|
@@ -349,6 +354,16 @@ interface IconByNameProps extends IconProps {
|
|
|
349
354
|
}
|
|
350
355
|
declare function Icon({ name, ...props }: IconByNameProps): react.JSX.Element;
|
|
351
356
|
|
|
357
|
+
declare const amenityNames: readonly ["kitchen", "wifi", "tv", "washer", "ac", "bbq", "forestView", "pets"];
|
|
358
|
+
type AmenityName = (typeof amenityNames)[number];
|
|
359
|
+
|
|
360
|
+
interface AmenityIconProps {
|
|
361
|
+
name: AmenityName;
|
|
362
|
+
size?: number;
|
|
363
|
+
color?: string;
|
|
364
|
+
}
|
|
365
|
+
declare function AmenityIcon({ name, size, color }: AmenityIconProps): react.JSX.Element;
|
|
366
|
+
|
|
352
367
|
type BadgeVariant = "default" | "transparent";
|
|
353
368
|
interface BadgeProps extends Omit<ViewProps, "style" | "children"> {
|
|
354
369
|
label: string;
|
|
@@ -986,4 +1001,4 @@ declare const textareaTypography: {
|
|
|
986
1001
|
};
|
|
987
1002
|
};
|
|
988
1003
|
|
|
989
|
-
export { AreaExpandIcon, ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarOutlineIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, GlobeIcon, type GreyStep, GuestsIcon, HeartIcon, HelpCircleIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, QrCodeIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, SidebarIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, Textarea, type TextareaProps, Toggle, type ToggleProps, TooltipArrowIcon, UserIcon, UsersAltIcon, VideoIcon, WhatsAppIcon, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
|
|
1004
|
+
export { AmenityIcon, type AmenityIconProps, type AmenityName, AppleIcon, AreaExpandIcon, ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarOutlineIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeartIcon, HelpCircleIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, QrCodeIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, SidebarIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, Textarea, type TextareaProps, Toggle, type ToggleProps, TooltipArrowIcon, UserIcon, UsersAltIcon, VideoIcon, WhatsAppIcon, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
|
package/dist/index.d.ts
CHANGED
|
@@ -109,6 +109,9 @@ interface ArrowRightIconProps {
|
|
|
109
109
|
/** Native — react-native-svg (peer dependency). */
|
|
110
110
|
declare function ArrowRightIcon({ size, color, strokeWidth, }: ArrowRightIconProps): react.JSX.Element;
|
|
111
111
|
|
|
112
|
+
declare function AppleIcon({ size, color }: IconProps): react.JSX.Element;
|
|
113
|
+
declare function GooglePlayIcon({ size }: IconProps): react.JSX.Element;
|
|
114
|
+
|
|
112
115
|
declare function BagIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
113
116
|
|
|
114
117
|
declare function BellIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
@@ -271,6 +274,7 @@ declare function VideoIcon({ size, color, strokeWidth }: IconProps): react.JSX.E
|
|
|
271
274
|
|
|
272
275
|
declare const icons: {
|
|
273
276
|
readonly areaExpand: typeof AreaExpandIcon;
|
|
277
|
+
readonly apple: typeof AppleIcon;
|
|
274
278
|
readonly arrowRight: typeof ArrowRightIcon;
|
|
275
279
|
readonly bag: typeof BagIcon;
|
|
276
280
|
readonly bell: typeof BellIcon;
|
|
@@ -295,6 +299,7 @@ declare const icons: {
|
|
|
295
299
|
readonly guests: typeof GuestsIcon;
|
|
296
300
|
readonly heart: typeof HeartIcon;
|
|
297
301
|
readonly globe: typeof GlobeIcon;
|
|
302
|
+
readonly googlePlay: typeof GooglePlayIcon;
|
|
298
303
|
readonly helpCircle: typeof HelpCircleIcon;
|
|
299
304
|
readonly home: typeof HomeIcon;
|
|
300
305
|
readonly instagram: typeof InstagramIcon;
|
|
@@ -337,7 +342,7 @@ declare const iconGroups: {
|
|
|
337
342
|
readonly actions: readonly ["show", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "search", "calendar", "calendarOutline", "close", "ratingStar", "saveHeart", "share", "filters", "heart", "star", "starFilled", "minus", "plus", "sort"];
|
|
338
343
|
readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "qrCode", "user", "usersAlt", "video", "whatsApp"];
|
|
339
344
|
readonly communication: readonly ["mail", "phone"];
|
|
340
|
-
readonly social: readonly ["facebook", "instagram", "linkedin"];
|
|
345
|
+
readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
|
|
341
346
|
readonly interface: readonly ["areaExpand", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "tooltipArrow"];
|
|
342
347
|
};
|
|
343
348
|
type IconGroup = keyof typeof iconGroups;
|
|
@@ -349,6 +354,16 @@ interface IconByNameProps extends IconProps {
|
|
|
349
354
|
}
|
|
350
355
|
declare function Icon({ name, ...props }: IconByNameProps): react.JSX.Element;
|
|
351
356
|
|
|
357
|
+
declare const amenityNames: readonly ["kitchen", "wifi", "tv", "washer", "ac", "bbq", "forestView", "pets"];
|
|
358
|
+
type AmenityName = (typeof amenityNames)[number];
|
|
359
|
+
|
|
360
|
+
interface AmenityIconProps {
|
|
361
|
+
name: AmenityName;
|
|
362
|
+
size?: number;
|
|
363
|
+
color?: string;
|
|
364
|
+
}
|
|
365
|
+
declare function AmenityIcon({ name, size, color }: AmenityIconProps): react.JSX.Element;
|
|
366
|
+
|
|
352
367
|
type BadgeVariant = "default" | "transparent";
|
|
353
368
|
interface BadgeProps extends Omit<ViewProps, "style" | "children"> {
|
|
354
369
|
label: string;
|
|
@@ -986,4 +1001,4 @@ declare const textareaTypography: {
|
|
|
986
1001
|
};
|
|
987
1002
|
};
|
|
988
1003
|
|
|
989
|
-
export { AreaExpandIcon, ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarOutlineIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, GlobeIcon, type GreyStep, GuestsIcon, HeartIcon, HelpCircleIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, QrCodeIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, SidebarIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, Textarea, type TextareaProps, Toggle, type ToggleProps, TooltipArrowIcon, UserIcon, UsersAltIcon, VideoIcon, WhatsAppIcon, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
|
|
1004
|
+
export { AmenityIcon, type AmenityIconProps, type AmenityName, AppleIcon, AreaExpandIcon, ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarOutlineIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeartIcon, HelpCircleIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, QrCodeIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, SidebarIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, Textarea, type TextareaProps, Toggle, type ToggleProps, TooltipArrowIcon, UserIcon, UsersAltIcon, VideoIcon, WhatsAppIcon, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
|