@ecohouse/ui 0.1.59 → 0.1.60
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 +648 -467
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +25 -10
- package/dist/index.d.ts +25 -10
- package/dist/index.js +543 -365
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Button/Button.tsx +6 -2
- package/src/components/CommentCard/CommentCard.tsx +3 -0
- package/src/components/Counter/Counter.tsx +5 -3
- package/src/components/DatePicker/DatePicker.tsx +98 -40
- package/src/components/Range/Range.tsx +1 -1
- package/src/components/VerificationCodeInput/VerificationCodeInput.tsx +28 -4
- package/src/icons/Backspace/BackspaceIcon.test.ts +9 -0
- package/src/icons/Backspace/BackspaceIcon.tsx +20 -0
- package/src/icons/Backspace/BackspaceIcon.web.tsx +26 -0
- package/src/icons/Backspace/backspacePath.ts +3 -0
- package/src/icons/Backspace/index.ts +1 -0
- package/src/icons/Fingerprint/FingerprintIcon.test.ts +9 -0
- package/src/icons/Fingerprint/FingerprintIcon.tsx +23 -0
- package/src/icons/Fingerprint/FingerprintIcon.web.tsx +29 -0
- package/src/icons/Fingerprint/fingerprintPaths.ts +6 -0
- package/src/icons/Fingerprint/index.ts +1 -0
- package/src/icons/GoogleBrand/GoogleBrandIcon.test.ts +14 -0
- package/src/icons/GoogleBrand/GoogleBrandIcon.tsx +15 -0
- package/src/icons/GoogleBrand/GoogleBrandIcon.web.tsx +21 -0
- package/src/icons/GoogleBrand/googleBrandPaths.ts +18 -0
- package/src/icons/GoogleBrand/index.ts +1 -0
- package/src/icons/index.ts +3 -0
- package/src/icons/registry.ts +9 -1
- package/src/index.ts +3 -0
- package/src/theme/typography.ts +6 -6
- package/src/utils/dateUtils.ts +7 -4
package/dist/index.d.cts
CHANGED
|
@@ -69,6 +69,8 @@ declare function AlertTriangleIcon({ size, color, strokeWidth }: IconProps): rea
|
|
|
69
69
|
declare function AppleIcon({ size, color }: IconProps): react.JSX.Element;
|
|
70
70
|
declare function GooglePlayIcon({ size }: IconProps): react.JSX.Element;
|
|
71
71
|
|
|
72
|
+
declare function BackspaceIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
73
|
+
|
|
72
74
|
declare function BagIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
73
75
|
|
|
74
76
|
/** Filled prohibition / deactivated mark (28×28 viewBox). */
|
|
@@ -160,6 +162,10 @@ declare function TrashIcon({ size, color, strokeWidth }: IconProps): react.JSX.E
|
|
|
160
162
|
|
|
161
163
|
declare function FacebookIcon({ size, color }: IconProps): react.JSX.Element;
|
|
162
164
|
|
|
165
|
+
declare function FingerprintIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
166
|
+
|
|
167
|
+
declare function GoogleBrandIcon({ size }: IconProps): react.JSX.Element;
|
|
168
|
+
|
|
163
169
|
/** Native — react-native-svg (peer dependency). */
|
|
164
170
|
declare function FiltersIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
165
171
|
|
|
@@ -342,6 +348,7 @@ declare const icons: {
|
|
|
342
348
|
readonly areaExpand: typeof AreaExpandIcon;
|
|
343
349
|
readonly apple: typeof AppleIcon;
|
|
344
350
|
readonly arrowRight: typeof ArrowRightIcon;
|
|
351
|
+
readonly backspace: typeof BackspaceIcon;
|
|
345
352
|
readonly bag: typeof BagIcon;
|
|
346
353
|
readonly ban: typeof BanIcon;
|
|
347
354
|
readonly blockedGuests: typeof BlockedGuestsIcon;
|
|
@@ -372,6 +379,8 @@ declare const icons: {
|
|
|
372
379
|
readonly bedrooms: typeof BedroomsIcon;
|
|
373
380
|
readonly cardLocation: typeof CardLocationIcon;
|
|
374
381
|
readonly facebook: typeof FacebookIcon;
|
|
382
|
+
readonly fingerprint: typeof FingerprintIcon;
|
|
383
|
+
readonly googleBrand: typeof GoogleBrandIcon;
|
|
375
384
|
readonly filters: typeof FiltersIcon;
|
|
376
385
|
readonly fullscreen: typeof FullscreenIcon;
|
|
377
386
|
readonly guests: typeof GuestsIcon;
|
|
@@ -455,11 +464,11 @@ type IconName = keyof typeof icons;
|
|
|
455
464
|
declare const iconNames: IconName[];
|
|
456
465
|
declare const iconGroups: {
|
|
457
466
|
readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "chevronRight", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
|
|
458
|
-
readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "doubleCheck", "dragHandle", "search", "calendar", "calendarFilled", "calendarMinus", "calendarOutline", "close", "deactivate", "cloudUpload", "noReview", "edit", "externalLink", "ratingStar", "saveHeart", "share", "smartKey", "stayHome", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "starOutline", "sun", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
|
|
467
|
+
readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "doubleCheck", "dragHandle", "search", "calendar", "calendarFilled", "calendarMinus", "calendarOutline", "close", "deactivate", "cloudUpload", "noReview", "edit", "externalLink", "ratingStar", "saveHeart", "share", "smartKey", "stayHome", "filters", "backspace", "fingerprint", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "starOutline", "sun", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
|
|
459
468
|
readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "totalGuests", "activeGuests", "blockedGuests", "lock", "noPets", "noSmoking", "paw", "qrCode", "quietHours", "trash", "unlock", "user", "usersAlt", "video", "videoOff", "washer", "whatsApp"];
|
|
460
469
|
readonly communication: readonly ["mail", "phone"];
|
|
461
470
|
readonly notifications: readonly ["notificationSuccess", "notificationCancelled", "notificationCheckout", "notificationQrCode", "notificationWarning"];
|
|
462
|
-
readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
|
|
471
|
+
readonly social: readonly ["apple", "facebook", "googleBrand", "googlePlay", "instagram", "linkedin"];
|
|
463
472
|
readonly interface: readonly ["areaExpand", "cutlery", "dollar", "dram", "eye", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "image", "infoCircle", "tooltipArrow"];
|
|
464
473
|
};
|
|
465
474
|
type IconGroup = keyof typeof iconGroups;
|
|
@@ -974,6 +983,8 @@ type DateRange = {
|
|
|
974
983
|
type DatePickerVariant = "default" | "range-horizontal" | "range-vertical";
|
|
975
984
|
type DatePickerBaseProps = Omit<ViewProps, "style" | "children"> & {
|
|
976
985
|
placeholder?: string;
|
|
986
|
+
/** Color for the trigger label when no date is selected. Defaults to grey100. */
|
|
987
|
+
placeholderTextColor?: string;
|
|
977
988
|
/** Trigger presentation. Range variants display separate start/end fields. */
|
|
978
989
|
variant?: DatePickerVariant;
|
|
979
990
|
/** Labels shown above the start/end values in range trigger variants. */
|
|
@@ -1015,7 +1026,10 @@ type DatePickerBaseProps = Omit<ViewProps, "style" | "children"> & {
|
|
|
1015
1026
|
formatValue?: (date: Date) => string;
|
|
1016
1027
|
/** First day of the week column (0 = Sunday, 1 = Monday). Defaults to Monday. */
|
|
1017
1028
|
weekStartsOn?: 0 | 1;
|
|
1018
|
-
/**
|
|
1029
|
+
/**
|
|
1030
|
+
* Styles the calendar popup independently from the trigger width.
|
|
1031
|
+
* With `hideTrigger`, `width: "100%"` stretches the day grid to the host.
|
|
1032
|
+
*/
|
|
1019
1033
|
calendarStyle?: StyleProp<ViewStyle>;
|
|
1020
1034
|
/**
|
|
1021
1035
|
* When true, only the calendar panel is rendered (no field/trigger).
|
|
@@ -1313,6 +1327,7 @@ interface CommentCardProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
1313
1327
|
onExpandedChange?: (expanded: boolean) => void;
|
|
1314
1328
|
style?: StyleProp<ViewStyle>;
|
|
1315
1329
|
commentStyle?: StyleProp<TextStyle>;
|
|
1330
|
+
actionStyle?: StyleProp<TextStyle>;
|
|
1316
1331
|
className?: string;
|
|
1317
1332
|
}
|
|
1318
1333
|
declare const CommentCard: react.ForwardRefExoticComponent<CommentCardProps & react.RefAttributes<View>>;
|
|
@@ -1449,20 +1464,20 @@ declare const colors: {
|
|
|
1449
1464
|
declare const fonts: {
|
|
1450
1465
|
readonly sans: "Noto Sans Armenian";
|
|
1451
1466
|
};
|
|
1452
|
-
/** Button label — SemiBold, line-height
|
|
1467
|
+
/** Button label — SemiBold, 125%+ line-height so Noto Sans Armenian is not clipped. */
|
|
1453
1468
|
declare const buttonTypography: {
|
|
1454
1469
|
readonly lg: {
|
|
1455
1470
|
readonly fontFamily: "Noto Sans Armenian";
|
|
1456
1471
|
readonly fontSize: 14;
|
|
1457
1472
|
readonly fontWeight: "600";
|
|
1458
|
-
readonly lineHeight:
|
|
1473
|
+
readonly lineHeight: 20;
|
|
1459
1474
|
readonly letterSpacing: 0.42;
|
|
1460
1475
|
};
|
|
1461
1476
|
readonly sm: {
|
|
1462
1477
|
readonly fontFamily: "Noto Sans Armenian";
|
|
1463
1478
|
readonly fontSize: 12;
|
|
1464
1479
|
readonly fontWeight: "600";
|
|
1465
|
-
readonly lineHeight:
|
|
1480
|
+
readonly lineHeight: 16;
|
|
1466
1481
|
readonly letterSpacing: 0.36;
|
|
1467
1482
|
};
|
|
1468
1483
|
};
|
|
@@ -1658,7 +1673,7 @@ declare const datePickerTypography: {
|
|
|
1658
1673
|
readonly fontFamily: "Noto Sans Armenian";
|
|
1659
1674
|
readonly fontSize: 14;
|
|
1660
1675
|
readonly fontWeight: "700";
|
|
1661
|
-
readonly lineHeight:
|
|
1676
|
+
readonly lineHeight: 18;
|
|
1662
1677
|
readonly letterSpacing: 0;
|
|
1663
1678
|
};
|
|
1664
1679
|
/** Weekday header (ԵՐ, ԵՔ, ...) — Regular, uppercase, centered, Grey/300. */
|
|
@@ -1666,14 +1681,14 @@ declare const datePickerTypography: {
|
|
|
1666
1681
|
readonly fontFamily: "Noto Sans Armenian";
|
|
1667
1682
|
readonly fontSize: 12;
|
|
1668
1683
|
readonly fontWeight: "400";
|
|
1669
|
-
readonly lineHeight:
|
|
1684
|
+
readonly lineHeight: 16;
|
|
1670
1685
|
readonly letterSpacing: 0;
|
|
1671
1686
|
};
|
|
1672
1687
|
readonly day: {
|
|
1673
1688
|
readonly fontFamily: "Noto Sans Armenian";
|
|
1674
1689
|
readonly fontSize: 14;
|
|
1675
1690
|
readonly fontWeight: "400";
|
|
1676
|
-
readonly lineHeight:
|
|
1691
|
+
readonly lineHeight: 18;
|
|
1677
1692
|
readonly letterSpacing: 0;
|
|
1678
1693
|
};
|
|
1679
1694
|
};
|
|
@@ -1735,4 +1750,4 @@ type ResolvePopoverAlignOptions = {
|
|
|
1735
1750
|
*/
|
|
1736
1751
|
declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
|
|
1737
1752
|
|
|
1738
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, ActiveGuestsIcon, 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, type AvatarVariant, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BlockedGuestsIcon, BookingWarningNotification, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CancelledBookingNotification, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, 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, DeactivateIcon, DollarIcon, DoubleCheckIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestCheckInNotification, 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, NewBookingNotification, NoPetsIcon, NoReviewIcon, NoSmokingIcon, NotificationCancelledIcon, NotificationCheckoutIcon, NotificationQrCodeIcon, type NotificationStatusProps, NotificationStatusSkeleton, NotificationSuccessIcon, NotificationWarningIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QrKeyNotification, 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, SmartKeyIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StarOutlineIcon, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StatusIndicator, type StatusIndicatorProps, type StatusIndicatorStatus, StayHomeIcon, StepList, type StepListProps, StepPager, type StepPagerProps, SunIcon, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TotalGuestsIcon, TrashIcon, UnlockIcon, 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 };
|
|
1753
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, ActiveGuestsIcon, 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, type AvatarVariant, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, BackspaceIcon, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BlockedGuestsIcon, BookingWarningNotification, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CancelledBookingNotification, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, 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, DeactivateIcon, DollarIcon, DoubleCheckIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FingerprintIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GoogleBrandIcon, GooglePlayIcon, type GreyStep, GuestCheckInNotification, 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, NewBookingNotification, NoPetsIcon, NoReviewIcon, NoSmokingIcon, NotificationCancelledIcon, NotificationCheckoutIcon, NotificationQrCodeIcon, type NotificationStatusProps, NotificationStatusSkeleton, NotificationSuccessIcon, NotificationWarningIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QrKeyNotification, 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, SmartKeyIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StarOutlineIcon, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StatusIndicator, type StatusIndicatorProps, type StatusIndicatorStatus, StayHomeIcon, StepList, type StepListProps, StepPager, type StepPagerProps, SunIcon, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TotalGuestsIcon, TrashIcon, UnlockIcon, 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
|
@@ -69,6 +69,8 @@ declare function AlertTriangleIcon({ size, color, strokeWidth }: IconProps): rea
|
|
|
69
69
|
declare function AppleIcon({ size, color }: IconProps): react.JSX.Element;
|
|
70
70
|
declare function GooglePlayIcon({ size }: IconProps): react.JSX.Element;
|
|
71
71
|
|
|
72
|
+
declare function BackspaceIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
73
|
+
|
|
72
74
|
declare function BagIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
73
75
|
|
|
74
76
|
/** Filled prohibition / deactivated mark (28×28 viewBox). */
|
|
@@ -160,6 +162,10 @@ declare function TrashIcon({ size, color, strokeWidth }: IconProps): react.JSX.E
|
|
|
160
162
|
|
|
161
163
|
declare function FacebookIcon({ size, color }: IconProps): react.JSX.Element;
|
|
162
164
|
|
|
165
|
+
declare function FingerprintIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
166
|
+
|
|
167
|
+
declare function GoogleBrandIcon({ size }: IconProps): react.JSX.Element;
|
|
168
|
+
|
|
163
169
|
/** Native — react-native-svg (peer dependency). */
|
|
164
170
|
declare function FiltersIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
|
|
165
171
|
|
|
@@ -342,6 +348,7 @@ declare const icons: {
|
|
|
342
348
|
readonly areaExpand: typeof AreaExpandIcon;
|
|
343
349
|
readonly apple: typeof AppleIcon;
|
|
344
350
|
readonly arrowRight: typeof ArrowRightIcon;
|
|
351
|
+
readonly backspace: typeof BackspaceIcon;
|
|
345
352
|
readonly bag: typeof BagIcon;
|
|
346
353
|
readonly ban: typeof BanIcon;
|
|
347
354
|
readonly blockedGuests: typeof BlockedGuestsIcon;
|
|
@@ -372,6 +379,8 @@ declare const icons: {
|
|
|
372
379
|
readonly bedrooms: typeof BedroomsIcon;
|
|
373
380
|
readonly cardLocation: typeof CardLocationIcon;
|
|
374
381
|
readonly facebook: typeof FacebookIcon;
|
|
382
|
+
readonly fingerprint: typeof FingerprintIcon;
|
|
383
|
+
readonly googleBrand: typeof GoogleBrandIcon;
|
|
375
384
|
readonly filters: typeof FiltersIcon;
|
|
376
385
|
readonly fullscreen: typeof FullscreenIcon;
|
|
377
386
|
readonly guests: typeof GuestsIcon;
|
|
@@ -455,11 +464,11 @@ type IconName = keyof typeof icons;
|
|
|
455
464
|
declare const iconNames: IconName[];
|
|
456
465
|
declare const iconGroups: {
|
|
457
466
|
readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "chevronRight", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
|
|
458
|
-
readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "doubleCheck", "dragHandle", "search", "calendar", "calendarFilled", "calendarMinus", "calendarOutline", "close", "deactivate", "cloudUpload", "noReview", "edit", "externalLink", "ratingStar", "saveHeart", "share", "smartKey", "stayHome", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "starOutline", "sun", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
|
|
467
|
+
readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "doubleCheck", "dragHandle", "search", "calendar", "calendarFilled", "calendarMinus", "calendarOutline", "close", "deactivate", "cloudUpload", "noReview", "edit", "externalLink", "ratingStar", "saveHeart", "share", "smartKey", "stayHome", "filters", "backspace", "fingerprint", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "starOutline", "sun", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
|
|
459
468
|
readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "totalGuests", "activeGuests", "blockedGuests", "lock", "noPets", "noSmoking", "paw", "qrCode", "quietHours", "trash", "unlock", "user", "usersAlt", "video", "videoOff", "washer", "whatsApp"];
|
|
460
469
|
readonly communication: readonly ["mail", "phone"];
|
|
461
470
|
readonly notifications: readonly ["notificationSuccess", "notificationCancelled", "notificationCheckout", "notificationQrCode", "notificationWarning"];
|
|
462
|
-
readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
|
|
471
|
+
readonly social: readonly ["apple", "facebook", "googleBrand", "googlePlay", "instagram", "linkedin"];
|
|
463
472
|
readonly interface: readonly ["areaExpand", "cutlery", "dollar", "dram", "eye", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "image", "infoCircle", "tooltipArrow"];
|
|
464
473
|
};
|
|
465
474
|
type IconGroup = keyof typeof iconGroups;
|
|
@@ -974,6 +983,8 @@ type DateRange = {
|
|
|
974
983
|
type DatePickerVariant = "default" | "range-horizontal" | "range-vertical";
|
|
975
984
|
type DatePickerBaseProps = Omit<ViewProps, "style" | "children"> & {
|
|
976
985
|
placeholder?: string;
|
|
986
|
+
/** Color for the trigger label when no date is selected. Defaults to grey100. */
|
|
987
|
+
placeholderTextColor?: string;
|
|
977
988
|
/** Trigger presentation. Range variants display separate start/end fields. */
|
|
978
989
|
variant?: DatePickerVariant;
|
|
979
990
|
/** Labels shown above the start/end values in range trigger variants. */
|
|
@@ -1015,7 +1026,10 @@ type DatePickerBaseProps = Omit<ViewProps, "style" | "children"> & {
|
|
|
1015
1026
|
formatValue?: (date: Date) => string;
|
|
1016
1027
|
/** First day of the week column (0 = Sunday, 1 = Monday). Defaults to Monday. */
|
|
1017
1028
|
weekStartsOn?: 0 | 1;
|
|
1018
|
-
/**
|
|
1029
|
+
/**
|
|
1030
|
+
* Styles the calendar popup independently from the trigger width.
|
|
1031
|
+
* With `hideTrigger`, `width: "100%"` stretches the day grid to the host.
|
|
1032
|
+
*/
|
|
1019
1033
|
calendarStyle?: StyleProp<ViewStyle>;
|
|
1020
1034
|
/**
|
|
1021
1035
|
* When true, only the calendar panel is rendered (no field/trigger).
|
|
@@ -1313,6 +1327,7 @@ interface CommentCardProps extends Omit<ViewProps, "style" | "children"> {
|
|
|
1313
1327
|
onExpandedChange?: (expanded: boolean) => void;
|
|
1314
1328
|
style?: StyleProp<ViewStyle>;
|
|
1315
1329
|
commentStyle?: StyleProp<TextStyle>;
|
|
1330
|
+
actionStyle?: StyleProp<TextStyle>;
|
|
1316
1331
|
className?: string;
|
|
1317
1332
|
}
|
|
1318
1333
|
declare const CommentCard: react.ForwardRefExoticComponent<CommentCardProps & react.RefAttributes<View>>;
|
|
@@ -1449,20 +1464,20 @@ declare const colors: {
|
|
|
1449
1464
|
declare const fonts: {
|
|
1450
1465
|
readonly sans: "Noto Sans Armenian";
|
|
1451
1466
|
};
|
|
1452
|
-
/** Button label — SemiBold, line-height
|
|
1467
|
+
/** Button label — SemiBold, 125%+ line-height so Noto Sans Armenian is not clipped. */
|
|
1453
1468
|
declare const buttonTypography: {
|
|
1454
1469
|
readonly lg: {
|
|
1455
1470
|
readonly fontFamily: "Noto Sans Armenian";
|
|
1456
1471
|
readonly fontSize: 14;
|
|
1457
1472
|
readonly fontWeight: "600";
|
|
1458
|
-
readonly lineHeight:
|
|
1473
|
+
readonly lineHeight: 20;
|
|
1459
1474
|
readonly letterSpacing: 0.42;
|
|
1460
1475
|
};
|
|
1461
1476
|
readonly sm: {
|
|
1462
1477
|
readonly fontFamily: "Noto Sans Armenian";
|
|
1463
1478
|
readonly fontSize: 12;
|
|
1464
1479
|
readonly fontWeight: "600";
|
|
1465
|
-
readonly lineHeight:
|
|
1480
|
+
readonly lineHeight: 16;
|
|
1466
1481
|
readonly letterSpacing: 0.36;
|
|
1467
1482
|
};
|
|
1468
1483
|
};
|
|
@@ -1658,7 +1673,7 @@ declare const datePickerTypography: {
|
|
|
1658
1673
|
readonly fontFamily: "Noto Sans Armenian";
|
|
1659
1674
|
readonly fontSize: 14;
|
|
1660
1675
|
readonly fontWeight: "700";
|
|
1661
|
-
readonly lineHeight:
|
|
1676
|
+
readonly lineHeight: 18;
|
|
1662
1677
|
readonly letterSpacing: 0;
|
|
1663
1678
|
};
|
|
1664
1679
|
/** Weekday header (ԵՐ, ԵՔ, ...) — Regular, uppercase, centered, Grey/300. */
|
|
@@ -1666,14 +1681,14 @@ declare const datePickerTypography: {
|
|
|
1666
1681
|
readonly fontFamily: "Noto Sans Armenian";
|
|
1667
1682
|
readonly fontSize: 12;
|
|
1668
1683
|
readonly fontWeight: "400";
|
|
1669
|
-
readonly lineHeight:
|
|
1684
|
+
readonly lineHeight: 16;
|
|
1670
1685
|
readonly letterSpacing: 0;
|
|
1671
1686
|
};
|
|
1672
1687
|
readonly day: {
|
|
1673
1688
|
readonly fontFamily: "Noto Sans Armenian";
|
|
1674
1689
|
readonly fontSize: 14;
|
|
1675
1690
|
readonly fontWeight: "400";
|
|
1676
|
-
readonly lineHeight:
|
|
1691
|
+
readonly lineHeight: 18;
|
|
1677
1692
|
readonly letterSpacing: 0;
|
|
1678
1693
|
};
|
|
1679
1694
|
};
|
|
@@ -1735,4 +1750,4 @@ type ResolvePopoverAlignOptions = {
|
|
|
1735
1750
|
*/
|
|
1736
1751
|
declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
|
|
1737
1752
|
|
|
1738
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, ActiveGuestsIcon, 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, type AvatarVariant, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BlockedGuestsIcon, BookingWarningNotification, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CancelledBookingNotification, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, 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, DeactivateIcon, DollarIcon, DoubleCheckIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestCheckInNotification, 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, NewBookingNotification, NoPetsIcon, NoReviewIcon, NoSmokingIcon, NotificationCancelledIcon, NotificationCheckoutIcon, NotificationQrCodeIcon, type NotificationStatusProps, NotificationStatusSkeleton, NotificationSuccessIcon, NotificationWarningIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QrKeyNotification, 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, SmartKeyIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StarOutlineIcon, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StatusIndicator, type StatusIndicatorProps, type StatusIndicatorStatus, StayHomeIcon, StepList, type StepListProps, StepPager, type StepPagerProps, SunIcon, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TotalGuestsIcon, TrashIcon, UnlockIcon, 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 };
|
|
1753
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, ActiveGuestsIcon, 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, type AvatarVariant, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, BackspaceIcon, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BlockedGuestsIcon, BookingWarningNotification, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CancelledBookingNotification, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, 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, DeactivateIcon, DollarIcon, DoubleCheckIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FingerprintIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GoogleBrandIcon, GooglePlayIcon, type GreyStep, GuestCheckInNotification, 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, NewBookingNotification, NoPetsIcon, NoReviewIcon, NoSmokingIcon, NotificationCancelledIcon, NotificationCheckoutIcon, NotificationQrCodeIcon, type NotificationStatusProps, NotificationStatusSkeleton, NotificationSuccessIcon, NotificationWarningIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QrKeyNotification, 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, SmartKeyIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StarOutlineIcon, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StatusIndicator, type StatusIndicatorProps, type StatusIndicatorStatus, StayHomeIcon, StepList, type StepListProps, StepPager, type StepPagerProps, SunIcon, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TotalGuestsIcon, TrashIcon, UnlockIcon, 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 };
|