@ecohouse/ui 0.1.16 → 0.1.18
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 +412 -83
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +59 -5
- package/dist/index.d.ts +59 -5
- package/dist/index.js +357 -47
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/StatCard/StatCard.tsx +14 -3
- package/src/icons/CottageCard/CottageCardIcons.tsx +106 -0
- package/src/icons/CottageCard/CottageCardIcons.web.tsx +105 -0
- package/src/icons/CottageCard/cottageCardPaths.ts +23 -0
- package/src/icons/CottageCard/index.ts +9 -0
- package/src/icons/CottageDetail/CottageDetailIcons.tsx +106 -0
- package/src/icons/CottageDetail/CottageDetailIcons.web.tsx +105 -0
- package/src/icons/CottageDetail/cottageDetailPaths.ts +26 -0
- package/src/icons/CottageDetail/index.ts +11 -0
- package/src/icons/Filters/FiltersIcon.tsx +21 -0
- package/src/icons/Filters/FiltersIcon.web.tsx +27 -0
- package/src/icons/Filters/filtersPath.ts +2 -0
- package/src/icons/Filters/index.ts +1 -0
- package/src/icons/ListView/ListViewIcon.tsx +21 -0
- package/src/icons/ListView/ListViewIcon.web.tsx +27 -0
- package/src/icons/ListView/index.ts +1 -0
- package/src/icons/ListView/listViewPath.ts +3 -0
- package/src/icons/LocationPin/LocationPinIcon.tsx +21 -0
- package/src/icons/LocationPin/LocationPinIcon.web.tsx +27 -0
- package/src/icons/LocationPin/index.ts +1 -0
- package/src/icons/LocationPin/locationPinPath.ts +3 -0
- package/src/icons/MapView/MapViewIcon.tsx +21 -0
- package/src/icons/MapView/MapViewIcon.web.tsx +27 -0
- package/src/icons/MapView/index.ts +1 -0
- package/src/icons/MapView/mapViewPath.ts +3 -0
- package/src/icons/Sort/SortIcon.tsx +21 -0
- package/src/icons/Sort/SortIcon.web.tsx +27 -0
- package/src/icons/Sort/index.ts +1 -0
- package/src/icons/Sort/sortPath.ts +2 -0
- package/src/icons/index.ts +23 -0
- package/src/icons/registry.ts +85 -3
- package/src/icons/types.ts +2 -0
- package/src/index.ts +19 -0
package/dist/index.d.cts
CHANGED
|
@@ -82,6 +82,8 @@ interface IconProps {
|
|
|
82
82
|
size?: number;
|
|
83
83
|
color?: string;
|
|
84
84
|
strokeWidth?: number;
|
|
85
|
+
fillOpacity?: number;
|
|
86
|
+
secondaryColor?: string;
|
|
85
87
|
}
|
|
86
88
|
type IconComponent = ComponentType<IconProps>;
|
|
87
89
|
|
|
@@ -130,8 +132,27 @@ declare function ChevronLeftIcon({ size, color, strokeWidth }: IconProps): react
|
|
|
130
132
|
|
|
131
133
|
declare function ClockIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
132
134
|
|
|
135
|
+
declare function SaveHeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
136
|
+
declare function RatingStarIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
137
|
+
declare function CardLocationIcon({ size, color, strokeWidth, secondaryColor, }: IconProps): react.JSX.Element;
|
|
138
|
+
declare function GuestsIcon({ size, color, fillOpacity }: IconProps): react.JSX.Element;
|
|
139
|
+
declare function BedroomsIcon({ size, color, fillOpacity }: IconProps): react.JSX.Element;
|
|
140
|
+
declare function BathroomsIcon({ size, color, fillOpacity }: IconProps): react.JSX.Element;
|
|
141
|
+
|
|
142
|
+
declare function ShareIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
143
|
+
declare function AreaExpandIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
144
|
+
declare function ClockFilledIcon({ size, color }: IconProps): react.JSX.Element;
|
|
145
|
+
declare function QrCodeIcon({ size, color }: IconProps): react.JSX.Element;
|
|
146
|
+
declare function WhatsAppIcon({ size, color }: IconProps): react.JSX.Element;
|
|
147
|
+
declare function CopyIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
148
|
+
declare function CheckSuccessIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
149
|
+
declare function TooltipArrowIcon({ size, color }: IconProps): react.JSX.Element;
|
|
150
|
+
|
|
133
151
|
declare function FacebookIcon({ size, color }: IconProps): react.JSX.Element;
|
|
134
152
|
|
|
153
|
+
/** Native — react-native-svg (peer dependency). */
|
|
154
|
+
declare function FiltersIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
155
|
+
|
|
135
156
|
/** Native — react-native-svg (peer dependency). */
|
|
136
157
|
declare function HeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
137
158
|
|
|
@@ -151,11 +172,20 @@ declare function LayoutGridIcon({ size, color, strokeWidth, }: IconProps): react
|
|
|
151
172
|
|
|
152
173
|
declare function LinkedInIcon({ size, color }: IconProps): react.JSX.Element;
|
|
153
174
|
|
|
175
|
+
/** Native — react-native-svg (peer dependency). */
|
|
176
|
+
declare function ListViewIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
177
|
+
|
|
178
|
+
/** Native — react-native-svg (peer dependency). */
|
|
179
|
+
declare function LocationPinIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
180
|
+
|
|
154
181
|
/** Native — react-native-svg (peer dependency). */
|
|
155
182
|
declare function LogOutIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
156
183
|
|
|
157
184
|
declare function MailIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
158
185
|
|
|
186
|
+
/** Native — react-native-svg (peer dependency). */
|
|
187
|
+
declare function MapViewIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
188
|
+
|
|
159
189
|
interface MenuIconProps extends IconProps {
|
|
160
190
|
open?: boolean;
|
|
161
191
|
}
|
|
@@ -191,6 +221,9 @@ declare function ShowIcon({ size, color, strokeWidth }: ShowIconProps): react.JS
|
|
|
191
221
|
/** Native — react-native-svg (peer dependency). */
|
|
192
222
|
declare function SidebarIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
193
223
|
|
|
224
|
+
/** Native — react-native-svg (peer dependency). */
|
|
225
|
+
declare function SortIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
226
|
+
|
|
194
227
|
interface StarIconProps extends IconProps {
|
|
195
228
|
active?: boolean;
|
|
196
229
|
height?: number;
|
|
@@ -218,6 +251,7 @@ declare function UsersAltIcon({ size, color }: IconProps): react.JSX.Element;
|
|
|
218
251
|
declare function VideoIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
219
252
|
|
|
220
253
|
declare const icons: {
|
|
254
|
+
readonly areaExpand: typeof AreaExpandIcon;
|
|
221
255
|
readonly arrowRight: typeof ArrowRightIcon;
|
|
222
256
|
readonly bag: typeof BagIcon;
|
|
223
257
|
readonly bell: typeof BellIcon;
|
|
@@ -227,10 +261,18 @@ declare const icons: {
|
|
|
227
261
|
readonly camera: typeof CameraIcon;
|
|
228
262
|
readonly check: typeof CheckIcon;
|
|
229
263
|
readonly checkBadge: typeof CheckBadgeIcon;
|
|
264
|
+
readonly checkSuccess: typeof CheckSuccessIcon;
|
|
230
265
|
readonly chevronDown: typeof ChevronDownIcon;
|
|
231
266
|
readonly chevronLeft: typeof ChevronLeftIcon;
|
|
232
267
|
readonly clock: typeof ClockIcon;
|
|
268
|
+
readonly clockFilled: typeof ClockFilledIcon;
|
|
269
|
+
readonly copy: typeof CopyIcon;
|
|
270
|
+
readonly bathrooms: typeof BathroomsIcon;
|
|
271
|
+
readonly bedrooms: typeof BedroomsIcon;
|
|
272
|
+
readonly cardLocation: typeof CardLocationIcon;
|
|
233
273
|
readonly facebook: typeof FacebookIcon;
|
|
274
|
+
readonly filters: typeof FiltersIcon;
|
|
275
|
+
readonly guests: typeof GuestsIcon;
|
|
234
276
|
readonly heart: typeof HeartIcon;
|
|
235
277
|
readonly globe: typeof GlobeIcon;
|
|
236
278
|
readonly helpCircle: typeof HelpCircleIcon;
|
|
@@ -239,32 +281,42 @@ declare const icons: {
|
|
|
239
281
|
readonly key: typeof KeyIcon;
|
|
240
282
|
readonly layoutGrid: typeof LayoutGridIcon;
|
|
241
283
|
readonly linkedin: typeof LinkedInIcon;
|
|
284
|
+
readonly listView: typeof ListViewIcon;
|
|
285
|
+
readonly locationPin: typeof LocationPinIcon;
|
|
242
286
|
readonly logOut: typeof LogOutIcon;
|
|
243
287
|
readonly mail: typeof MailIcon;
|
|
288
|
+
readonly mapView: typeof MapViewIcon;
|
|
244
289
|
readonly menu: typeof MenuIcon;
|
|
245
290
|
readonly minus: typeof MinusIcon;
|
|
246
291
|
readonly navigate: typeof NavigateIcon;
|
|
247
292
|
readonly phone: typeof PhoneIcon;
|
|
293
|
+
readonly qrCode: typeof QrCodeIcon;
|
|
294
|
+
readonly ratingStar: typeof RatingStarIcon;
|
|
248
295
|
readonly plus: typeof PlusIcon;
|
|
249
296
|
readonly search: typeof SearchIcon;
|
|
297
|
+
readonly saveHeart: typeof SaveHeartIcon;
|
|
298
|
+
readonly share: typeof ShareIcon;
|
|
250
299
|
readonly settings: typeof SettingsIcon;
|
|
251
300
|
readonly show: typeof ShowIcon;
|
|
252
301
|
readonly sidebar: typeof SidebarIcon;
|
|
302
|
+
readonly sort: typeof SortIcon;
|
|
253
303
|
readonly star: typeof StarIcon;
|
|
254
304
|
readonly starFilled: typeof StarFilledIcon;
|
|
305
|
+
readonly tooltipArrow: typeof TooltipArrowIcon;
|
|
255
306
|
readonly user: typeof UserIcon;
|
|
256
307
|
readonly usersAlt: typeof UsersAltIcon;
|
|
257
308
|
readonly video: typeof VideoIcon;
|
|
309
|
+
readonly whatsApp: typeof WhatsAppIcon;
|
|
258
310
|
};
|
|
259
311
|
type IconName = keyof typeof icons;
|
|
260
312
|
declare const iconNames: IconName[];
|
|
261
313
|
declare const iconGroups: {
|
|
262
|
-
readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "menu", "navigate"];
|
|
263
|
-
readonly actions: readonly ["show", "bell", "camera", "key", "check", "checkBadge", "search", "calendar", "calendarOutline", "heart", "star", "starFilled", "minus", "plus"];
|
|
264
|
-
readonly objects: readonly ["bag", "building", "clock", "user", "usersAlt", "video"];
|
|
314
|
+
readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "mapView", "menu", "navigate"];
|
|
315
|
+
readonly actions: readonly ["show", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "search", "calendar", "calendarOutline", "ratingStar", "saveHeart", "share", "filters", "heart", "star", "starFilled", "minus", "plus", "sort"];
|
|
316
|
+
readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "qrCode", "user", "usersAlt", "video", "whatsApp"];
|
|
265
317
|
readonly communication: readonly ["mail", "phone"];
|
|
266
318
|
readonly social: readonly ["facebook", "instagram", "linkedin"];
|
|
267
|
-
readonly interface: readonly ["globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut"];
|
|
319
|
+
readonly interface: readonly ["areaExpand", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "tooltipArrow"];
|
|
268
320
|
};
|
|
269
321
|
type IconGroup = keyof typeof iconGroups;
|
|
270
322
|
declare const iconGroupNames: IconGroup[];
|
|
@@ -352,6 +404,8 @@ declare const LanguageSwitcher: react.ForwardRefExoticComponent<LanguageSwitcher
|
|
|
352
404
|
interface StatCardProps extends Omit<ViewProps, "style" | "children"> {
|
|
353
405
|
label: string;
|
|
354
406
|
icon: IconComponent;
|
|
407
|
+
iconProps?: Omit<IconProps, "size">;
|
|
408
|
+
iconSize?: number;
|
|
355
409
|
style?: StyleProp<ViewStyle>;
|
|
356
410
|
className?: string;
|
|
357
411
|
}
|
|
@@ -875,4 +929,4 @@ declare const textareaTypography: {
|
|
|
875
929
|
};
|
|
876
930
|
};
|
|
877
931
|
|
|
878
|
-
export { ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarOutlineIcon, CameraIcon, CheckBadgeIcon, CheckIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockIcon, CommentCard, type CommentCardProps, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, FacebookIcon, GlobeIcon, type GreyStep, 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, LogOutIcon, MailIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, RatingInput, type RatingInputProps, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShowIcon, SidebarIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, Textarea, type TextareaProps, Toggle, type ToggleProps, UserIcon, UsersAltIcon, VideoIcon, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
|
|
932
|
+
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, CommentCard, type CommentCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, FacebookIcon, 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, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, QrCodeIcon, 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
|
@@ -82,6 +82,8 @@ interface IconProps {
|
|
|
82
82
|
size?: number;
|
|
83
83
|
color?: string;
|
|
84
84
|
strokeWidth?: number;
|
|
85
|
+
fillOpacity?: number;
|
|
86
|
+
secondaryColor?: string;
|
|
85
87
|
}
|
|
86
88
|
type IconComponent = ComponentType<IconProps>;
|
|
87
89
|
|
|
@@ -130,8 +132,27 @@ declare function ChevronLeftIcon({ size, color, strokeWidth }: IconProps): react
|
|
|
130
132
|
|
|
131
133
|
declare function ClockIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
132
134
|
|
|
135
|
+
declare function SaveHeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
136
|
+
declare function RatingStarIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
137
|
+
declare function CardLocationIcon({ size, color, strokeWidth, secondaryColor, }: IconProps): react.JSX.Element;
|
|
138
|
+
declare function GuestsIcon({ size, color, fillOpacity }: IconProps): react.JSX.Element;
|
|
139
|
+
declare function BedroomsIcon({ size, color, fillOpacity }: IconProps): react.JSX.Element;
|
|
140
|
+
declare function BathroomsIcon({ size, color, fillOpacity }: IconProps): react.JSX.Element;
|
|
141
|
+
|
|
142
|
+
declare function ShareIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
143
|
+
declare function AreaExpandIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
144
|
+
declare function ClockFilledIcon({ size, color }: IconProps): react.JSX.Element;
|
|
145
|
+
declare function QrCodeIcon({ size, color }: IconProps): react.JSX.Element;
|
|
146
|
+
declare function WhatsAppIcon({ size, color }: IconProps): react.JSX.Element;
|
|
147
|
+
declare function CopyIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
148
|
+
declare function CheckSuccessIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
149
|
+
declare function TooltipArrowIcon({ size, color }: IconProps): react.JSX.Element;
|
|
150
|
+
|
|
133
151
|
declare function FacebookIcon({ size, color }: IconProps): react.JSX.Element;
|
|
134
152
|
|
|
153
|
+
/** Native — react-native-svg (peer dependency). */
|
|
154
|
+
declare function FiltersIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
155
|
+
|
|
135
156
|
/** Native — react-native-svg (peer dependency). */
|
|
136
157
|
declare function HeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
137
158
|
|
|
@@ -151,11 +172,20 @@ declare function LayoutGridIcon({ size, color, strokeWidth, }: IconProps): react
|
|
|
151
172
|
|
|
152
173
|
declare function LinkedInIcon({ size, color }: IconProps): react.JSX.Element;
|
|
153
174
|
|
|
175
|
+
/** Native — react-native-svg (peer dependency). */
|
|
176
|
+
declare function ListViewIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
177
|
+
|
|
178
|
+
/** Native — react-native-svg (peer dependency). */
|
|
179
|
+
declare function LocationPinIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
180
|
+
|
|
154
181
|
/** Native — react-native-svg (peer dependency). */
|
|
155
182
|
declare function LogOutIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
156
183
|
|
|
157
184
|
declare function MailIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
158
185
|
|
|
186
|
+
/** Native — react-native-svg (peer dependency). */
|
|
187
|
+
declare function MapViewIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
188
|
+
|
|
159
189
|
interface MenuIconProps extends IconProps {
|
|
160
190
|
open?: boolean;
|
|
161
191
|
}
|
|
@@ -191,6 +221,9 @@ declare function ShowIcon({ size, color, strokeWidth }: ShowIconProps): react.JS
|
|
|
191
221
|
/** Native — react-native-svg (peer dependency). */
|
|
192
222
|
declare function SidebarIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
193
223
|
|
|
224
|
+
/** Native — react-native-svg (peer dependency). */
|
|
225
|
+
declare function SortIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
226
|
+
|
|
194
227
|
interface StarIconProps extends IconProps {
|
|
195
228
|
active?: boolean;
|
|
196
229
|
height?: number;
|
|
@@ -218,6 +251,7 @@ declare function UsersAltIcon({ size, color }: IconProps): react.JSX.Element;
|
|
|
218
251
|
declare function VideoIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
219
252
|
|
|
220
253
|
declare const icons: {
|
|
254
|
+
readonly areaExpand: typeof AreaExpandIcon;
|
|
221
255
|
readonly arrowRight: typeof ArrowRightIcon;
|
|
222
256
|
readonly bag: typeof BagIcon;
|
|
223
257
|
readonly bell: typeof BellIcon;
|
|
@@ -227,10 +261,18 @@ declare const icons: {
|
|
|
227
261
|
readonly camera: typeof CameraIcon;
|
|
228
262
|
readonly check: typeof CheckIcon;
|
|
229
263
|
readonly checkBadge: typeof CheckBadgeIcon;
|
|
264
|
+
readonly checkSuccess: typeof CheckSuccessIcon;
|
|
230
265
|
readonly chevronDown: typeof ChevronDownIcon;
|
|
231
266
|
readonly chevronLeft: typeof ChevronLeftIcon;
|
|
232
267
|
readonly clock: typeof ClockIcon;
|
|
268
|
+
readonly clockFilled: typeof ClockFilledIcon;
|
|
269
|
+
readonly copy: typeof CopyIcon;
|
|
270
|
+
readonly bathrooms: typeof BathroomsIcon;
|
|
271
|
+
readonly bedrooms: typeof BedroomsIcon;
|
|
272
|
+
readonly cardLocation: typeof CardLocationIcon;
|
|
233
273
|
readonly facebook: typeof FacebookIcon;
|
|
274
|
+
readonly filters: typeof FiltersIcon;
|
|
275
|
+
readonly guests: typeof GuestsIcon;
|
|
234
276
|
readonly heart: typeof HeartIcon;
|
|
235
277
|
readonly globe: typeof GlobeIcon;
|
|
236
278
|
readonly helpCircle: typeof HelpCircleIcon;
|
|
@@ -239,32 +281,42 @@ declare const icons: {
|
|
|
239
281
|
readonly key: typeof KeyIcon;
|
|
240
282
|
readonly layoutGrid: typeof LayoutGridIcon;
|
|
241
283
|
readonly linkedin: typeof LinkedInIcon;
|
|
284
|
+
readonly listView: typeof ListViewIcon;
|
|
285
|
+
readonly locationPin: typeof LocationPinIcon;
|
|
242
286
|
readonly logOut: typeof LogOutIcon;
|
|
243
287
|
readonly mail: typeof MailIcon;
|
|
288
|
+
readonly mapView: typeof MapViewIcon;
|
|
244
289
|
readonly menu: typeof MenuIcon;
|
|
245
290
|
readonly minus: typeof MinusIcon;
|
|
246
291
|
readonly navigate: typeof NavigateIcon;
|
|
247
292
|
readonly phone: typeof PhoneIcon;
|
|
293
|
+
readonly qrCode: typeof QrCodeIcon;
|
|
294
|
+
readonly ratingStar: typeof RatingStarIcon;
|
|
248
295
|
readonly plus: typeof PlusIcon;
|
|
249
296
|
readonly search: typeof SearchIcon;
|
|
297
|
+
readonly saveHeart: typeof SaveHeartIcon;
|
|
298
|
+
readonly share: typeof ShareIcon;
|
|
250
299
|
readonly settings: typeof SettingsIcon;
|
|
251
300
|
readonly show: typeof ShowIcon;
|
|
252
301
|
readonly sidebar: typeof SidebarIcon;
|
|
302
|
+
readonly sort: typeof SortIcon;
|
|
253
303
|
readonly star: typeof StarIcon;
|
|
254
304
|
readonly starFilled: typeof StarFilledIcon;
|
|
305
|
+
readonly tooltipArrow: typeof TooltipArrowIcon;
|
|
255
306
|
readonly user: typeof UserIcon;
|
|
256
307
|
readonly usersAlt: typeof UsersAltIcon;
|
|
257
308
|
readonly video: typeof VideoIcon;
|
|
309
|
+
readonly whatsApp: typeof WhatsAppIcon;
|
|
258
310
|
};
|
|
259
311
|
type IconName = keyof typeof icons;
|
|
260
312
|
declare const iconNames: IconName[];
|
|
261
313
|
declare const iconGroups: {
|
|
262
|
-
readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "menu", "navigate"];
|
|
263
|
-
readonly actions: readonly ["show", "bell", "camera", "key", "check", "checkBadge", "search", "calendar", "calendarOutline", "heart", "star", "starFilled", "minus", "plus"];
|
|
264
|
-
readonly objects: readonly ["bag", "building", "clock", "user", "usersAlt", "video"];
|
|
314
|
+
readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "mapView", "menu", "navigate"];
|
|
315
|
+
readonly actions: readonly ["show", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "search", "calendar", "calendarOutline", "ratingStar", "saveHeart", "share", "filters", "heart", "star", "starFilled", "minus", "plus", "sort"];
|
|
316
|
+
readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "qrCode", "user", "usersAlt", "video", "whatsApp"];
|
|
265
317
|
readonly communication: readonly ["mail", "phone"];
|
|
266
318
|
readonly social: readonly ["facebook", "instagram", "linkedin"];
|
|
267
|
-
readonly interface: readonly ["globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut"];
|
|
319
|
+
readonly interface: readonly ["areaExpand", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "tooltipArrow"];
|
|
268
320
|
};
|
|
269
321
|
type IconGroup = keyof typeof iconGroups;
|
|
270
322
|
declare const iconGroupNames: IconGroup[];
|
|
@@ -352,6 +404,8 @@ declare const LanguageSwitcher: react.ForwardRefExoticComponent<LanguageSwitcher
|
|
|
352
404
|
interface StatCardProps extends Omit<ViewProps, "style" | "children"> {
|
|
353
405
|
label: string;
|
|
354
406
|
icon: IconComponent;
|
|
407
|
+
iconProps?: Omit<IconProps, "size">;
|
|
408
|
+
iconSize?: number;
|
|
355
409
|
style?: StyleProp<ViewStyle>;
|
|
356
410
|
className?: string;
|
|
357
411
|
}
|
|
@@ -875,4 +929,4 @@ declare const textareaTypography: {
|
|
|
875
929
|
};
|
|
876
930
|
};
|
|
877
931
|
|
|
878
|
-
export { ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarOutlineIcon, CameraIcon, CheckBadgeIcon, CheckIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockIcon, CommentCard, type CommentCardProps, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, FacebookIcon, GlobeIcon, type GreyStep, 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, LogOutIcon, MailIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, RatingInput, type RatingInputProps, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShowIcon, SidebarIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, Textarea, type TextareaProps, Toggle, type ToggleProps, UserIcon, UsersAltIcon, VideoIcon, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
|
|
932
|
+
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, CommentCard, type CommentCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, FacebookIcon, 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, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, QrCodeIcon, 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 };
|