@ecohouse/ui 0.1.35 → 0.1.36
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/README.md +1 -0
- package/dist/index.cjs +508 -347
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +158 -128
- package/dist/index.d.ts +158 -128
- package/dist/index.js +505 -348
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/SegmentedToggle/SegmentedToggle.stories.tsx +9 -0
- package/src/components/SegmentedToggle/SegmentedToggle.tsx +19 -13
- package/src/icons/MoreHorizontal/MoreHorizontalIcon.tsx +26 -0
- package/src/icons/MoreHorizontal/MoreHorizontalIcon.web.tsx +25 -0
- package/src/icons/MoreHorizontal/index.ts +1 -0
- package/src/icons/MoreHorizontal/moreHorizontalPath.ts +2 -0
- package/src/icons/TableView/TableViewIcon.tsx +20 -0
- package/src/icons/TableView/TableViewIcon.web.tsx +26 -0
- package/src/icons/TableView/index.ts +1 -0
- package/src/icons/TableView/tableViewPath.ts +2 -0
- package/src/icons/index.ts +2 -0
- package/src/icons/registry.ts +6 -0
- package/src/index.ts +6 -0
- package/src/primitives/IconStatusBadge/IconStatusBadge.stories.tsx +21 -0
- package/src/primitives/IconStatusBadge/IconStatusBadge.tsx +76 -0
- package/src/primitives/IconStatusBadge/index.ts +2 -0
- package/src/primitives/InfoCardV2/InfoCardV2.stories.tsx +64 -0
- package/src/primitives/InfoCardV2/InfoCardV2.tsx +116 -0
- package/src/primitives/InfoCardV2/index.ts +2 -0
- package/src/primitives/index.ts +7 -0
package/dist/index.d.cts
CHANGED
|
@@ -45,131 +45,6 @@ interface MenuItemProps extends Omit<PressableProps, "onPress" | "disabled" | "s
|
|
|
45
45
|
}
|
|
46
46
|
declare const MenuItem: react.ForwardRefExoticComponent<MenuItemProps & react.RefAttributes<View>>;
|
|
47
47
|
|
|
48
|
-
interface FavoritesButtonProps extends Omit<PressableProps, "onPress" | "disabled" | "style" | "children" | "hitSlop"> {
|
|
49
|
-
/** Controlled favorite state. */
|
|
50
|
-
value?: boolean;
|
|
51
|
-
/** Initial state when the button is uncontrolled. */
|
|
52
|
-
defaultValue?: boolean;
|
|
53
|
-
/** Called with the next favorite state when pressed. */
|
|
54
|
-
onValueChange?: (value: boolean) => void;
|
|
55
|
-
disabled?: boolean;
|
|
56
|
-
style?: StyleProp<ViewStyle>;
|
|
57
|
-
className?: string;
|
|
58
|
-
hitSlop?: PressableProps["hitSlop"];
|
|
59
|
-
}
|
|
60
|
-
declare const FavoritesButton: react.ForwardRefExoticComponent<FavoritesButtonProps & react.RefAttributes<react_native.View>>;
|
|
61
|
-
|
|
62
|
-
type BrandLogoVariant = "white" | "brand";
|
|
63
|
-
interface BrandLogoProps {
|
|
64
|
-
/** White for dark surfaces, or the Cortel brand color for light surfaces. */
|
|
65
|
-
variant?: BrandLogoVariant;
|
|
66
|
-
/** Rendered width. Defaults to 62; setting only width preserves the original ratio. */
|
|
67
|
-
width?: number;
|
|
68
|
-
/** Rendered height. Defaults to 86; setting only height preserves the original ratio. */
|
|
69
|
-
height?: number;
|
|
70
|
-
/** Accessible name announced for the logo. */
|
|
71
|
-
accessibilityLabel?: string;
|
|
72
|
-
}
|
|
73
|
-
declare const BRAND_LOGO_DEFAULT_WIDTH = 62;
|
|
74
|
-
declare const BRAND_LOGO_DEFAULT_HEIGHT = 86;
|
|
75
|
-
declare const BRAND_LOGO_COLORS: {
|
|
76
|
-
readonly white: "#FFFFFF";
|
|
77
|
-
readonly brand: "#B76533";
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
/** Native Cortel Booking brand mark. */
|
|
81
|
-
declare function BrandLogo({ variant, width, height, accessibilityLabel, }: BrandLogoProps): react.JSX.Element;
|
|
82
|
-
|
|
83
|
-
/** Data shape for an Avatar dropdown option — same fields as `MenuItem`. */
|
|
84
|
-
type AvatarMenuItem = Pick<MenuItemProps, "icon" | "label" | "disabled" | "backgroundColor" | "hoverColor"> & {
|
|
85
|
-
/** Stable identity for React keys; falls back to `label`. */
|
|
86
|
-
key?: string;
|
|
87
|
-
onPress: () => void;
|
|
88
|
-
};
|
|
89
|
-
interface AvatarProps extends Omit<PressableProps, "onPress" | "disabled" | "style" | "children" | "hitSlop"> {
|
|
90
|
-
/** Logged-in user's display name. */
|
|
91
|
-
name: string;
|
|
92
|
-
/** Shown under the name, e.g. the user's email. */
|
|
93
|
-
email?: string;
|
|
94
|
-
/** Photo URL; falls back to a placeholder icon when missing or when it fails to load. */
|
|
95
|
-
imageUrl?: string | null;
|
|
96
|
-
/** Called on every press, in addition to any menu toggling driven by `menuItems`. */
|
|
97
|
-
onPress?: (event: GestureResponderEvent) => void;
|
|
98
|
-
/** External — non-interactive. */
|
|
99
|
-
disabled?: boolean;
|
|
100
|
-
/** Trailing chevron, typically used to hint a dropdown/menu. */
|
|
101
|
-
showChevron?: boolean;
|
|
102
|
-
/**
|
|
103
|
-
* Account-menu options, supplied entirely by the consumer (icon, label,
|
|
104
|
-
* action, and per-item colors). When set, pressing the chip opens a
|
|
105
|
-
* dropdown listing them via `MenuItem`.
|
|
106
|
-
*/
|
|
107
|
-
menuItems?: AvatarMenuItem[];
|
|
108
|
-
/** Controlled open state for the menu. */
|
|
109
|
-
open?: boolean;
|
|
110
|
-
defaultOpen?: boolean;
|
|
111
|
-
onOpenChange?: (open: boolean) => void;
|
|
112
|
-
/** Fixed menu width; defaults to matching the chip's width. */
|
|
113
|
-
menuWidth?: number;
|
|
114
|
-
style?: StyleProp<ViewStyle>;
|
|
115
|
-
className?: string;
|
|
116
|
-
hitSlop?: PressableProps["hitSlop"];
|
|
117
|
-
}
|
|
118
|
-
declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<View>>;
|
|
119
|
-
|
|
120
|
-
interface AvatarSimpleProps extends Omit<ViewProps, "style" | "children"> {
|
|
121
|
-
/** Logged-in user's display name. */
|
|
122
|
-
name: string;
|
|
123
|
-
/** Shown under the name, e.g. the user's email. */
|
|
124
|
-
email: string;
|
|
125
|
-
/** Photo URL; falls back to a solid placeholder when missing or when it fails to load. */
|
|
126
|
-
imageUrl?: string | null;
|
|
127
|
-
/** Called when the trailing logout control is pressed. */
|
|
128
|
-
onLogOut?: () => void;
|
|
129
|
-
/** Accessible label for the logout control. Defaults to `"Log out"`. */
|
|
130
|
-
logOutAccessibilityLabel?: string;
|
|
131
|
-
/**
|
|
132
|
-
* Compact mode — avatar image only (no card chrome, name, email, or logout).
|
|
133
|
-
* Used by collapsed account sidebars.
|
|
134
|
-
*/
|
|
135
|
-
compact?: boolean;
|
|
136
|
-
style?: StyleProp<ViewStyle>;
|
|
137
|
-
className?: string;
|
|
138
|
-
}
|
|
139
|
-
declare const AvatarSimple: react.ForwardRefExoticComponent<AvatarSimpleProps & react.RefAttributes<View>>;
|
|
140
|
-
|
|
141
|
-
interface AccountHeaderProps extends Omit<ViewProps, "style" | "children"> {
|
|
142
|
-
title: string;
|
|
143
|
-
/**
|
|
144
|
-
* When set, shows a 32×32 back control (takes priority over `onMenuPress`).
|
|
145
|
-
* Used on nested account pages such as booking details.
|
|
146
|
-
*/
|
|
147
|
-
onBackPress?: () => void;
|
|
148
|
-
/** When set, shows the 28×28 menu control (mobile account shell). Ignored if `onBackPress` is set. */
|
|
149
|
-
onMenuPress?: () => void;
|
|
150
|
-
onNotificationsPress?: () => void;
|
|
151
|
-
/** Optional control rendered to the left of notifications (e.g. language switcher). */
|
|
152
|
-
languageSlot?: ReactNode;
|
|
153
|
-
/** Optional status chip (or other accessory) rendered after the title with a 12px gap. */
|
|
154
|
-
badge?: ReactNode;
|
|
155
|
-
/** Accessible name for the back control. Defaults to `"Back"`. */
|
|
156
|
-
backAccessibilityLabel?: string;
|
|
157
|
-
/** Accessible name for the menu control. Defaults to `"Open menu"`. */
|
|
158
|
-
menuAccessibilityLabel?: string;
|
|
159
|
-
/** Accessible name for notifications. Defaults to `"Notifications"`. */
|
|
160
|
-
notificationsAccessibilityLabel?: string;
|
|
161
|
-
/**
|
|
162
|
-
* Web CSS class for the menu control (hide on desktop via `#account-header-menu` /
|
|
163
|
-
* `.account-header-menu` while keeping it mounted to avoid a mobile refresh flash).
|
|
164
|
-
*/
|
|
165
|
-
menuClassName?: string;
|
|
166
|
-
/** Optional title style override (e.g. mobile 14px from the web app). */
|
|
167
|
-
titleStyle?: StyleProp<TextStyle>;
|
|
168
|
-
style?: StyleProp<ViewStyle>;
|
|
169
|
-
className?: string;
|
|
170
|
-
}
|
|
171
|
-
declare const AccountHeader: react.ForwardRefExoticComponent<AccountHeaderProps & react.RefAttributes<View>>;
|
|
172
|
-
|
|
173
48
|
interface IconProps {
|
|
174
49
|
size?: number;
|
|
175
50
|
color?: string;
|
|
@@ -325,6 +200,8 @@ declare function MenuLinesIcon({ size, color, strokeWidth }: IconProps): react.J
|
|
|
325
200
|
|
|
326
201
|
declare function MinusIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
327
202
|
|
|
203
|
+
declare function MoreHorizontalIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
|
|
204
|
+
|
|
328
205
|
declare function NavigateIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
329
206
|
|
|
330
207
|
declare function PhoneIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
@@ -373,6 +250,8 @@ interface StarFilledIconProps extends IconProps {
|
|
|
373
250
|
/** Native — supplied solid orange 28×26 star icon. */
|
|
374
251
|
declare function StarFilledIcon({ size, height, color, strokeWidth, }: StarFilledIconProps): react.JSX.Element;
|
|
375
252
|
|
|
253
|
+
declare function TableViewIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
254
|
+
|
|
376
255
|
interface UserIconProps {
|
|
377
256
|
size?: number;
|
|
378
257
|
color?: string;
|
|
@@ -446,6 +325,7 @@ declare const icons: {
|
|
|
446
325
|
readonly menu: typeof MenuIcon;
|
|
447
326
|
readonly menuLines: typeof MenuLinesIcon;
|
|
448
327
|
readonly minus: typeof MinusIcon;
|
|
328
|
+
readonly moreHorizontal: typeof MoreHorizontalIcon;
|
|
449
329
|
readonly navigate: typeof NavigateIcon;
|
|
450
330
|
readonly noSmoking: typeof NoSmokingIcon;
|
|
451
331
|
readonly paw: typeof PawIcon;
|
|
@@ -465,6 +345,7 @@ declare const icons: {
|
|
|
465
345
|
readonly sort: typeof SortIcon;
|
|
466
346
|
readonly star: typeof StarIcon;
|
|
467
347
|
readonly starFilled: typeof StarFilledIcon;
|
|
348
|
+
readonly tableView: typeof TableViewIcon;
|
|
468
349
|
readonly tooltipArrow: typeof TooltipArrowIcon;
|
|
469
350
|
readonly trash: typeof TrashIcon;
|
|
470
351
|
readonly user: typeof UserIcon;
|
|
@@ -477,8 +358,8 @@ declare const icons: {
|
|
|
477
358
|
type IconName = keyof typeof icons;
|
|
478
359
|
declare const iconNames: IconName[];
|
|
479
360
|
declare const iconGroups: {
|
|
480
|
-
readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate"];
|
|
481
|
-
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", "plus", "refresh", "refundStatus", "sort"];
|
|
361
|
+
readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
|
|
362
|
+
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"];
|
|
482
363
|
readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "lock", "noSmoking", "paw", "qrCode", "quietHours", "trash", "user", "usersAlt", "video", "videoOff", "whatsApp"];
|
|
483
364
|
readonly communication: readonly ["mail", "phone"];
|
|
484
365
|
readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
|
|
@@ -493,6 +374,153 @@ interface IconByNameProps extends IconProps {
|
|
|
493
374
|
}
|
|
494
375
|
declare function Icon({ name, ...props }: IconByNameProps): react.JSX.Element;
|
|
495
376
|
|
|
377
|
+
interface InfoCardV2Props extends Omit<ViewProps, "style" | "children"> {
|
|
378
|
+
label: string;
|
|
379
|
+
value: string;
|
|
380
|
+
icon: IconComponent;
|
|
381
|
+
iconProps?: Omit<IconProps, "size">;
|
|
382
|
+
iconSize?: number;
|
|
383
|
+
style?: StyleProp<ViewStyle>;
|
|
384
|
+
className?: string;
|
|
385
|
+
}
|
|
386
|
+
/** Dashboard metric card with a leading icon, muted label, and emphasized value. */
|
|
387
|
+
declare const InfoCardV2: react.ForwardRefExoticComponent<InfoCardV2Props & react.RefAttributes<View>>;
|
|
388
|
+
|
|
389
|
+
interface FavoritesButtonProps extends Omit<PressableProps, "onPress" | "disabled" | "style" | "children" | "hitSlop"> {
|
|
390
|
+
/** Controlled favorite state. */
|
|
391
|
+
value?: boolean;
|
|
392
|
+
/** Initial state when the button is uncontrolled. */
|
|
393
|
+
defaultValue?: boolean;
|
|
394
|
+
/** Called with the next favorite state when pressed. */
|
|
395
|
+
onValueChange?: (value: boolean) => void;
|
|
396
|
+
disabled?: boolean;
|
|
397
|
+
style?: StyleProp<ViewStyle>;
|
|
398
|
+
className?: string;
|
|
399
|
+
hitSlop?: PressableProps["hitSlop"];
|
|
400
|
+
}
|
|
401
|
+
declare const FavoritesButton: react.ForwardRefExoticComponent<FavoritesButtonProps & react.RefAttributes<react_native.View>>;
|
|
402
|
+
|
|
403
|
+
interface IconStatusBadgeProps extends Omit<ViewProps, "style" | "children"> {
|
|
404
|
+
label: string;
|
|
405
|
+
icon: IconComponent;
|
|
406
|
+
iconProps?: Omit<IconProps, "size">;
|
|
407
|
+
iconSize?: number;
|
|
408
|
+
style?: StyleProp<ViewStyle>;
|
|
409
|
+
className?: string;
|
|
410
|
+
}
|
|
411
|
+
declare const IconStatusBadge: react.ForwardRefExoticComponent<IconStatusBadgeProps & react.RefAttributes<View>>;
|
|
412
|
+
|
|
413
|
+
type BrandLogoVariant = "white" | "brand";
|
|
414
|
+
interface BrandLogoProps {
|
|
415
|
+
/** White for dark surfaces, or the Cortel brand color for light surfaces. */
|
|
416
|
+
variant?: BrandLogoVariant;
|
|
417
|
+
/** Rendered width. Defaults to 62; setting only width preserves the original ratio. */
|
|
418
|
+
width?: number;
|
|
419
|
+
/** Rendered height. Defaults to 86; setting only height preserves the original ratio. */
|
|
420
|
+
height?: number;
|
|
421
|
+
/** Accessible name announced for the logo. */
|
|
422
|
+
accessibilityLabel?: string;
|
|
423
|
+
}
|
|
424
|
+
declare const BRAND_LOGO_DEFAULT_WIDTH = 62;
|
|
425
|
+
declare const BRAND_LOGO_DEFAULT_HEIGHT = 86;
|
|
426
|
+
declare const BRAND_LOGO_COLORS: {
|
|
427
|
+
readonly white: "#FFFFFF";
|
|
428
|
+
readonly brand: "#B76533";
|
|
429
|
+
};
|
|
430
|
+
|
|
431
|
+
/** Native Cortel Booking brand mark. */
|
|
432
|
+
declare function BrandLogo({ variant, width, height, accessibilityLabel, }: BrandLogoProps): react.JSX.Element;
|
|
433
|
+
|
|
434
|
+
/** Data shape for an Avatar dropdown option — same fields as `MenuItem`. */
|
|
435
|
+
type AvatarMenuItem = Pick<MenuItemProps, "icon" | "label" | "disabled" | "backgroundColor" | "hoverColor"> & {
|
|
436
|
+
/** Stable identity for React keys; falls back to `label`. */
|
|
437
|
+
key?: string;
|
|
438
|
+
onPress: () => void;
|
|
439
|
+
};
|
|
440
|
+
interface AvatarProps extends Omit<PressableProps, "onPress" | "disabled" | "style" | "children" | "hitSlop"> {
|
|
441
|
+
/** Logged-in user's display name. */
|
|
442
|
+
name: string;
|
|
443
|
+
/** Shown under the name, e.g. the user's email. */
|
|
444
|
+
email?: string;
|
|
445
|
+
/** Photo URL; falls back to a placeholder icon when missing or when it fails to load. */
|
|
446
|
+
imageUrl?: string | null;
|
|
447
|
+
/** Called on every press, in addition to any menu toggling driven by `menuItems`. */
|
|
448
|
+
onPress?: (event: GestureResponderEvent) => void;
|
|
449
|
+
/** External — non-interactive. */
|
|
450
|
+
disabled?: boolean;
|
|
451
|
+
/** Trailing chevron, typically used to hint a dropdown/menu. */
|
|
452
|
+
showChevron?: boolean;
|
|
453
|
+
/**
|
|
454
|
+
* Account-menu options, supplied entirely by the consumer (icon, label,
|
|
455
|
+
* action, and per-item colors). When set, pressing the chip opens a
|
|
456
|
+
* dropdown listing them via `MenuItem`.
|
|
457
|
+
*/
|
|
458
|
+
menuItems?: AvatarMenuItem[];
|
|
459
|
+
/** Controlled open state for the menu. */
|
|
460
|
+
open?: boolean;
|
|
461
|
+
defaultOpen?: boolean;
|
|
462
|
+
onOpenChange?: (open: boolean) => void;
|
|
463
|
+
/** Fixed menu width; defaults to matching the chip's width. */
|
|
464
|
+
menuWidth?: number;
|
|
465
|
+
style?: StyleProp<ViewStyle>;
|
|
466
|
+
className?: string;
|
|
467
|
+
hitSlop?: PressableProps["hitSlop"];
|
|
468
|
+
}
|
|
469
|
+
declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<View>>;
|
|
470
|
+
|
|
471
|
+
interface AvatarSimpleProps extends Omit<ViewProps, "style" | "children"> {
|
|
472
|
+
/** Logged-in user's display name. */
|
|
473
|
+
name: string;
|
|
474
|
+
/** Shown under the name, e.g. the user's email. */
|
|
475
|
+
email: string;
|
|
476
|
+
/** Photo URL; falls back to a solid placeholder when missing or when it fails to load. */
|
|
477
|
+
imageUrl?: string | null;
|
|
478
|
+
/** Called when the trailing logout control is pressed. */
|
|
479
|
+
onLogOut?: () => void;
|
|
480
|
+
/** Accessible label for the logout control. Defaults to `"Log out"`. */
|
|
481
|
+
logOutAccessibilityLabel?: string;
|
|
482
|
+
/**
|
|
483
|
+
* Compact mode — avatar image only (no card chrome, name, email, or logout).
|
|
484
|
+
* Used by collapsed account sidebars.
|
|
485
|
+
*/
|
|
486
|
+
compact?: boolean;
|
|
487
|
+
style?: StyleProp<ViewStyle>;
|
|
488
|
+
className?: string;
|
|
489
|
+
}
|
|
490
|
+
declare const AvatarSimple: react.ForwardRefExoticComponent<AvatarSimpleProps & react.RefAttributes<View>>;
|
|
491
|
+
|
|
492
|
+
interface AccountHeaderProps extends Omit<ViewProps, "style" | "children"> {
|
|
493
|
+
title: string;
|
|
494
|
+
/**
|
|
495
|
+
* When set, shows a 32×32 back control (takes priority over `onMenuPress`).
|
|
496
|
+
* Used on nested account pages such as booking details.
|
|
497
|
+
*/
|
|
498
|
+
onBackPress?: () => void;
|
|
499
|
+
/** When set, shows the 28×28 menu control (mobile account shell). Ignored if `onBackPress` is set. */
|
|
500
|
+
onMenuPress?: () => void;
|
|
501
|
+
onNotificationsPress?: () => void;
|
|
502
|
+
/** Optional control rendered to the left of notifications (e.g. language switcher). */
|
|
503
|
+
languageSlot?: ReactNode;
|
|
504
|
+
/** Optional status chip (or other accessory) rendered after the title with a 12px gap. */
|
|
505
|
+
badge?: ReactNode;
|
|
506
|
+
/** Accessible name for the back control. Defaults to `"Back"`. */
|
|
507
|
+
backAccessibilityLabel?: string;
|
|
508
|
+
/** Accessible name for the menu control. Defaults to `"Open menu"`. */
|
|
509
|
+
menuAccessibilityLabel?: string;
|
|
510
|
+
/** Accessible name for notifications. Defaults to `"Notifications"`. */
|
|
511
|
+
notificationsAccessibilityLabel?: string;
|
|
512
|
+
/**
|
|
513
|
+
* Web CSS class for the menu control (hide on desktop via `#account-header-menu` /
|
|
514
|
+
* `.account-header-menu` while keeping it mounted to avoid a mobile refresh flash).
|
|
515
|
+
*/
|
|
516
|
+
menuClassName?: string;
|
|
517
|
+
/** Optional title style override (e.g. mobile 14px from the web app). */
|
|
518
|
+
titleStyle?: StyleProp<TextStyle>;
|
|
519
|
+
style?: StyleProp<ViewStyle>;
|
|
520
|
+
className?: string;
|
|
521
|
+
}
|
|
522
|
+
declare const AccountHeader: react.ForwardRefExoticComponent<AccountHeaderProps & react.RefAttributes<View>>;
|
|
523
|
+
|
|
496
524
|
type BadgeVariant = "default" | "transparent";
|
|
497
525
|
interface BadgeProps extends Omit<ViewProps, "style" | "children"> {
|
|
498
526
|
label: string;
|
|
@@ -635,6 +663,8 @@ interface SegmentedToggleOption {
|
|
|
635
663
|
value: string;
|
|
636
664
|
label: string;
|
|
637
665
|
icon?: IconComponent;
|
|
666
|
+
/** Hides the visual label while retaining it as the accessible name. */
|
|
667
|
+
showLabel?: boolean;
|
|
638
668
|
}
|
|
639
669
|
interface SegmentedToggleProps extends Omit<ViewProps, "style" | "children"> {
|
|
640
670
|
/**
|
|
@@ -1452,4 +1482,4 @@ type ResolvePopoverAlignOptions = {
|
|
|
1452
1482
|
*/
|
|
1453
1483
|
declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
|
|
1454
1484
|
|
|
1455
|
-
export { AccordionItem, type AccordionItemProps, AccountHeader, type AccountHeaderProps, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DownloadIcon, EditIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, 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, NavigateIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QuietHoursIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, type ResolvePopoverAlignOptions, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StepList, type StepListProps, StepPager, type StepPagerProps, 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 };
|
|
1485
|
+
export { AccordionItem, type AccordionItemProps, AccountHeader, type AccountHeaderProps, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DownloadIcon, EditIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, InfoCardV2, type InfoCardV2Props, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, type LanguageSwitcherVariant, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuLinesIcon, MinusIcon, Modal, type ModalProps, MoreHorizontalIcon, NavigateIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QuietHoursIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, type ResolvePopoverAlignOptions, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StepList, type StepListProps, StepPager, type StepPagerProps, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
|