pixelize-native-library 1.2.0 → 1.3.0
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/COMPONENT-GOTCHAS.md +309 -0
- package/DESIGN-GUIDE.md +215 -0
- package/README.md +44 -0
- package/lib/module/core/MODULE.md +23 -16
- package/lib/module/core/a11y/MODULE.md +7 -7
- package/lib/module/core/a11y/touchTarget.js +6 -0
- package/lib/module/core/blur/blur.js +17 -0
- package/lib/module/core/blur/index.js +4 -0
- package/lib/module/core/device/MODULE.md +5 -8
- package/lib/module/core/gradient/AccentGradientFill.js +83 -0
- package/lib/module/core/gradient/ShimmerGradientFill.js +79 -0
- package/lib/module/core/gradient/darkenHex.js +13 -0
- package/lib/module/core/gradient/gradientStops.js +27 -0
- package/lib/module/core/gradient/index.js +8 -0
- package/lib/module/core/gradient/withAlpha.js +19 -0
- package/lib/module/core/haptics/MODULE.md +8 -0
- package/lib/module/core/haptics/context.js +7 -0
- package/lib/module/core/haptics/haptics.js +17 -0
- package/lib/module/core/haptics/index.js +6 -0
- package/lib/module/core/haptics/useHaptics.js +73 -0
- package/lib/module/core/heading/MODULE.md +1 -1
- package/lib/module/core/icon/MODULE.md +22 -23
- package/lib/module/core/icon/icons/building-2.js +1 -1
- package/lib/module/core/icon/icons/trash.js +1 -1
- package/lib/module/core/icon/icons/trending-up.js +10 -0
- package/lib/module/core/icon/resolve.js +2 -0
- package/lib/module/core/list/VirtualList.js +16 -3
- package/lib/module/core/media/expoImage.js +6 -0
- package/lib/module/core/motion/MODULE.md +25 -16
- package/lib/module/core/motion/animatedComponents.js +8 -0
- package/lib/module/core/motion/config.js +4 -1
- package/lib/module/core/motion/index.js +4 -1
- package/lib/module/core/motion/motionAnimation.js +87 -0
- package/lib/module/core/motion/presets.js +81 -81
- package/lib/module/core/motion/reanimatedEasing.js +19 -0
- package/lib/module/core/motion/useAnimatedValue.js +2 -14
- package/lib/module/core/motion/useMotion.js +19 -20
- package/lib/module/core/motion/usePressState.js +140 -0
- package/lib/module/core/overlay/MODULE.md +17 -0
- package/lib/module/core/overlay/ModalPortalContext.js +8 -0
- package/lib/module/core/overlay/index.js +5 -0
- package/lib/module/core/overlay/renderWebPortal.js +6 -0
- package/lib/module/core/overlay/renderWebPortal.web.js +8 -0
- package/lib/module/core/screen-scroll/ScreenScrollContext.js +9 -0
- package/lib/module/core/screen-scroll/index.js +4 -0
- package/lib/module/core/slot/MODULE.md +9 -0
- package/lib/module/core/slot/index.js +4 -0
- package/lib/module/core/slot/nodeSlot.js +21 -0
- package/lib/module/core/style/focusRing.js +37 -0
- package/lib/module/core/style/index.js +2 -1
- package/lib/module/core/style/radius.js +4 -0
- package/lib/module/index.js +24 -4
- package/lib/module/modules/accordion/Accordion.js +115 -153
- package/lib/module/modules/accordion/Accordion.variants.js +6 -7
- package/lib/module/modules/accordion/AccordionProps.js +4 -0
- package/lib/module/modules/accordion/MODULE.md +15 -23
- package/lib/module/modules/alert-dialog/AlertDialog.js +25 -7
- package/lib/module/modules/alert-dialog/AlertDialog.variants.js +4 -0
- package/lib/module/modules/alert-dialog/AlertDialogProps.js +4 -0
- package/lib/module/modules/alert-dialog/MODULE.md +2 -1
- package/lib/module/modules/app-bar/AppBar.js +27 -22
- package/lib/module/modules/app-bar/AppBar.variants.js +6 -2
- package/lib/module/modules/app-bar/AppBarProps.js +4 -0
- package/lib/module/modules/app-bar/MODULE.md +1 -1
- package/lib/module/modules/app-switcher/AppSwitcher.js +30 -0
- package/lib/module/modules/app-switcher/AppSwitcherProps.js +4 -0
- package/lib/module/modules/app-switcher/MODULE.md +14 -0
- package/lib/module/modules/app-switcher/index.js +4 -0
- package/lib/module/modules/appearance-settings/AppearanceSettings.js +58 -0
- package/lib/module/modules/appearance-settings/AppearanceSettingsProps.js +4 -0
- package/lib/module/modules/appearance-settings/MODULE.md +9 -0
- package/lib/module/modules/appearance-settings/index.js +4 -0
- package/lib/module/modules/avatar/Avatar.js +7 -1
- package/lib/module/modules/avatar/Avatar.variants.js +3 -1
- package/lib/module/modules/avatar/AvatarProps.js +4 -0
- package/lib/module/modules/avatar/MODULE.md +3 -3
- package/lib/module/modules/avatar-group/AvatarGroup.js +10 -6
- package/lib/module/modules/avatar-group/AvatarGroup.variants.js +23 -0
- package/lib/module/modules/avatar-group/AvatarGroupProps.js +4 -0
- package/lib/module/modules/avatar-group/MODULE.md +17 -0
- package/lib/module/modules/backdrop/Backdrop.js +38 -0
- package/lib/module/modules/backdrop/BackdropProps.js +4 -0
- package/lib/module/modules/backdrop/MODULE.md +11 -0
- package/lib/module/modules/backdrop/index.js +4 -0
- package/lib/module/modules/badge/Badge.js +11 -5
- package/lib/module/modules/badge/Badge.variants.js +2 -1
- package/lib/module/modules/badge/BadgeProps.js +4 -0
- package/lib/module/modules/badge/MODULE.md +11 -9
- package/lib/module/modules/banner/Banner.js +106 -60
- package/lib/module/modules/banner/Banner.variants.js +5 -3
- package/lib/module/modules/banner/BannerProps.js +4 -0
- package/lib/module/modules/banner/MODULE.md +27 -33
- package/lib/module/modules/bottom-nav/BottomNav.js +6 -3
- package/lib/module/modules/bottom-nav/BottomNav.variants.js +11 -12
- package/lib/module/modules/bottom-nav/BottomNavIconWithBadge.js +18 -19
- package/lib/module/modules/bottom-nav/BottomNavOverflowSheet.js +35 -10
- package/lib/module/modules/bottom-nav/BottomNavProps.js +4 -0
- package/lib/module/modules/bottom-nav/BottomNavTab.js +38 -15
- package/lib/module/modules/bottom-nav/MODULE.md +14 -5
- package/lib/module/modules/bottom-sheet/BottomSheet.js +49 -13
- package/lib/module/modules/bottom-sheet/BottomSheet.variants.js +15 -5
- package/lib/module/modules/bottom-sheet/BottomSheetProps.js +4 -0
- package/lib/module/modules/bottom-sheet/MODULE.md +24 -3
- package/lib/module/modules/breadcrumbs/Breadcrumbs.js +54 -0
- package/lib/module/modules/breadcrumbs/Breadcrumbs.variants.js +28 -0
- package/lib/module/modules/breadcrumbs/BreadcrumbsProps.js +4 -0
- package/lib/module/modules/breadcrumbs/MODULE.md +13 -0
- package/lib/module/modules/breadcrumbs/index.js +4 -0
- package/lib/module/modules/button/Button.js +89 -101
- package/lib/module/modules/button/Button.variants.js +14 -17
- package/lib/module/modules/button/ButtonProps.js +4 -0
- package/lib/module/modules/button/MODULE.md +11 -10
- package/lib/module/modules/button-group/ButtonGroup.js +38 -38
- package/lib/module/modules/button-group/ButtonGroup.variants.js +23 -50
- package/lib/module/modules/button-group/ButtonGroupProps.js +4 -0
- package/lib/module/modules/button-group/MODULE.md +27 -32
- package/lib/module/modules/card/Card.js +140 -19
- package/lib/module/modules/card/Card.variants.js +1 -0
- package/lib/module/modules/card/CardProps.js +4 -0
- package/lib/module/modules/card/MODULE.md +17 -12
- package/lib/module/modules/charts/BarChart.js +35 -18
- package/lib/module/modules/charts/BarChartProps.js +4 -0
- package/lib/module/modules/charts/BarList.js +33 -19
- package/lib/module/modules/charts/BarListProps.js +4 -0
- package/lib/module/modules/charts/ChartLegendProps.js +4 -0
- package/lib/module/modules/charts/Charts.variants.js +69 -3
- package/lib/module/modules/charts/DonutChart.js +12 -6
- package/lib/module/modules/charts/DonutChartProps.js +4 -0
- package/lib/module/modules/charts/LineChart.js +8 -5
- package/lib/module/modules/charts/LineChartProps.js +4 -0
- package/lib/module/modules/charts/MODULE.md +33 -20
- package/lib/module/modules/charts/PieChart.js +19 -8
- package/lib/module/modules/charts/PieChartProps.js +4 -0
- package/lib/module/modules/charts/Sparkline.js +4 -2
- package/lib/module/modules/charts/SparklineProps.js +4 -0
- package/lib/module/modules/checkbox/Checkbox.js +30 -28
- package/lib/module/modules/checkbox/Checkbox.variants.js +4 -2
- package/lib/module/modules/checkbox/CheckboxProps.js +4 -0
- package/lib/module/modules/checkbox/MODULE.md +17 -6
- package/lib/module/modules/chip/Chip.js +116 -54
- package/lib/module/modules/chip/Chip.variants.js +18 -5
- package/lib/module/modules/chip/ChipGroup.js +16 -5
- package/lib/module/modules/chip/ChipGroupProps.js +4 -0
- package/lib/module/modules/chip/ChipProps.js +4 -0
- package/lib/module/modules/chip/MODULE.md +8 -8
- package/lib/module/modules/combobox/Combobox.js +111 -78
- package/lib/module/modules/combobox/Combobox.variants.js +24 -10
- package/lib/module/modules/combobox/ComboboxProps.js +4 -0
- package/lib/module/modules/combobox/MODULE.md +14 -10
- package/lib/module/modules/composer/Composer.js +20 -11
- package/lib/module/modules/composer/Composer.variants.js +2 -0
- package/lib/module/modules/composer/ComposerProps.js +4 -0
- package/lib/module/modules/composer/MODULE.md +7 -2
- package/lib/module/modules/copy-button/CopyButton.js +35 -9
- package/lib/module/modules/copy-button/CopyButton.variants.js +7 -4
- package/lib/module/modules/copy-button/CopyButtonProps.js +4 -0
- package/lib/module/modules/copy-button/MODULE.md +11 -8
- package/lib/module/modules/data-table/DataTable.js +37 -14
- package/lib/module/modules/data-table/DataTable.variants.js +5 -4
- package/lib/module/modules/data-table/DataTableProps.js +4 -0
- package/lib/module/modules/data-table/MODULE.md +6 -10
- package/lib/module/modules/date-picker/Calendar.js +78 -29
- package/lib/module/modules/date-picker/CalendarProps.js +4 -0
- package/lib/module/modules/date-picker/DatePicker.variants.js +26 -10
- package/lib/module/modules/date-picker/DatePickerProps.js +4 -0
- package/lib/module/modules/date-picker/DateRangePickerProps.js +4 -0
- package/lib/module/modules/date-picker/MODULE.md +29 -11
- package/lib/module/modules/date-picker/PickerField.js +13 -4
- package/lib/module/modules/date-picker/PickerFieldProps.js +4 -0
- package/lib/module/modules/date-picker/PickerShell.js +23 -12
- package/lib/module/modules/date-picker/PickerShellProps.js +4 -0
- package/lib/module/modules/date-picker/TimePicker.js +15 -19
- package/lib/module/modules/date-picker/TimePickerProps.js +4 -0
- package/lib/module/modules/description-list/DescriptionList.js +90 -0
- package/lib/module/modules/description-list/DescriptionList.variants.js +63 -0
- package/lib/module/modules/description-list/DescriptionListProps.js +4 -0
- package/lib/module/modules/description-list/MODULE.md +15 -0
- package/lib/module/modules/description-list/index.js +4 -0
- package/lib/module/modules/divider/Divider.variants.js +6 -5
- package/lib/module/modules/divider/DividerProps.js +4 -0
- package/lib/module/modules/divider/MODULE.md +1 -6
- package/lib/module/modules/document-viewer/DocumentViewer.js +35 -0
- package/lib/module/modules/document-viewer/DocumentViewerProps.js +4 -0
- package/lib/module/modules/document-viewer/MODULE.md +12 -0
- package/lib/module/modules/document-viewer/index.js +4 -0
- package/lib/module/modules/drawer/Drawer.js +62 -45
- package/lib/module/modules/drawer/Drawer.variants.js +4 -4
- package/lib/module/modules/drawer/DrawerProps.js +4 -0
- package/lib/module/modules/drawer/MODULE.md +14 -21
- package/lib/module/modules/empty-state/EmptyState.js +19 -29
- package/lib/module/modules/empty-state/EmptyState.variants.js +7 -0
- package/lib/module/modules/empty-state/EmptyStateProps.js +4 -0
- package/lib/module/modules/empty-state/MODULE.md +5 -9
- package/lib/module/modules/fab/Fab.js +47 -69
- package/lib/module/modules/fab/Fab.variants.js +25 -5
- package/lib/module/modules/fab/FabGroup.js +113 -89
- package/lib/module/modules/fab/FabGroupProps.js +4 -0
- package/lib/module/modules/fab/FabProps.js +4 -0
- package/lib/module/modules/fab/MODULE.md +17 -11
- package/lib/module/modules/field-select-modal/FieldSelectModal.js +52 -0
- package/lib/module/modules/field-select-modal/FieldSelectModalProps.js +4 -0
- package/lib/module/modules/field-select-modal/MODULE.md +13 -0
- package/lib/module/modules/field-select-modal/index.js +4 -0
- package/lib/module/modules/file-grid/FileGrid.js +31 -16
- package/lib/module/modules/file-grid/FileGrid.variants.js +2 -2
- package/lib/module/modules/file-grid/FileGridProps.js +4 -0
- package/lib/module/modules/file-grid/MODULE.md +29 -4
- package/lib/module/modules/file-upload/FileUpload.js +56 -15
- package/lib/module/modules/file-upload/FileUpload.variants.js +3 -1
- package/lib/module/modules/file-upload/FileUploadProps.js +4 -0
- package/lib/module/modules/file-upload/MODULE.md +10 -12
- package/lib/module/modules/filter-bar/FilterBar.js +68 -0
- package/lib/module/modules/filter-bar/FilterBarProps.js +4 -0
- package/lib/module/modules/filter-bar/MODULE.md +16 -0
- package/lib/module/modules/filter-bar/index.js +4 -0
- package/lib/module/modules/filter-sheet/FilterChip.js +13 -4
- package/lib/module/modules/filter-sheet/FilterChipProps.js +4 -0
- package/lib/module/modules/filter-sheet/FilterSheet.js +19 -14
- package/lib/module/modules/filter-sheet/FilterSheet.variants.js +2 -3
- package/lib/module/modules/filter-sheet/FilterSheetBody.js +39 -17
- package/lib/module/modules/filter-sheet/FilterSheetProps.js +2 -0
- package/lib/module/modules/filter-sheet/MODULE.md +4 -4
- package/lib/module/modules/folder-row/FolderRow.js +33 -19
- package/lib/module/modules/folder-row/FolderRow.variants.js +4 -2
- package/lib/module/modules/folder-row/FolderRowProps.js +4 -0
- package/lib/module/modules/folder-row/MODULE.md +6 -4
- package/lib/module/modules/form-field/FormField.js +9 -4
- package/lib/module/modules/form-field/FormFieldProps.js +4 -0
- package/lib/module/modules/form-field/MODULE.md +2 -7
- package/lib/module/modules/gantt/Gantt.js +52 -14
- package/lib/module/modules/gantt/Gantt.variants.js +47 -3
- package/lib/module/modules/gantt/GanttProps.js +4 -0
- package/lib/module/modules/gantt/MODULE.md +14 -4
- package/lib/module/modules/image-viewer/ImageViewer.js +37 -6
- package/lib/module/modules/image-viewer/ImageViewerProps.js +4 -0
- package/lib/module/modules/image-viewer/MODULE.md +7 -1
- package/lib/module/modules/input/Input.js +75 -27
- package/lib/module/modules/input/Input.variants.js +10 -10
- package/lib/module/modules/input/InputProps.js +4 -0
- package/lib/module/modules/input/MODULE.md +9 -14
- package/lib/module/modules/key-value/KeyValue.js +36 -0
- package/lib/module/modules/key-value/KeyValueProps.js +4 -0
- package/lib/module/modules/key-value/MODULE.md +16 -0
- package/lib/module/modules/key-value/index.js +4 -0
- package/lib/module/modules/limit-reached-modal/LimitReachedModalProps.js +4 -0
- package/lib/module/modules/limit-reached-modal/MODULE.md +1 -6
- package/lib/module/modules/list-item/ListItem.js +60 -27
- package/lib/module/modules/list-item/ListItem.variants.js +11 -2
- package/lib/module/modules/list-item/ListItemProps.js +4 -0
- package/lib/module/modules/list-item/MODULE.md +14 -10
- package/lib/module/modules/list-screen/ListScreen.js +63 -0
- package/lib/module/modules/list-screen/ListScreenProps.js +4 -0
- package/lib/module/modules/list-screen/MODULE.md +12 -0
- package/lib/module/modules/list-screen/index.js +4 -0
- package/lib/module/modules/markdown/MODULE.md +6 -5
- package/lib/module/modules/markdown/Markdown.js +57 -22
- package/lib/module/modules/markdown/Markdown.variants.js +2 -1
- package/lib/module/modules/markdown/MarkdownProps.js +4 -0
- package/lib/module/modules/menu/MODULE.md +11 -7
- package/lib/module/modules/menu/Menu.js +149 -76
- package/lib/module/modules/menu/Menu.variants.js +5 -5
- package/lib/module/modules/menu/MenuProps.js +4 -0
- package/lib/module/modules/message-bubble/MODULE.md +7 -3
- package/lib/module/modules/message-bubble/MessageBubble.js +4 -5
- package/lib/module/modules/message-bubble/MessageBubble.variants.js +5 -5
- package/lib/module/modules/message-bubble/MessageBubbleProps.js +4 -0
- package/lib/module/modules/modal/MODULE.md +63 -89
- package/lib/module/modules/modal/Modal.js +168 -47
- package/lib/module/modules/modal/Modal.variants.js +2 -2
- package/lib/module/modules/modal/ModalPortalContext.js +1 -22
- package/lib/module/modules/modal/ModalPortalProvider.js +1 -1
- package/lib/module/modules/modal/ModalPortalProviderProps.js +4 -0
- package/lib/module/modules/modal/ModalProps.js +4 -0
- package/lib/module/modules/modal/renderWebPortal.js +1 -15
- package/lib/module/modules/modal/renderWebPortal.web.js +1 -21
- package/lib/module/modules/more-items/MODULE.md +3 -0
- package/lib/module/modules/more-items/MoreItems.js +16 -7
- package/lib/module/modules/more-items/MoreItems.variants.js +6 -2
- package/lib/module/modules/more-items/MoreItemsProps.js +4 -0
- package/lib/module/modules/multi-select/MODULE.md +5 -6
- package/lib/module/modules/multi-select/MultiSelect.js +61 -24
- package/lib/module/modules/multi-select/MultiSelect.variants.js +8 -4
- package/lib/module/modules/multi-select/MultiSelectProps.js +4 -0
- package/lib/module/modules/notification-bell/MODULE.md +8 -0
- package/lib/module/modules/notification-bell/NotificationBell.js +43 -0
- package/lib/module/modules/notification-bell/NotificationBellProps.js +4 -0
- package/lib/module/modules/notification-bell/index.js +4 -0
- package/lib/module/modules/number-input/MODULE.md +10 -14
- package/lib/module/modules/number-input/NumberInput.js +100 -85
- package/lib/module/modules/number-input/NumberInput.variants.js +11 -10
- package/lib/module/modules/number-input/NumberInputProps.js +4 -0
- package/lib/module/modules/org-switcher/MODULE.md +13 -8
- package/lib/module/modules/org-switcher/OrgSwitcher.js +34 -21
- package/lib/module/modules/org-switcher/OrgSwitcher.variants.js +8 -4
- package/lib/module/modules/org-switcher/OrgSwitcherProps.js +4 -0
- package/lib/module/modules/pagination/MODULE.md +4 -7
- package/lib/module/modules/pagination/Pagination.js +97 -48
- package/lib/module/modules/pagination/Pagination.variants.js +6 -4
- package/lib/module/modules/pagination/PaginationControls.js +58 -36
- package/lib/module/modules/pagination/PaginationProps.js +4 -0
- package/lib/module/modules/person-chip/MODULE.md +11 -0
- package/lib/module/modules/person-chip/PersonChip.js +65 -0
- package/lib/module/modules/person-chip/PersonChipProps.js +4 -0
- package/lib/module/modules/person-chip/index.js +4 -0
- package/lib/module/modules/pin-input/MODULE.md +12 -19
- package/lib/module/modules/pin-input/PinInput.js +10 -3
- package/lib/module/modules/pin-input/PinInput.variants.js +4 -4
- package/lib/module/modules/pin-input/PinInputProps.js +4 -0
- package/lib/module/modules/plan-badge/MODULE.md +4 -0
- package/lib/module/modules/plan-badge/PlanBadge.js +25 -0
- package/lib/module/modules/plan-badge/PlanBadgeProps.js +4 -0
- package/lib/module/modules/plan-badge/index.js +4 -0
- package/lib/module/modules/plan-pill/MODULE.md +4 -0
- package/lib/module/modules/plan-pill/PlanPill.js +24 -0
- package/lib/module/modules/plan-pill/PlanPillProps.js +4 -0
- package/lib/module/modules/plan-pill/index.js +4 -0
- package/lib/module/modules/progress-bar/MODULE.md +12 -14
- package/lib/module/modules/progress-bar/ProgressBar.js +28 -36
- package/lib/module/modules/progress-bar/ProgressBarProps.js +4 -0
- package/lib/module/modules/radio-group/MODULE.md +7 -13
- package/lib/module/modules/radio-group/RadioGroup.js +125 -65
- package/lib/module/modules/radio-group/RadioGroup.variants.js +4 -4
- package/lib/module/modules/radio-group/RadioGroupProps.js +4 -0
- package/lib/module/modules/reorder/MODULE.md +7 -9
- package/lib/module/modules/reorder/Reorder.js +12 -6
- package/lib/module/modules/reorder/Reorder.variants.js +7 -6
- package/lib/module/modules/reorder/ReorderProps.js +4 -0
- package/lib/module/modules/rich-text/MODULE.md +5 -3
- package/lib/module/modules/rich-text/RichText.js +42 -22
- package/lib/module/modules/rich-text/RichTextProps.js +4 -0
- package/lib/module/modules/rich-text-editor/MODULE.md +8 -15
- package/lib/module/modules/rich-text-editor/RichTextEditor.js +13 -5
- package/lib/module/modules/rich-text-editor/RichTextEditor.variants.js +9 -6
- package/lib/module/modules/rich-text-editor/RichTextEditorProps.js +4 -0
- package/lib/module/modules/save-bar/MODULE.md +3 -0
- package/lib/module/modules/save-bar/SaveBar.js +49 -0
- package/lib/module/modules/save-bar/SaveBarProps.js +4 -0
- package/lib/module/modules/save-bar/index.js +4 -0
- package/lib/module/modules/screen/MODULE.md +14 -5
- package/lib/module/modules/screen/Screen.js +109 -33
- package/lib/module/modules/screen/Screen.variants.js +18 -0
- package/lib/module/modules/screen/ScreenProps.js +4 -0
- package/lib/module/modules/search-bar/MODULE.md +9 -8
- package/lib/module/modules/search-bar/SearchBar.js +49 -27
- package/lib/module/modules/search-bar/SearchBar.variants.js +13 -12
- package/lib/module/modules/search-bar/SearchBarProps.js +4 -0
- package/lib/module/modules/section/MODULE.md +3 -1
- package/lib/module/modules/section/Section.js +14 -16
- package/lib/module/modules/section/Section.variants.js +1 -6
- package/lib/module/modules/section/SectionProps.js +4 -0
- package/lib/module/modules/section-list/MODULE.md +21 -1
- package/lib/module/modules/section-list/SectionListProps.js +4 -0
- package/lib/module/modules/segmented-control/MODULE.md +30 -26
- package/lib/module/modules/segmented-control/SegmentedControl.js +124 -70
- package/lib/module/modules/segmented-control/SegmentedControl.variants.js +11 -43
- package/lib/module/modules/segmented-control/SegmentedControlProps.js +4 -0
- package/lib/module/modules/select/MODULE.md +34 -10
- package/lib/module/modules/select/Select.js +74 -34
- package/lib/module/modules/select/Select.variants.js +39 -16
- package/lib/module/modules/select/SelectProps.js +4 -0
- package/lib/module/modules/setting-row/MODULE.md +8 -0
- package/lib/module/modules/setting-row/SettingRow.js +50 -0
- package/lib/module/modules/setting-row/SettingRowProps.js +4 -0
- package/lib/module/modules/setting-row/index.js +4 -0
- package/lib/module/modules/settings-section/MODULE.md +7 -0
- package/lib/module/modules/settings-section/SettingsSection.js +37 -0
- package/lib/module/modules/settings-section/SettingsSectionProps.js +4 -0
- package/lib/module/modules/settings-section/index.js +4 -0
- package/lib/module/modules/skeleton/MODULE.md +25 -28
- package/lib/module/modules/skeleton/Skeleton.js +54 -53
- package/lib/module/modules/skeleton/Skeleton.variants.js +11 -74
- package/lib/module/modules/skeleton/SkeletonProps.js +4 -0
- package/lib/module/modules/slider/MODULE.md +4 -1
- package/lib/module/modules/slider/Slider.js +7 -6
- package/lib/module/modules/slider/Slider.variants.js +4 -2
- package/lib/module/modules/slider/SliderProps.js +4 -0
- package/lib/module/modules/spinner/MODULE.md +3 -2
- package/lib/module/modules/spinner/SpinnerProps.js +4 -0
- package/lib/module/modules/stage-progress/MODULE.md +32 -14
- package/lib/module/modules/stage-progress/StageProgress.js +136 -59
- package/lib/module/modules/stage-progress/StageProgress.variants.js +57 -20
- package/lib/module/modules/stage-progress/StageProgressProps.js +4 -0
- package/lib/module/modules/stat-grid/MODULE.md +11 -0
- package/lib/module/modules/stat-grid/StatGrid.js +34 -0
- package/lib/module/modules/stat-grid/StatGridProps.js +4 -0
- package/lib/module/modules/stat-grid/index.js +4 -0
- package/lib/module/modules/stat-tile/MODULE.md +14 -1
- package/lib/module/modules/stat-tile/StatTile.js +51 -21
- package/lib/module/modules/stat-tile/StatTile.variants.js +7 -0
- package/lib/module/modules/stat-tile/StatTileProps.js +4 -0
- package/lib/module/modules/state-block/MODULE.md +12 -3
- package/lib/module/modules/state-block/StateBlock.js +54 -41
- package/lib/module/modules/state-block/StateBlock.variants.js +7 -0
- package/lib/module/modules/state-block/StateBlockProps.js +4 -0
- package/lib/module/modules/stepper/MODULE.md +2 -0
- package/lib/module/modules/stepper/Stepper.js +22 -21
- package/lib/module/modules/stepper/Stepper.variants.js +2 -0
- package/lib/module/modules/stepper/StepperProps.js +4 -0
- package/lib/module/modules/surface/MODULE.md +57 -0
- package/lib/module/modules/surface/Surface.js +47 -0
- package/lib/module/modules/surface/Surface.variants.js +33 -0
- package/lib/module/modules/surface/SurfaceProps.js +4 -0
- package/lib/module/modules/surface/index.js +4 -0
- package/lib/module/modules/swipeable-row/MODULE.md +12 -2
- package/lib/module/modules/swipeable-row/SwipeableRow.js +57 -13
- package/lib/module/modules/swipeable-row/SwipeableRowProps.js +4 -0
- package/lib/module/modules/switch/MODULE.md +7 -2
- package/lib/module/modules/switch/Switch.js +49 -9
- package/lib/module/modules/switch/Switch.variants.js +2 -3
- package/lib/module/modules/switch/SwitchProps.js +4 -0
- package/lib/module/modules/tabs/MODULE.md +11 -14
- package/lib/module/modules/tabs/Tabs.js +115 -51
- package/lib/module/modules/tabs/Tabs.variants.js +6 -6
- package/lib/module/modules/tabs/TabsProps.js +4 -0
- package/lib/module/modules/text/MODULE.md +25 -14
- package/lib/module/modules/text/Text.js +18 -6
- package/lib/module/modules/text/Text.variants.js +116 -44
- package/lib/module/modules/text/TextProps.js +4 -0
- package/lib/module/modules/textarea/MODULE.md +12 -16
- package/lib/module/modules/textarea/Textarea.js +15 -12
- package/lib/module/modules/textarea/Textarea.variants.js +6 -2
- package/lib/module/modules/textarea/TextareaProps.js +4 -0
- package/lib/module/modules/timeline/MODULE.md +8 -17
- package/lib/module/modules/timeline/Timeline.js +79 -22
- package/lib/module/modules/timeline/Timeline.variants.js +2 -0
- package/lib/module/modules/timeline/TimelineProps.js +4 -0
- package/lib/module/modules/toast/MODULE.md +15 -18
- package/lib/module/modules/toast/Toast.js +75 -55
- package/lib/module/modules/toast/Toast.variants.js +7 -5
- package/lib/module/modules/tooltip/MODULE.md +22 -22
- package/lib/module/modules/tooltip/Tooltip.js +77 -16
- package/lib/module/modules/tooltip/Tooltip.variants.js +8 -1
- package/lib/module/modules/tooltip/TooltipProps.js +4 -0
- package/lib/module/modules/typing-indicator/MODULE.md +1 -1
- package/lib/module/modules/typing-indicator/TypingIndicator.js +78 -51
- package/lib/module/modules/typing-indicator/TypingIndicatorProps.js +4 -0
- package/lib/module/modules/upgrade-button/MODULE.md +3 -0
- package/lib/module/modules/upgrade-button/UpgradeButton.js +23 -0
- package/lib/module/modules/upgrade-button/UpgradeButtonProps.js +4 -0
- package/lib/module/modules/upgrade-button/index.js +4 -0
- package/lib/module/theme/MODULE.md +5 -1
- package/lib/module/theme/platform/MODULE.md +16 -8
- package/lib/module/theme/platform/elevation.native.js +1 -51
- package/lib/module/theme/platform/floatingSurface.native.js +75 -0
- package/lib/module/theme/platform/highlight.native.js +59 -0
- package/lib/module/theme/platform/index.js +5 -0
- package/lib/module/theme/platform/motion.native.js +31 -11
- package/lib/module/theme/platform/stateLayer.native.js +14 -0
- package/lib/module/theme/platform/surfaces.native.js +11 -0
- package/lib/module/theme/provider/PixelizeProvider.js +18 -5
- package/lib/module/theme/tokens/MODULE.md +36 -28
- package/lib/module/theme/tokens/THEME-CONTRACT.md +187 -0
- package/lib/module/theme/tokens/assertPalette.js +29 -0
- package/lib/module/theme/tokens/brands/emerald/palette.light.js +12 -9
- package/lib/module/theme/tokens/brands/lavender/palette.light.js +7 -6
- package/lib/module/theme/tokens/brands/meadow/palette.light.js +9 -8
- package/lib/module/theme/tokens/brands/radiant/palette.light.js +10 -9
- package/lib/module/theme/tokens/brands/rosewood/palette.light.js +10 -9
- package/lib/module/theme/tokens/brands/skyline/palette.light.js +9 -8
- package/lib/module/theme/tokens/brands/slate/palette.light.js +11 -13
- package/lib/module/theme/tokens/brands/storefront/palette.light.js +7 -6
- package/lib/module/theme/tokens/brands/zinc/palette.dark.js +3 -2
- package/lib/module/theme/tokens/brands/zinc/palette.light.js +3 -2
- package/lib/module/theme/tokens/builders/accentText.js +10 -1
- package/lib/module/theme/tokens/builders/buildBrandScale.js +42 -0
- package/lib/module/theme/tokens/builders/buildDarkPalette.js +3 -2
- package/lib/module/theme/tokens/builders/finalizePalette.js +34 -0
- package/lib/module/theme/tokens/builders/gradientInk.js +23 -0
- package/lib/module/theme/tokens/builders/liftToContrast.js +44 -0
- package/lib/module/theme/tokens/builders/paletteFromAccent.js +30 -0
- package/lib/module/theme/tokens/builders/placeholderInk.js +22 -0
- package/lib/module/theme/tokens/builders/semanticText.js +14 -0
- package/lib/module/theme/tokens/builders/skeletonShimmer.js +22 -0
- package/lib/module/theme/tokens/builders/surfaceRungs.js +44 -0
- package/lib/module/theme/tokens/index.js +8 -0
- package/lib/module/theme/tokens/primitives/controlSizes.js +16 -0
- package/lib/module/theme/tokens/primitives/index.js +1 -0
- package/lib/module/theme/tokens/roles/index.js +7 -0
- package/lib/typescript/core/a11y/touchTarget.d.ts +4 -0
- package/lib/typescript/core/blur/blur.d.ts +14 -0
- package/lib/typescript/core/blur/index.d.ts +3 -0
- package/lib/typescript/core/gradient/AccentGradientFill.d.ts +7 -0
- package/lib/typescript/core/gradient/ShimmerGradientFill.d.ts +8 -0
- package/lib/typescript/core/gradient/darkenHex.d.ts +2 -0
- package/lib/typescript/core/gradient/gradientStops.d.ts +10 -0
- package/lib/typescript/core/gradient/index.d.ts +6 -0
- package/lib/typescript/core/gradient/withAlpha.d.ts +2 -0
- package/lib/typescript/core/haptics/context.d.ts +3 -0
- package/lib/typescript/core/haptics/haptics.d.ts +33 -0
- package/lib/typescript/core/haptics/index.d.ts +6 -0
- package/lib/typescript/core/haptics/useHaptics.d.ts +12 -0
- package/lib/typescript/core/icon/icons/trending-up.d.ts +3 -0
- package/lib/typescript/core/icon/names.d.ts +1 -1
- package/lib/typescript/core/list/VirtualList.d.ts +6 -1
- package/lib/typescript/core/media/expoImage.d.ts +15 -6
- package/lib/typescript/core/media/pickers.d.ts +5 -5
- package/lib/typescript/core/motion/animatedComponents.d.ts +4 -0
- package/lib/typescript/core/motion/config.d.ts +2 -1
- package/lib/typescript/core/motion/index.d.ts +5 -1
- package/lib/typescript/core/motion/motionAnimation.d.ts +12 -0
- package/lib/typescript/core/motion/presets.d.ts +5 -36
- package/lib/typescript/core/motion/reanimatedEasing.d.ts +4 -0
- package/lib/typescript/core/motion/useAnimatedValue.d.ts +2 -10
- package/lib/typescript/core/motion/useMotion.d.ts +4 -13
- package/lib/typescript/core/motion/usePressState.d.ts +20 -0
- package/lib/typescript/core/overlay/ModalPortalContext.d.ts +2 -0
- package/lib/typescript/core/overlay/index.d.ts +3 -0
- package/lib/typescript/core/overlay/renderWebPortal.d.ts +3 -0
- package/lib/typescript/core/overlay/renderWebPortal.web.d.ts +3 -0
- package/lib/typescript/core/screen-scroll/ScreenScrollContext.d.ts +8 -0
- package/lib/typescript/core/screen-scroll/index.d.ts +3 -0
- package/lib/typescript/core/slot/index.d.ts +2 -0
- package/lib/typescript/core/slot/nodeSlot.d.ts +5 -0
- package/lib/typescript/core/style/focusRing.d.ts +10 -0
- package/lib/typescript/core/style/index.d.ts +2 -1
- package/lib/typescript/core/style/radius.d.ts +2 -0
- package/lib/typescript/index.d.ts +52 -12
- package/lib/typescript/modules/accordion/Accordion.d.ts +2 -37
- package/lib/typescript/modules/accordion/Accordion.variants.d.ts +4 -5
- package/lib/typescript/modules/accordion/AccordionProps.d.ts +49 -0
- package/lib/typescript/modules/accordion/index.d.ts +1 -1
- package/lib/typescript/modules/alert-dialog/AlertDialog.d.ts +2 -15
- package/lib/typescript/modules/alert-dialog/AlertDialog.variants.d.ts +1 -0
- package/lib/typescript/modules/alert-dialog/AlertDialogProps.d.ts +20 -0
- package/lib/typescript/modules/alert-dialog/index.d.ts +1 -1
- package/lib/typescript/modules/app-bar/AppBar.d.ts +1 -20
- package/lib/typescript/modules/app-bar/AppBar.variants.d.ts +4 -0
- package/lib/typescript/modules/app-bar/AppBarProps.d.ts +25 -0
- package/lib/typescript/modules/app-bar/index.d.ts +1 -1
- package/lib/typescript/modules/app-switcher/AppSwitcher.d.ts +3 -0
- package/lib/typescript/modules/app-switcher/AppSwitcherProps.d.ts +17 -0
- package/lib/typescript/modules/app-switcher/index.d.ts +3 -0
- package/lib/typescript/modules/appearance-settings/AppearanceSettings.d.ts +3 -0
- package/lib/typescript/modules/appearance-settings/AppearanceSettingsProps.d.ts +15 -0
- package/lib/typescript/modules/appearance-settings/index.d.ts +3 -0
- package/lib/typescript/modules/avatar/Avatar.d.ts +2 -33
- package/lib/typescript/modules/avatar/Avatar.variants.d.ts +3 -1
- package/lib/typescript/modules/avatar/AvatarProps.d.ts +23 -0
- package/lib/typescript/modules/avatar/index.d.ts +1 -1
- package/lib/typescript/modules/avatar-group/AvatarGroup.d.ts +5 -20
- package/lib/typescript/modules/avatar-group/AvatarGroup.variants.d.ts +19 -0
- package/lib/typescript/modules/avatar-group/AvatarGroupProps.d.ts +27 -0
- package/lib/typescript/modules/avatar-group/index.d.ts +1 -1
- package/lib/typescript/modules/backdrop/Backdrop.d.ts +3 -0
- package/lib/typescript/modules/backdrop/BackdropProps.d.ts +11 -0
- package/lib/typescript/modules/backdrop/index.d.ts +3 -0
- package/lib/typescript/modules/badge/Badge.d.ts +2 -14
- package/lib/typescript/modules/badge/BadgeProps.d.ts +17 -0
- package/lib/typescript/modules/badge/index.d.ts +1 -1
- package/lib/typescript/modules/banner/Banner.d.ts +1 -20
- package/lib/typescript/modules/banner/Banner.variants.d.ts +2 -0
- package/lib/typescript/modules/banner/BannerProps.d.ts +29 -0
- package/lib/typescript/modules/banner/index.d.ts +2 -1
- package/lib/typescript/modules/bottom-nav/BottomNav.d.ts +1 -34
- package/lib/typescript/modules/bottom-nav/BottomNav.variants.d.ts +3 -4
- package/lib/typescript/modules/bottom-nav/BottomNavProps.d.ts +29 -0
- package/lib/typescript/modules/bottom-nav/index.d.ts +2 -1
- package/lib/typescript/modules/bottom-sheet/BottomSheet.d.ts +1 -13
- package/lib/typescript/modules/bottom-sheet/BottomSheet.variants.d.ts +3 -1
- package/lib/typescript/modules/bottom-sheet/BottomSheetProps.d.ts +17 -0
- package/lib/typescript/modules/bottom-sheet/index.d.ts +1 -1
- package/lib/typescript/modules/breadcrumbs/Breadcrumbs.d.ts +3 -0
- package/lib/typescript/modules/breadcrumbs/Breadcrumbs.variants.d.ts +6 -0
- package/lib/typescript/modules/breadcrumbs/BreadcrumbsProps.d.ts +18 -0
- package/lib/typescript/modules/breadcrumbs/index.d.ts +3 -0
- package/lib/typescript/modules/button/Button.d.ts +1 -60
- package/lib/typescript/modules/button/Button.variants.d.ts +11 -15
- package/lib/typescript/modules/button/ButtonProps.d.ts +47 -0
- package/lib/typescript/modules/button/index.d.ts +1 -1
- package/lib/typescript/modules/button-group/ButtonGroup.d.ts +2 -36
- package/lib/typescript/modules/button-group/ButtonGroup.variants.d.ts +24 -59
- package/lib/typescript/modules/button-group/ButtonGroupProps.d.ts +21 -0
- package/lib/typescript/modules/button-group/index.d.ts +1 -1
- package/lib/typescript/modules/card/Card.d.ts +4 -15
- package/lib/typescript/modules/card/CardProps.d.ts +27 -0
- package/lib/typescript/modules/card/index.d.ts +1 -1
- package/lib/typescript/modules/charts/BarChart.d.ts +1 -24
- package/lib/typescript/modules/charts/BarChartProps.d.ts +36 -0
- package/lib/typescript/modules/charts/BarList.d.ts +1 -16
- package/lib/typescript/modules/charts/BarListProps.d.ts +22 -0
- package/lib/typescript/modules/charts/ChartLegend.d.ts +2 -14
- package/lib/typescript/modules/charts/ChartLegendProps.d.ts +19 -0
- package/lib/typescript/modules/charts/Charts.variants.d.ts +31 -1
- package/lib/typescript/modules/charts/DonutChart.d.ts +1 -19
- package/lib/typescript/modules/charts/DonutChartProps.d.ts +27 -0
- package/lib/typescript/modules/charts/LineChart.d.ts +1 -28
- package/lib/typescript/modules/charts/LineChartProps.d.ts +40 -0
- package/lib/typescript/modules/charts/PieChart.d.ts +1 -16
- package/lib/typescript/modules/charts/PieChartProps.d.ts +24 -0
- package/lib/typescript/modules/charts/Sparkline.d.ts +1 -11
- package/lib/typescript/modules/charts/SparklineProps.d.ts +17 -0
- package/lib/typescript/modules/charts/index.d.ts +6 -6
- package/lib/typescript/modules/checkbox/Checkbox.d.ts +1 -33
- package/lib/typescript/modules/checkbox/Checkbox.variants.d.ts +2 -1
- package/lib/typescript/modules/checkbox/CheckboxProps.d.ts +27 -0
- package/lib/typescript/modules/checkbox/index.d.ts +1 -1
- package/lib/typescript/modules/chip/Chip.d.ts +1 -28
- package/lib/typescript/modules/chip/Chip.variants.d.ts +8 -3
- package/lib/typescript/modules/chip/ChipGroup.d.ts +1 -14
- package/lib/typescript/modules/chip/ChipGroupProps.d.ts +16 -0
- package/lib/typescript/modules/chip/ChipProps.d.ts +27 -0
- package/lib/typescript/modules/chip/index.d.ts +3 -3
- package/lib/typescript/modules/combobox/Combobox.d.ts +2 -45
- package/lib/typescript/modules/combobox/Combobox.variants.d.ts +20 -5
- package/lib/typescript/modules/combobox/ComboboxProps.d.ts +40 -0
- package/lib/typescript/modules/combobox/index.d.ts +1 -1
- package/lib/typescript/modules/composer/Composer.d.ts +1 -18
- package/lib/typescript/modules/composer/ComposerProps.d.ts +20 -0
- package/lib/typescript/modules/composer/index.d.ts +1 -1
- package/lib/typescript/modules/copy-button/CopyButton.d.ts +1 -15
- package/lib/typescript/modules/copy-button/CopyButton.variants.d.ts +2 -1
- package/lib/typescript/modules/copy-button/CopyButtonProps.d.ts +18 -0
- package/lib/typescript/modules/copy-button/index.d.ts +1 -1
- package/lib/typescript/modules/data-table/DataTable.d.ts +2 -31
- package/lib/typescript/modules/data-table/DataTable.variants.d.ts +3 -2
- package/lib/typescript/modules/data-table/DataTableProps.d.ts +43 -0
- package/lib/typescript/modules/data-table/index.d.ts +1 -1
- package/lib/typescript/modules/date-picker/Calendar.d.ts +1 -23
- package/lib/typescript/modules/date-picker/CalendarProps.d.ts +31 -0
- package/lib/typescript/modules/date-picker/DatePicker.d.ts +1 -27
- package/lib/typescript/modules/date-picker/DatePicker.variants.d.ts +17 -4
- package/lib/typescript/modules/date-picker/DatePickerProps.d.ts +33 -0
- package/lib/typescript/modules/date-picker/DateRangePicker.d.ts +1 -23
- package/lib/typescript/modules/date-picker/DateRangePickerProps.d.ts +27 -0
- package/lib/typescript/modules/date-picker/PickerField.d.ts +1 -17
- package/lib/typescript/modules/date-picker/PickerFieldProps.d.ts +19 -0
- package/lib/typescript/modules/date-picker/PickerShell.d.ts +1 -12
- package/lib/typescript/modules/date-picker/PickerShellProps.d.ts +16 -0
- package/lib/typescript/modules/date-picker/TimePicker.d.ts +2 -16
- package/lib/typescript/modules/date-picker/TimePickerProps.d.ts +14 -0
- package/lib/typescript/modules/date-picker/index.d.ts +4 -4
- package/lib/typescript/modules/description-list/DescriptionList.d.ts +8 -0
- package/lib/typescript/modules/description-list/DescriptionList.variants.d.ts +29 -0
- package/lib/typescript/modules/description-list/DescriptionListProps.d.ts +23 -0
- package/lib/typescript/modules/description-list/index.d.ts +4 -0
- package/lib/typescript/modules/divider/Divider.d.ts +1 -8
- package/lib/typescript/modules/divider/Divider.variants.d.ts +4 -4
- package/lib/typescript/modules/divider/DividerProps.d.ts +11 -0
- package/lib/typescript/modules/divider/index.d.ts +1 -1
- package/lib/typescript/modules/document-viewer/DocumentViewer.d.ts +3 -0
- package/lib/typescript/modules/document-viewer/DocumentViewerProps.d.ts +13 -0
- package/lib/typescript/modules/document-viewer/index.d.ts +3 -0
- package/lib/typescript/modules/drawer/Drawer.d.ts +2 -7
- package/lib/typescript/modules/drawer/DrawerProps.d.ts +9 -0
- package/lib/typescript/modules/drawer/index.d.ts +1 -1
- package/lib/typescript/modules/empty-state/EmptyState.d.ts +1 -15
- package/lib/typescript/modules/empty-state/EmptyState.variants.d.ts +1 -0
- package/lib/typescript/modules/empty-state/EmptyStateProps.d.ts +24 -0
- package/lib/typescript/modules/empty-state/index.d.ts +1 -1
- package/lib/typescript/modules/fab/Fab.d.ts +1 -51
- package/lib/typescript/modules/fab/Fab.variants.d.ts +5 -2
- package/lib/typescript/modules/fab/FabGroup.d.ts +1 -34
- package/lib/typescript/modules/fab/FabGroupProps.d.ts +34 -0
- package/lib/typescript/modules/fab/FabProps.d.ts +50 -0
- package/lib/typescript/modules/fab/index.d.ts +2 -2
- package/lib/typescript/modules/field-select-modal/FieldSelectModal.d.ts +3 -0
- package/lib/typescript/modules/field-select-modal/FieldSelectModalProps.d.ts +20 -0
- package/lib/typescript/modules/field-select-modal/index.d.ts +3 -0
- package/lib/typescript/modules/file-grid/FileGrid.d.ts +1 -18
- package/lib/typescript/modules/file-grid/FileGridProps.d.ts +23 -0
- package/lib/typescript/modules/file-grid/index.d.ts +1 -1
- package/lib/typescript/modules/file-upload/FileUpload.d.ts +1 -27
- package/lib/typescript/modules/file-upload/FileUploadProps.d.ts +27 -0
- package/lib/typescript/modules/file-upload/index.d.ts +1 -1
- package/lib/typescript/modules/filter-bar/FilterBar.d.ts +3 -0
- package/lib/typescript/modules/filter-bar/FilterBarProps.d.ts +17 -0
- package/lib/typescript/modules/filter-bar/index.d.ts +3 -0
- package/lib/typescript/modules/filter-sheet/FilterChip.d.ts +1 -9
- package/lib/typescript/modules/filter-sheet/FilterChipProps.d.ts +11 -0
- package/lib/typescript/modules/filter-sheet/FilterSheet.d.ts +1 -32
- package/lib/typescript/modules/filter-sheet/FilterSheet.variants.d.ts +2 -1
- package/lib/typescript/modules/filter-sheet/FilterSheetBody.d.ts +1 -1
- package/lib/typescript/modules/filter-sheet/FilterSheetProps.d.ts +36 -0
- package/lib/typescript/modules/filter-sheet/filterSheet.helpers.d.ts +1 -1
- package/lib/typescript/modules/filter-sheet/index.d.ts +2 -2
- package/lib/typescript/modules/folder-row/FolderRow.d.ts +1 -19
- package/lib/typescript/modules/folder-row/FolderRowProps.d.ts +17 -0
- package/lib/typescript/modules/folder-row/index.d.ts +1 -1
- package/lib/typescript/modules/form-field/FormField.d.ts +2 -17
- package/lib/typescript/modules/form-field/FormFieldProps.d.ts +23 -0
- package/lib/typescript/modules/form-field/index.d.ts +1 -1
- package/lib/typescript/modules/gantt/Gantt.d.ts +2 -9
- package/lib/typescript/modules/gantt/Gantt.variants.d.ts +29 -2
- package/lib/typescript/modules/gantt/GanttProps.d.ts +13 -0
- package/lib/typescript/modules/gantt/index.d.ts +1 -1
- package/lib/typescript/modules/image-viewer/ImageViewer.d.ts +2 -15
- package/lib/typescript/modules/image-viewer/ImageViewerProps.d.ts +16 -0
- package/lib/typescript/modules/image-viewer/index.d.ts +2 -1
- package/lib/typescript/modules/input/Input.d.ts +2 -30
- package/lib/typescript/modules/input/Input.variants.d.ts +8 -8
- package/lib/typescript/modules/input/InputProps.d.ts +43 -0
- package/lib/typescript/modules/input/index.d.ts +1 -1
- package/lib/typescript/modules/key-value/KeyValue.d.ts +3 -0
- package/lib/typescript/modules/key-value/KeyValueProps.d.ts +11 -0
- package/lib/typescript/modules/key-value/index.d.ts +3 -0
- package/lib/typescript/modules/limit-reached-modal/LimitReachedModal.d.ts +1 -17
- package/lib/typescript/modules/limit-reached-modal/LimitReachedModalProps.d.ts +24 -0
- package/lib/typescript/modules/limit-reached-modal/index.d.ts +1 -1
- package/lib/typescript/modules/list-item/ListItem.d.ts +3 -17
- package/lib/typescript/modules/list-item/ListItem.variants.d.ts +137 -1
- package/lib/typescript/modules/list-item/ListItemProps.d.ts +22 -0
- package/lib/typescript/modules/list-item/index.d.ts +1 -1
- package/lib/typescript/modules/list-screen/ListScreen.d.ts +5 -0
- package/lib/typescript/modules/list-screen/ListScreenProps.d.ts +17 -0
- package/lib/typescript/modules/list-screen/index.d.ts +3 -0
- package/lib/typescript/modules/markdown/Markdown.d.ts +8 -8
- package/lib/typescript/modules/markdown/MarkdownProps.d.ts +12 -0
- package/lib/typescript/modules/markdown/index.d.ts +1 -1
- package/lib/typescript/modules/menu/Menu.d.ts +2 -19
- package/lib/typescript/modules/menu/Menu.variants.d.ts +2 -1
- package/lib/typescript/modules/menu/MenuProps.d.ts +26 -0
- package/lib/typescript/modules/menu/index.d.ts +1 -1
- package/lib/typescript/modules/message-bubble/MessageBubble.d.ts +3 -11
- package/lib/typescript/modules/message-bubble/MessageBubble.variants.d.ts +1 -2
- package/lib/typescript/modules/message-bubble/MessageBubbleProps.d.ts +12 -0
- package/lib/typescript/modules/message-bubble/index.d.ts +1 -1
- package/lib/typescript/modules/modal/Modal.d.ts +2 -10
- package/lib/typescript/modules/modal/ModalPortalContext.d.ts +1 -1
- package/lib/typescript/modules/modal/ModalPortalProvider.d.ts +2 -12
- package/lib/typescript/modules/modal/ModalPortalProviderProps.d.ts +8 -0
- package/lib/typescript/modules/modal/ModalProps.d.ts +22 -0
- package/lib/typescript/modules/modal/index.d.ts +2 -2
- package/lib/typescript/modules/modal/renderWebPortal.d.ts +1 -14
- package/lib/typescript/modules/modal/renderWebPortal.web.d.ts +1 -18
- package/lib/typescript/modules/more-items/MoreItems.d.ts +2 -10
- package/lib/typescript/modules/more-items/MoreItems.variants.d.ts +3 -1
- package/lib/typescript/modules/more-items/MoreItemsProps.d.ts +14 -0
- package/lib/typescript/modules/more-items/index.d.ts +1 -1
- package/lib/typescript/modules/multi-select/MultiSelect.d.ts +1 -19
- package/lib/typescript/modules/multi-select/MultiSelect.variants.d.ts +2 -1
- package/lib/typescript/modules/multi-select/MultiSelectProps.d.ts +29 -0
- package/lib/typescript/modules/multi-select/index.d.ts +1 -1
- package/lib/typescript/modules/notification-bell/NotificationBell.d.ts +3 -0
- package/lib/typescript/modules/notification-bell/NotificationBellProps.d.ts +10 -0
- package/lib/typescript/modules/notification-bell/index.d.ts +3 -0
- package/lib/typescript/modules/number-input/NumberInput.d.ts +1 -26
- package/lib/typescript/modules/number-input/NumberInput.variants.d.ts +9 -8
- package/lib/typescript/modules/number-input/NumberInputProps.d.ts +23 -0
- package/lib/typescript/modules/number-input/index.d.ts +1 -1
- package/lib/typescript/modules/org-switcher/OrgSwitcher.d.ts +1 -24
- package/lib/typescript/modules/org-switcher/OrgSwitcher.variants.d.ts +2 -1
- package/lib/typescript/modules/org-switcher/OrgSwitcherProps.d.ts +29 -0
- package/lib/typescript/modules/org-switcher/index.d.ts +1 -1
- package/lib/typescript/modules/pagination/Pagination.d.ts +1 -26
- package/lib/typescript/modules/pagination/Pagination.variants.d.ts +2 -1
- package/lib/typescript/modules/pagination/PaginationControls.d.ts +1 -4
- package/lib/typescript/modules/pagination/PaginationProps.d.ts +28 -0
- package/lib/typescript/modules/pagination/index.d.ts +1 -1
- package/lib/typescript/modules/person-chip/PersonChip.d.ts +3 -0
- package/lib/typescript/modules/person-chip/PersonChipProps.d.ts +17 -0
- package/lib/typescript/modules/person-chip/index.d.ts +3 -0
- package/lib/typescript/modules/pin-input/PinInput.d.ts +1 -32
- package/lib/typescript/modules/pin-input/PinInput.variants.d.ts +2 -2
- package/lib/typescript/modules/pin-input/PinInputProps.d.ts +26 -0
- package/lib/typescript/modules/pin-input/index.d.ts +1 -1
- package/lib/typescript/modules/plan-badge/PlanBadge.d.ts +3 -0
- package/lib/typescript/modules/plan-badge/PlanBadgeProps.d.ts +10 -0
- package/lib/typescript/modules/plan-badge/index.d.ts +3 -0
- package/lib/typescript/modules/plan-pill/PlanPill.d.ts +3 -0
- package/lib/typescript/modules/plan-pill/PlanPillProps.d.ts +10 -0
- package/lib/typescript/modules/plan-pill/index.d.ts +3 -0
- package/lib/typescript/modules/progress-bar/ProgressBar.d.ts +1 -13
- package/lib/typescript/modules/progress-bar/ProgressBarProps.d.ts +16 -0
- package/lib/typescript/modules/progress-bar/index.d.ts +1 -1
- package/lib/typescript/modules/radio-group/RadioGroup.d.ts +2 -22
- package/lib/typescript/modules/radio-group/RadioGroup.variants.d.ts +2 -2
- package/lib/typescript/modules/radio-group/RadioGroupProps.d.ts +21 -0
- package/lib/typescript/modules/radio-group/index.d.ts +1 -1
- package/lib/typescript/modules/reorder/Reorder.d.ts +2 -14
- package/lib/typescript/modules/reorder/Reorder.variants.d.ts +2 -2
- package/lib/typescript/modules/reorder/ReorderProps.d.ts +19 -0
- package/lib/typescript/modules/reorder/index.d.ts +1 -1
- package/lib/typescript/modules/rich-text/RichText.d.ts +2 -10
- package/lib/typescript/modules/rich-text/RichTextProps.d.ts +15 -0
- package/lib/typescript/modules/rich-text/index.d.ts +1 -1
- package/lib/typescript/modules/rich-text-editor/RichTextEditor.d.ts +1 -45
- package/lib/typescript/modules/rich-text-editor/RichTextEditorProps.d.ts +40 -0
- package/lib/typescript/modules/rich-text-editor/index.d.ts +1 -1
- package/lib/typescript/modules/save-bar/SaveBar.d.ts +3 -0
- package/lib/typescript/modules/save-bar/SaveBarProps.d.ts +18 -0
- package/lib/typescript/modules/save-bar/index.d.ts +3 -0
- package/lib/typescript/modules/screen/Screen.d.ts +2 -31
- package/lib/typescript/modules/screen/Screen.variants.d.ts +4 -0
- package/lib/typescript/modules/screen/ScreenProps.d.ts +35 -0
- package/lib/typescript/modules/screen/index.d.ts +1 -1
- package/lib/typescript/modules/search-bar/SearchBar.d.ts +2 -28
- package/lib/typescript/modules/search-bar/SearchBar.variants.d.ts +8 -9
- package/lib/typescript/modules/search-bar/SearchBarProps.d.ts +30 -0
- package/lib/typescript/modules/search-bar/index.d.ts +1 -1
- package/lib/typescript/modules/section/Section.d.ts +1 -8
- package/lib/typescript/modules/section/Section.variants.d.ts +0 -3
- package/lib/typescript/modules/section/SectionProps.d.ts +11 -0
- package/lib/typescript/modules/section/index.d.ts +1 -1
- package/lib/typescript/modules/section-list/SectionList.d.ts +1 -19
- package/lib/typescript/modules/section-list/SectionListProps.d.ts +24 -0
- package/lib/typescript/modules/section-list/index.d.ts +1 -1
- package/lib/typescript/modules/segmented-control/SegmentedControl.d.ts +2 -41
- package/lib/typescript/modules/segmented-control/SegmentedControl.variants.d.ts +5 -44
- package/lib/typescript/modules/segmented-control/SegmentedControlProps.d.ts +29 -0
- package/lib/typescript/modules/segmented-control/index.d.ts +1 -1
- package/lib/typescript/modules/select/Select.d.ts +5 -13
- package/lib/typescript/modules/select/Select.variants.d.ts +24 -10
- package/lib/typescript/modules/select/SelectProps.d.ts +25 -0
- package/lib/typescript/modules/select/index.d.ts +3 -2
- package/lib/typescript/modules/setting-row/SettingRow.d.ts +3 -0
- package/lib/typescript/modules/setting-row/SettingRowProps.d.ts +14 -0
- package/lib/typescript/modules/setting-row/index.d.ts +3 -0
- package/lib/typescript/modules/settings-section/SettingsSection.d.ts +3 -0
- package/lib/typescript/modules/settings-section/SettingsSectionProps.d.ts +11 -0
- package/lib/typescript/modules/settings-section/index.d.ts +3 -0
- package/lib/typescript/modules/skeleton/Skeleton.d.ts +3 -28
- package/lib/typescript/modules/skeleton/Skeleton.variants.d.ts +8 -66
- package/lib/typescript/modules/skeleton/SkeletonProps.d.ts +18 -0
- package/lib/typescript/modules/skeleton/index.d.ts +1 -1
- package/lib/typescript/modules/slider/Slider.d.ts +1 -24
- package/lib/typescript/modules/slider/Slider.variants.d.ts +2 -1
- package/lib/typescript/modules/slider/SliderProps.d.ts +27 -0
- package/lib/typescript/modules/slider/index.d.ts +1 -1
- package/lib/typescript/modules/spinner/Spinner.d.ts +1 -11
- package/lib/typescript/modules/spinner/SpinnerProps.d.ts +15 -0
- package/lib/typescript/modules/spinner/index.d.ts +1 -1
- package/lib/typescript/modules/stage-progress/StageProgress.d.ts +1 -12
- package/lib/typescript/modules/stage-progress/StageProgress.variants.d.ts +31 -10
- package/lib/typescript/modules/stage-progress/StageProgressProps.d.ts +22 -0
- package/lib/typescript/modules/stage-progress/index.d.ts +1 -1
- package/lib/typescript/modules/stat-grid/StatGrid.d.ts +3 -0
- package/lib/typescript/modules/stat-grid/StatGridProps.d.ts +15 -0
- package/lib/typescript/modules/stat-grid/index.d.ts +3 -0
- package/lib/typescript/modules/stat-tile/StatTile.d.ts +1 -14
- package/lib/typescript/modules/stat-tile/StatTile.variants.d.ts +3 -0
- package/lib/typescript/modules/stat-tile/StatTileProps.d.ts +25 -0
- package/lib/typescript/modules/stat-tile/index.d.ts +1 -1
- package/lib/typescript/modules/state-block/StateBlock.d.ts +1 -28
- package/lib/typescript/modules/state-block/StateBlock.variants.d.ts +1 -0
- package/lib/typescript/modules/state-block/StateBlockProps.d.ts +36 -0
- package/lib/typescript/modules/state-block/index.d.ts +1 -1
- package/lib/typescript/modules/stepper/Stepper.d.ts +3 -11
- package/lib/typescript/modules/stepper/Stepper.variants.d.ts +2 -0
- package/lib/typescript/modules/stepper/StepperProps.d.ts +12 -0
- package/lib/typescript/modules/stepper/index.d.ts +2 -1
- package/lib/typescript/modules/surface/Surface.d.ts +6 -0
- package/lib/typescript/modules/surface/Surface.variants.d.ts +15 -0
- package/lib/typescript/modules/surface/SurfaceProps.d.ts +17 -0
- package/lib/typescript/modules/surface/index.d.ts +4 -0
- package/lib/typescript/modules/swipeable-row/SwipeableRow.d.ts +1 -19
- package/lib/typescript/modules/swipeable-row/SwipeableRowProps.d.ts +22 -0
- package/lib/typescript/modules/swipeable-row/index.d.ts +1 -1
- package/lib/typescript/modules/switch/Switch.d.ts +1 -14
- package/lib/typescript/modules/switch/Switch.variants.d.ts +2 -2
- package/lib/typescript/modules/switch/SwitchProps.d.ts +20 -0
- package/lib/typescript/modules/switch/index.d.ts +1 -1
- package/lib/typescript/modules/tabs/Tabs.d.ts +1 -17
- package/lib/typescript/modules/tabs/Tabs.variants.d.ts +2 -3
- package/lib/typescript/modules/tabs/TabsProps.d.ts +29 -0
- package/lib/typescript/modules/tabs/index.d.ts +1 -1
- package/lib/typescript/modules/text/Text.d.ts +1 -20
- package/lib/typescript/modules/text/Text.variants.d.ts +14 -11
- package/lib/typescript/modules/text/TextProps.d.ts +35 -0
- package/lib/typescript/modules/text/index.d.ts +1 -1
- package/lib/typescript/modules/textarea/Textarea.d.ts +1 -19
- package/lib/typescript/modules/textarea/Textarea.variants.d.ts +2 -1
- package/lib/typescript/modules/textarea/TextareaProps.d.ts +23 -0
- package/lib/typescript/modules/textarea/index.d.ts +1 -1
- package/lib/typescript/modules/timeline/Timeline.d.ts +1 -16
- package/lib/typescript/modules/timeline/Timeline.variants.d.ts +2 -0
- package/lib/typescript/modules/timeline/TimelineProps.d.ts +37 -0
- package/lib/typescript/modules/timeline/index.d.ts +1 -1
- package/lib/typescript/modules/toast/Toast.variants.d.ts +4 -3
- package/lib/typescript/modules/tooltip/Tooltip.d.ts +1 -25
- package/lib/typescript/modules/tooltip/Tooltip.variants.d.ts +7 -0
- package/lib/typescript/modules/tooltip/TooltipProps.d.ts +27 -0
- package/lib/typescript/modules/tooltip/index.d.ts +1 -1
- package/lib/typescript/modules/typing-indicator/TypingIndicator.d.ts +5 -14
- package/lib/typescript/modules/typing-indicator/TypingIndicatorProps.d.ts +11 -0
- package/lib/typescript/modules/typing-indicator/index.d.ts +1 -1
- package/lib/typescript/modules/upgrade-button/UpgradeButton.d.ts +3 -0
- package/lib/typescript/modules/upgrade-button/UpgradeButtonProps.d.ts +11 -0
- package/lib/typescript/modules/upgrade-button/index.d.ts +3 -0
- package/lib/typescript/test/motionJest.d.ts +12 -0
- package/lib/typescript/theme/index.d.ts +1 -1
- package/lib/typescript/theme/platform/elevation.native.d.ts +1 -31
- package/lib/typescript/theme/platform/floatingSurface.native.d.ts +10 -0
- package/lib/typescript/theme/platform/highlight.native.d.ts +17 -0
- package/lib/typescript/theme/platform/index.d.ts +9 -0
- package/lib/typescript/theme/platform/motion.native.d.ts +33 -13
- package/lib/typescript/theme/platform/stateLayer.native.d.ts +11 -0
- package/lib/typescript/theme/platform/surfaces.native.d.ts +8 -0
- package/lib/typescript/theme/provider/PixelizeProvider.d.ts +1 -1
- package/lib/typescript/theme/provider/types.d.ts +8 -0
- package/lib/typescript/theme/tokens/assertPalette.d.ts +10 -0
- package/lib/typescript/theme/tokens/brands/emerald/palette.light.d.ts +4 -3
- package/lib/typescript/theme/tokens/brands/lavender/palette.light.d.ts +4 -3
- package/lib/typescript/theme/tokens/brands/meadow/palette.light.d.ts +4 -3
- package/lib/typescript/theme/tokens/brands/radiant/palette.light.d.ts +4 -3
- package/lib/typescript/theme/tokens/brands/rosewood/palette.light.d.ts +4 -3
- package/lib/typescript/theme/tokens/brands/skyline/palette.light.d.ts +4 -3
- package/lib/typescript/theme/tokens/brands/slate/palette.light.d.ts +4 -3
- package/lib/typescript/theme/tokens/brands/storefront/palette.light.d.ts +4 -3
- package/lib/typescript/theme/tokens/brands/zinc/palette.light.d.ts +4 -3
- package/lib/typescript/theme/tokens/builders/accentText.d.ts +3 -0
- package/lib/typescript/theme/tokens/builders/buildBrandScale.d.ts +4 -0
- package/lib/typescript/theme/tokens/builders/finalizePalette.d.ts +4 -0
- package/lib/typescript/theme/tokens/builders/gradientInk.d.ts +9 -0
- package/lib/typescript/theme/tokens/builders/liftToContrast.d.ts +9 -0
- package/lib/typescript/theme/tokens/builders/paletteFromAccent.d.ts +3 -0
- package/lib/typescript/theme/tokens/builders/placeholderInk.d.ts +13 -0
- package/lib/typescript/theme/tokens/builders/semanticText.d.ts +4 -0
- package/lib/typescript/theme/tokens/builders/skeletonShimmer.d.ts +9 -0
- package/lib/typescript/theme/tokens/builders/surfaceRungs.d.ts +12 -0
- package/lib/typescript/theme/tokens/index.d.ts +8 -0
- package/lib/typescript/theme/tokens/primitives/controlSizes.d.ts +6 -0
- package/lib/typescript/theme/tokens/primitives/index.d.ts +2 -0
- package/lib/typescript/theme/tokens/roles/index.d.ts +3 -0
- package/lib/typescript/theme/tokens/types.d.ts +10 -9
- package/package.json +114 -5
- package/registry.json +114 -14
- package/lib/module/core/style/useThemedStyles.js +0 -8
- package/lib/module/test/mocks/flashList.js +0 -5
- package/lib/module/test/perfHelpers.js +0 -18
- package/lib/typescript/core/style/useThemedStyles.d.ts +0 -5
- package/lib/typescript/test/mocks/flashList.d.ts +0 -3
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import type { LayoutStyle } from "../../core/style";
|
|
2
|
+
import type { SeriesShape } from "./Charts.variants";
|
|
3
|
+
/** One point; `x` is spaced evenly by position, not by its own value. */
|
|
4
|
+
export interface LineChartDatum {
|
|
5
|
+
readonly x: string | number;
|
|
6
|
+
readonly y: number;
|
|
7
|
+
}
|
|
8
|
+
/** One line; non-finite `y` samples are dropped before spacing points evenly. */
|
|
9
|
+
export interface LineChartSeries {
|
|
10
|
+
readonly name: string;
|
|
11
|
+
readonly data: LineChartDatum[];
|
|
12
|
+
/** Defaults to the categorical ramp color at this series' index. */
|
|
13
|
+
readonly color?: string;
|
|
14
|
+
/** Overrides the shape this series' markers (and its legend glyph) take; defaults by index. */
|
|
15
|
+
readonly shape?: SeriesShape;
|
|
16
|
+
}
|
|
17
|
+
/** Multi-series svg line chart with axes, optional area fill and curve smoothing. */
|
|
18
|
+
export interface LineChartProps {
|
|
19
|
+
series: LineChartSeries[];
|
|
20
|
+
/** Defaults to 200. */
|
|
21
|
+
height?: number;
|
|
22
|
+
/** Defaults to true. */
|
|
23
|
+
showGrid?: boolean;
|
|
24
|
+
/** Defaults to true. */
|
|
25
|
+
showDots?: boolean;
|
|
26
|
+
/** Fills the area under each line. Defaults to false. */
|
|
27
|
+
showArea?: boolean;
|
|
28
|
+
/** Catmull-Rom-to-bezier smoothing; straight segments when false. Defaults to false. */
|
|
29
|
+
curved?: boolean;
|
|
30
|
+
/** Text legend naming each series. Only drawn for 2+ series — one line needs no key. */
|
|
31
|
+
showLegend?: boolean;
|
|
32
|
+
/** Defaults to a plain number formatter. */
|
|
33
|
+
yAxisFormatter?: (value: number) => string;
|
|
34
|
+
/** Defaults to `String(value)`. */
|
|
35
|
+
xAxisFormatter?: (value: string | number) => string;
|
|
36
|
+
/** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
|
|
37
|
+
style?: LayoutStyle;
|
|
38
|
+
testID?: string;
|
|
39
|
+
}
|
|
40
|
+
//# sourceMappingURL=LineChartProps.d.ts.map
|
|
@@ -1,18 +1,3 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export interface PieChartSegment {
|
|
3
|
-
readonly label: string;
|
|
4
|
-
readonly value: number;
|
|
5
|
-
readonly color?: string;
|
|
6
|
-
}
|
|
7
|
-
export interface PieChartProps {
|
|
8
|
-
segments: PieChartSegment[];
|
|
9
|
-
size?: number;
|
|
10
|
-
showLegend?: boolean;
|
|
11
|
-
showPercentages?: boolean;
|
|
12
|
-
onPressSegment?: (segment: PieChartSegment, index: number) => void;
|
|
13
|
-
/** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
|
|
14
|
-
style?: LayoutStyle;
|
|
15
|
-
testID?: string;
|
|
16
|
-
}
|
|
1
|
+
import type { PieChartProps } from "./PieChartProps";
|
|
17
2
|
export declare const PieChart: import("react").NamedExoticComponent<PieChartProps>;
|
|
18
3
|
//# sourceMappingURL=PieChart.d.ts.map
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { LayoutStyle } from "../../core/style";
|
|
2
|
+
/** One wedge; non-finite or non-positive values are dropped before rendering. */
|
|
3
|
+
export interface PieChartSegment {
|
|
4
|
+
readonly label: string;
|
|
5
|
+
readonly value: number;
|
|
6
|
+
/** Defaults to the categorical ramp color at this wedge's index. */
|
|
7
|
+
readonly color?: string;
|
|
8
|
+
}
|
|
9
|
+
/** Svg filled wedges with a legend — the filled sibling of `DonutChart`'s ring. */
|
|
10
|
+
export interface PieChartProps {
|
|
11
|
+
segments: PieChartSegment[];
|
|
12
|
+
/** Defaults to 180. */
|
|
13
|
+
size?: number;
|
|
14
|
+
/** Defaults to true. */
|
|
15
|
+
showLegend?: boolean;
|
|
16
|
+
/** Controls only the legend row text, never on-wedge labels. Defaults to true. */
|
|
17
|
+
showPercentages?: boolean;
|
|
18
|
+
/** `index` is into the filtered, rendered wedge list — not the raw `segments` array. */
|
|
19
|
+
onPressSegment?: (segment: PieChartSegment, index: number) => void;
|
|
20
|
+
/** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
|
|
21
|
+
style?: LayoutStyle;
|
|
22
|
+
testID?: string;
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=PieChartProps.d.ts.map
|
|
@@ -1,13 +1,3 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import type { SparklineTone } from "./Charts.variants";
|
|
3
|
-
export interface SparklineProps {
|
|
4
|
-
data: number[];
|
|
5
|
-
width?: number;
|
|
6
|
-
height?: number;
|
|
7
|
-
tone?: SparklineTone;
|
|
8
|
-
/** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
|
|
9
|
-
style?: LayoutStyle;
|
|
10
|
-
testID?: string;
|
|
11
|
-
}
|
|
1
|
+
import type { SparklineProps } from "./SparklineProps";
|
|
12
2
|
export declare const Sparkline: import("react").NamedExoticComponent<SparklineProps>;
|
|
13
3
|
//# sourceMappingURL=Sparkline.d.ts.map
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { LayoutStyle } from "../../core/style";
|
|
2
|
+
import type { SparklineTone } from "./Charts.variants";
|
|
3
|
+
/** Svg line and filled area under it, with a tone-driven stroke color. */
|
|
4
|
+
export interface SparklineProps {
|
|
5
|
+
/** Non-finite samples are dropped; a single sample draws a flat line. */
|
|
6
|
+
data: number[];
|
|
7
|
+
/** Defaults to 120. */
|
|
8
|
+
width?: number;
|
|
9
|
+
/** Defaults to 32. */
|
|
10
|
+
height?: number;
|
|
11
|
+
/** Defaults to "accent"; a decorative stroke color, not a status signal on its own. */
|
|
12
|
+
tone?: SparklineTone;
|
|
13
|
+
/** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
|
|
14
|
+
style?: LayoutStyle;
|
|
15
|
+
testID?: string;
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=SparklineProps.d.ts.map
|
|
@@ -4,16 +4,16 @@
|
|
|
4
4
|
* props, never by importing its internals.
|
|
5
5
|
*/
|
|
6
6
|
export { BarList } from "./BarList";
|
|
7
|
-
export type { BarListProps, BarListItem } from "./
|
|
7
|
+
export type { BarListProps, BarListItem } from "./BarListProps";
|
|
8
8
|
export { DonutChart } from "./DonutChart";
|
|
9
|
-
export type { DonutChartProps, DonutChartSegment } from "./
|
|
9
|
+
export type { DonutChartProps, DonutChartSegment } from "./DonutChartProps";
|
|
10
10
|
export { Sparkline } from "./Sparkline";
|
|
11
|
-
export type { SparklineProps } from "./
|
|
11
|
+
export type { SparklineProps } from "./SparklineProps";
|
|
12
12
|
export { BarChart } from "./BarChart";
|
|
13
|
-
export type { BarChartProps, BarChartDatum, BarChartSeries } from "./
|
|
13
|
+
export type { BarChartProps, BarChartDatum, BarChartSeries } from "./BarChartProps";
|
|
14
14
|
export { LineChart } from "./LineChart";
|
|
15
|
-
export type { LineChartProps, LineChartDatum, LineChartSeries } from "./
|
|
15
|
+
export type { LineChartProps, LineChartDatum, LineChartSeries } from "./LineChartProps";
|
|
16
16
|
export { PieChart } from "./PieChart";
|
|
17
|
-
export type { PieChartProps, PieChartSegment } from "./
|
|
17
|
+
export type { PieChartProps, PieChartSegment } from "./PieChartProps";
|
|
18
18
|
export type { SparklineTone } from "./Charts.variants";
|
|
19
19
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -7,39 +7,7 @@
|
|
|
7
7
|
* Motion comes from `core/motion`: the row takes `usePressMotion`, the glyph scales in when the box
|
|
8
8
|
* fills, and the focus ring crossfades. All three collapse to their end state under reduce-motion.
|
|
9
9
|
*/
|
|
10
|
-
import type {
|
|
11
|
-
import type { CheckboxSize } from "./Checkbox.variants";
|
|
12
|
-
interface CheckboxBaseProps {
|
|
13
|
-
checked: boolean;
|
|
14
|
-
onCheckedChange: (checked: boolean) => void;
|
|
15
|
-
/**
|
|
16
|
-
* Renders the "minus" glyph in place of "check", and reports `aria-checked` as
|
|
17
|
-
* `"mixed"` — regardless of `checked` (the usual pairing is `checked={false}`, but indeterminate
|
|
18
|
-
* always wins the glyph/state either way). Toggling still flips `checked` via `onCheckedChange`.
|
|
19
|
-
*/
|
|
20
|
-
indeterminate?: boolean;
|
|
21
|
-
disabled?: boolean;
|
|
22
|
-
size?: CheckboxSize;
|
|
23
|
-
/** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
|
|
24
|
-
style?: LayoutStyle;
|
|
25
|
-
testID?: string;
|
|
26
|
-
}
|
|
27
|
-
/** A checkbox with a visible label. `accessibilityLabel` defaults to `label`. Pressing the label
|
|
28
|
-
* toggles too — it lives inside the same `Pressable` row as the box. */
|
|
29
|
-
interface LabelledCheckboxProps extends CheckboxBaseProps {
|
|
30
|
-
label: string;
|
|
31
|
-
accessibilityLabel?: string;
|
|
32
|
-
}
|
|
33
|
-
/**
|
|
34
|
-
* A checkbox with no visible label (e.g. a table row's select-all box). It has no visible text, so
|
|
35
|
-
* `accessibilityLabel` is REQUIRED at the type level — the same trap `Button`'s icon-only shape
|
|
36
|
-
* closes. `label?: never` makes the two shapes mutually exclusive.
|
|
37
|
-
*/
|
|
38
|
-
interface UnlabelledCheckboxProps extends CheckboxBaseProps {
|
|
39
|
-
label?: never;
|
|
40
|
-
accessibilityLabel: string;
|
|
41
|
-
}
|
|
42
|
-
export type CheckboxProps = LabelledCheckboxProps | UnlabelledCheckboxProps;
|
|
10
|
+
import type { CheckboxProps } from "./CheckboxProps";
|
|
43
11
|
declare function CheckboxImpl(props: CheckboxProps): import("react").JSX.Element;
|
|
44
12
|
export declare const Checkbox: import("react").MemoExoticComponent<typeof CheckboxImpl>;
|
|
45
13
|
export {};
|
|
@@ -16,13 +16,14 @@
|
|
|
16
16
|
* Free of `lucide` and of any React tree, so the WCAG + behaviour tests import it directly (mocking
|
|
17
17
|
* only `react-native`'s `StyleSheet`, as `core/style` and `Button.variants.ts` do).
|
|
18
18
|
*/
|
|
19
|
+
import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
|
|
19
20
|
import type { RoleColors, Theme } from "../../theme/hooks";
|
|
21
|
+
export { MIN_TOUCH_TARGET };
|
|
20
22
|
export type CheckboxSize = "sm" | "md";
|
|
21
23
|
/**
|
|
22
24
|
* Same touch-target floor as `Button` (44dp, WCAG 2.5.5 AAA). Duplicated rather than imported —
|
|
23
25
|
* modules never import across `src/modules/*` — so this is the component's own copy.
|
|
24
26
|
*/
|
|
25
|
-
export declare const MIN_TOUCH_TARGET = 44;
|
|
26
27
|
export interface CheckboxSizeSpec {
|
|
27
28
|
/** Visual box side, in dp. */
|
|
28
29
|
readonly boxSize: number;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { LayoutStyle } from "../../core/style";
|
|
2
|
+
import type { CheckboxSize } from "./Checkbox.variants";
|
|
3
|
+
interface CheckboxBaseProps {
|
|
4
|
+
checked: boolean;
|
|
5
|
+
onCheckedChange: (checked: boolean) => void;
|
|
6
|
+
/** Shows a "minus" glyph and `aria-checked="mixed"`, regardless of `checked`. */
|
|
7
|
+
indeterminate?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
size?: CheckboxSize;
|
|
10
|
+
/** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
|
|
11
|
+
style?: LayoutStyle;
|
|
12
|
+
testID?: string;
|
|
13
|
+
}
|
|
14
|
+
/** Visible-label checkbox; `accessibilityLabel` defaults to `label`, and pressing the label toggles too. */
|
|
15
|
+
interface LabelledCheckboxProps extends CheckboxBaseProps {
|
|
16
|
+
label: string;
|
|
17
|
+
accessibilityLabel?: string;
|
|
18
|
+
}
|
|
19
|
+
/** No visible label (e.g. select-all); `accessibilityLabel` is required at the type level. */
|
|
20
|
+
interface UnlabelledCheckboxProps extends CheckboxBaseProps {
|
|
21
|
+
label?: never;
|
|
22
|
+
accessibilityLabel: string;
|
|
23
|
+
}
|
|
24
|
+
/** Labelled or unlabelled; an unlabelled box requires `accessibilityLabel`. */
|
|
25
|
+
export type CheckboxProps = LabelledCheckboxProps | UnlabelledCheckboxProps;
|
|
26
|
+
export {};
|
|
27
|
+
//# sourceMappingURL=CheckboxProps.d.ts.map
|
|
@@ -6,33 +6,6 @@
|
|
|
6
6
|
* selectable tags, and removable tokens — always `accessibilityRole="button"`, always a 44dp touch
|
|
7
7
|
* target, never icon-only (`label` is required).
|
|
8
8
|
*/
|
|
9
|
-
import type {
|
|
10
|
-
import type { LayoutStyle } from "../../core/style";
|
|
11
|
-
import type { ChipSize, ChipTone, ChipVariant } from "./Chip.variants";
|
|
12
|
-
export interface ChipProps {
|
|
13
|
-
/** A chip is never icon-only — this is its whole accessible name. */
|
|
14
|
-
label: string;
|
|
15
|
-
variant?: ChipVariant;
|
|
16
|
-
tone?: ChipTone;
|
|
17
|
-
size?: ChipSize;
|
|
18
|
-
/** Renders the filled/accented look regardless of `variant`. Only added to
|
|
19
|
-
* `accessibilityState` when passed — see `resolveChipAccessibility`. */
|
|
20
|
-
selected?: boolean;
|
|
21
|
-
onPress?: () => void;
|
|
22
|
-
/** Provided → a trailing "x" `Pressable` that is a SIBLING of the chip's own press target, with
|
|
23
|
-
* its own accessible name and its own 44dp hit target, so removing never fires `onPress` and a
|
|
24
|
-
* screen reader can reach it. Omitted → no remove affordance renders. */
|
|
25
|
-
onRemove?: () => void;
|
|
26
|
-
/** Leading glyph. Ignored when `avatarUri` is also given — see `avatarUri`. */
|
|
27
|
-
icon?: IconName;
|
|
28
|
-
/** Leading circular image. Wins over `icon` when both are passed: an identity photo is a more
|
|
29
|
-
* specific signal than a generic glyph, the same "most specific wins" precedent `Select`'s own
|
|
30
|
-
* `leading` slot documents for the image-over-glyph case. */
|
|
31
|
-
avatarUri?: string;
|
|
32
|
-
disabled?: boolean;
|
|
33
|
-
/** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
|
|
34
|
-
style?: LayoutStyle;
|
|
35
|
-
testID?: string;
|
|
36
|
-
}
|
|
9
|
+
import type { ChipProps } from "./ChipProps";
|
|
37
10
|
export declare const Chip: import("react").NamedExoticComponent<ChipProps>;
|
|
38
11
|
//# sourceMappingURL=Chip.d.ts.map
|
|
@@ -10,16 +10,21 @@
|
|
|
10
10
|
* Free of React and of any lucide/Pressable import, so the WCAG + behaviour tests import it directly
|
|
11
11
|
* (mocking only `react-native`'s `StyleSheet`, as `core/style` does).
|
|
12
12
|
*/
|
|
13
|
+
import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
|
|
13
14
|
import type { RoleColors, StatusRole, Theme } from "../../theme/hooks";
|
|
15
|
+
export { MIN_TOUCH_TARGET };
|
|
14
16
|
export type ChipVariant = "solid" | "outline" | "subtle";
|
|
15
17
|
/** `accent`/`neutral` are brand-driven emphasis; the rest mirror the theme's status roles — same
|
|
16
18
|
* shape `Badge`'s own `BadgeTone` uses. */
|
|
17
|
-
export type ChipTone = "accent" | "neutral" | StatusRole;
|
|
19
|
+
export type ChipTone = "accent" | "neutral" | StatusRole | "custom";
|
|
20
|
+
export type CustomToneColors = {
|
|
21
|
+
readonly bg: string;
|
|
22
|
+
readonly fg: string;
|
|
23
|
+
};
|
|
18
24
|
export type ChipSize = "sm" | "md";
|
|
19
25
|
export type ChipGroupGap = "sm" | "md";
|
|
20
26
|
/** Same touch-target floor as every interactive control in this library (44dp — Apple HIG minimum,
|
|
21
27
|
* WCAG 2.5.5 AAA). */
|
|
22
|
-
export declare const MIN_TOUCH_TARGET = 44;
|
|
23
28
|
export interface ChipSizeSpec {
|
|
24
29
|
/** Visual height in dp. */
|
|
25
30
|
readonly height: number;
|
|
@@ -83,7 +88,7 @@ export interface ChipColors {
|
|
|
83
88
|
* pair `variant="solid"` reads — so "selected outline chip" and "solid chip" render identically
|
|
84
89
|
* instead of introducing a third, separately-measured filled pairing.
|
|
85
90
|
*/
|
|
86
|
-
export declare function resolveChipColors(colors: RoleColors, tone: ChipTone, variant: ChipVariant, selected: boolean): ChipColors;
|
|
91
|
+
export declare function resolveChipColors(colors: RoleColors, tone: ChipTone, variant: ChipVariant, selected: boolean, customColors?: CustomToneColors): ChipColors;
|
|
87
92
|
/** Whether a (variant, selected) combination renders the filled/accented look — the same predicate
|
|
88
93
|
* `resolveChipColors` and `Chip.tsx`'s own press-feedback branch both key off. */
|
|
89
94
|
export declare function isChipFilled(variant: ChipVariant, selected: boolean): boolean;
|
|
@@ -4,19 +4,6 @@
|
|
|
4
4
|
* removal stay on each `Chip`'s own `onPress`/`onRemove`, the same "props in, events out" stance
|
|
5
5
|
* every layout-only wrapper in this library takes.
|
|
6
6
|
*/
|
|
7
|
-
import type {
|
|
8
|
-
import type { LayoutStyle } from "../../core/style";
|
|
9
|
-
import type { ChipGroupGap } from "./Chip.variants";
|
|
10
|
-
export interface ChipGroupProps {
|
|
11
|
-
children: ReactNode;
|
|
12
|
-
/** Ignored when `scrollable` is true — a horizontal rail never wraps. */
|
|
13
|
-
wrap?: boolean;
|
|
14
|
-
gap?: ChipGroupGap;
|
|
15
|
-
/** Horizontal `ScrollView` (no wrap), for a filter rail that scrolls instead of wrapping. */
|
|
16
|
-
scrollable?: boolean;
|
|
17
|
-
/** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
|
|
18
|
-
style?: LayoutStyle;
|
|
19
|
-
testID?: string;
|
|
20
|
-
}
|
|
7
|
+
import type { ChipGroupProps } from "./ChipGroupProps";
|
|
21
8
|
export declare const ChipGroup: import("react").NamedExoticComponent<ChipGroupProps>;
|
|
22
9
|
//# sourceMappingURL=ChipGroup.d.ts.map
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
import type { LayoutStyle } from "../../core/style";
|
|
3
|
+
import type { ChipGroupGap } from "./Chip.variants";
|
|
4
|
+
/** Layout wrapper for a row of `Chip`s — owns no selection/removal state of its own. */
|
|
5
|
+
export interface ChipGroupProps {
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
/** Ignored when `scrollable` is true — a horizontal rail never wraps. */
|
|
8
|
+
wrap?: boolean;
|
|
9
|
+
gap?: ChipGroupGap;
|
|
10
|
+
/** Horizontal `ScrollView` (no wrap), for a filter rail that scrolls instead of wrapping. */
|
|
11
|
+
scrollable?: boolean;
|
|
12
|
+
/** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
|
|
13
|
+
style?: LayoutStyle;
|
|
14
|
+
testID?: string;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=ChipGroupProps.d.ts.map
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { IconName } from "../../core/icon";
|
|
2
|
+
import type { LayoutStyle } from "../../core/style";
|
|
3
|
+
import type { ChipSize, ChipTone, ChipVariant, CustomToneColors } from "./Chip.variants";
|
|
4
|
+
/** An interactive token: press to select/toggle, with an optional trailing remove control. */
|
|
5
|
+
export interface ChipProps {
|
|
6
|
+
/** A chip is never icon-only — this is its whole accessible name. */
|
|
7
|
+
label: string;
|
|
8
|
+
variant?: ChipVariant;
|
|
9
|
+
tone?: ChipTone;
|
|
10
|
+
/** Required when `tone="custom"`. */
|
|
11
|
+
customColors?: CustomToneColors;
|
|
12
|
+
size?: ChipSize;
|
|
13
|
+
/** Renders the filled/accented look regardless of `variant`. */
|
|
14
|
+
selected?: boolean;
|
|
15
|
+
onPress?: () => void;
|
|
16
|
+
/** Adds a trailing remove button; omitted, no remove affordance renders. */
|
|
17
|
+
onRemove?: () => void;
|
|
18
|
+
/** Leading glyph; ignored when `avatarUri` is also given. */
|
|
19
|
+
icon?: IconName;
|
|
20
|
+
/** Leading circular image; wins over `icon` when both are passed. */
|
|
21
|
+
avatarUri?: string;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
/** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
|
|
24
|
+
style?: LayoutStyle;
|
|
25
|
+
testID?: string;
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=ChipProps.d.ts.map
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
* consumer configures a Chip through its props, never by importing its internals.
|
|
5
5
|
*/
|
|
6
6
|
export { Chip } from "./Chip";
|
|
7
|
-
export type { ChipProps } from "./
|
|
7
|
+
export type { ChipProps } from "./ChipProps";
|
|
8
8
|
export { ChipGroup } from "./ChipGroup";
|
|
9
|
-
export type { ChipGroupProps } from "./
|
|
10
|
-
export type { ChipGroupGap, ChipSize, ChipTone, ChipVariant } from "./Chip.variants";
|
|
9
|
+
export type { ChipGroupProps } from "./ChipGroupProps";
|
|
10
|
+
export type { ChipGroupGap, ChipSize, ChipTone, ChipVariant, CustomToneColors } from "./Chip.variants";
|
|
11
11
|
export type { IconName } from "../../core/icon";
|
|
12
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -30,52 +30,9 @@
|
|
|
30
30
|
* a border swap AND a ring would double-signal the same state, so the trigger border here is
|
|
31
31
|
* `error`-driven only (see `Combobox.variants.ts`).
|
|
32
32
|
*/
|
|
33
|
-
import type { LayoutStyle } from "../../core/style";
|
|
34
33
|
import type { ComboboxOption } from "./Combobox.variants";
|
|
34
|
+
import type { ComboboxProps } from "./ComboboxProps";
|
|
35
35
|
export type { ComboboxOption };
|
|
36
|
-
|
|
37
|
-
options: ComboboxOption[];
|
|
38
|
-
placeholder?: string;
|
|
39
|
-
searchPlaceholder?: string;
|
|
40
|
-
label?: string;
|
|
41
|
-
disabled?: boolean;
|
|
42
|
-
/** Shown below the field; announced on both platforms via `useAnnounce`. */
|
|
43
|
-
error?: string;
|
|
44
|
-
/** Shows an "x" on the field once something is selected. */
|
|
45
|
-
clearable?: boolean;
|
|
46
|
-
/** Swaps the option list for a centered `Spinner` — the list area, not the search field. */
|
|
47
|
-
loading?: boolean;
|
|
48
|
-
emptyMessage?: string;
|
|
49
|
-
/**
|
|
50
|
-
* Presence signals SERVER-side filtering: once provided, `Combobox` renders `options` verbatim and
|
|
51
|
-
* never filters locally, even if `filterFn` is also passed. Absent (the default) means local
|
|
52
|
-
* filtering. Debounced by `SEARCH_DEBOUNCE_MS`. This is the prop most likely to be misused —
|
|
53
|
-
* passing it does not add server-side filtering on top of local filtering, it REPLACES it.
|
|
54
|
-
*/
|
|
55
|
-
onSearchChange?: (query: string) => void;
|
|
56
|
-
/** Overrides local filtering. Ignored entirely when `onSearchChange` is set. Default is
|
|
57
|
-
* `defaultComboboxFilter` (case- and diacritic-insensitive substring match on `label`). */
|
|
58
|
-
filterFn?: (option: ComboboxOption, query: string) => boolean;
|
|
59
|
-
maxHeight?: number;
|
|
60
|
-
/** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
|
|
61
|
-
style?: LayoutStyle;
|
|
62
|
-
testID?: string;
|
|
63
|
-
}
|
|
64
|
-
export interface ComboboxSingleProps extends ComboboxCommonProps {
|
|
65
|
-
multiple?: false;
|
|
66
|
-
value: string | null;
|
|
67
|
-
onChange: (value: string | null) => void;
|
|
68
|
-
}
|
|
69
|
-
export interface ComboboxMultipleProps extends ComboboxCommonProps {
|
|
70
|
-
multiple: true;
|
|
71
|
-
values: string[];
|
|
72
|
-
onValuesChange: (values: string[]) => void;
|
|
73
|
-
}
|
|
74
|
-
/**
|
|
75
|
-
* A discriminated union, not one flat interface with every field optional: `multiple: true` requires
|
|
76
|
-
* `values`/`onValuesChange`, the default (`multiple` absent/`false`) requires `value`/`onChange` — a
|
|
77
|
-
* caller can never wire the wrong pair for the active mode and have it silently do nothing.
|
|
78
|
-
*/
|
|
79
|
-
export type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps;
|
|
36
|
+
export type { ComboboxSingleProps, ComboboxMultipleProps, ComboboxProps } from "./ComboboxProps";
|
|
80
37
|
export declare const Combobox: import("react").NamedExoticComponent<ComboboxProps>;
|
|
81
38
|
//# sourceMappingURL=Combobox.d.ts.map
|
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
* Free of React and of any `Modal`/`Pressable`/`TextInput` import, so the WCAG + logic tests import
|
|
23
23
|
* this directly (mocking only `react-native`'s `StyleSheet`, as `core/style` does).
|
|
24
24
|
*/
|
|
25
|
+
import { MIN_TOUCH_TARGET } from "../../core/a11y/touchTarget";
|
|
25
26
|
import type { AccessibilityRole } from "react-native";
|
|
26
27
|
import type { RoleColors, Theme } from "../../theme/hooks";
|
|
27
28
|
import type { IconName } from "../../core/icon";
|
|
@@ -30,10 +31,10 @@ export interface ComboboxOption {
|
|
|
30
31
|
readonly label: string;
|
|
31
32
|
readonly icon?: IconName;
|
|
32
33
|
readonly description?: string;
|
|
34
|
+
/** Blocks selection and dims the row; the option still appears in the list. */
|
|
33
35
|
readonly disabled?: boolean;
|
|
34
36
|
}
|
|
35
37
|
/** Same touch-target floor as Button/Select/Input (44dp — Apple HIG minimum, WCAG 2.5.5 AAA). */
|
|
36
|
-
export declare const MIN_TOUCH_TARGET = 44;
|
|
37
38
|
/** No `size` prop (unlike Select/MultiSelect) — not part of this module's spec, and a search sheet's
|
|
38
39
|
* proportions don't benefit from the sm/lg range those triggers offer. One fixed box, sized exactly
|
|
39
40
|
* like Input's/Select's `md`, so a Combobox lines up with either in the same form. */
|
|
@@ -64,6 +65,7 @@ export declare const FILTER_DEBOUNCE_MS = 140;
|
|
|
64
65
|
* Strips combining diacritical marks after Unicode NFD decomposition, so "José" and "jose" match the
|
|
65
66
|
* same query. Lowercased last so the comparison is also case-insensitive.
|
|
66
67
|
*/
|
|
68
|
+
export { MIN_TOUCH_TARGET };
|
|
67
69
|
export declare function normalizeForSearch(value: string): string;
|
|
68
70
|
/**
|
|
69
71
|
* The option list's container role — what makes `aria-activedescendant` on the search field mean
|
|
@@ -73,6 +75,15 @@ export declare function normalizeForSearch(value: string): string;
|
|
|
73
75
|
* `role` verbatim, and native maps roles it doesn't know to nothing.
|
|
74
76
|
*/
|
|
75
77
|
export declare const COMBOBOX_LISTBOX_ROLE: AccessibilityRole;
|
|
78
|
+
/**
|
|
79
|
+
* Each option row's role. `aria-selected` is only valid ARIA on `option`/`row`/`tab`/`gridcell`/
|
|
80
|
+
* `treeitem` — the row sits inside a `COMBOBOX_LISTBOX_ROLE` container, so `option` is the
|
|
81
|
+
* textbook-correct pairing (2026-08 sweep fixed the row from the invalid `menuitem`+`aria-selected`
|
|
82
|
+
* combination — a followup to `select/Select.tsx`'s identical fix, both listbox/option/aria-selected
|
|
83
|
+
* per the ARIA 1.2 combobox-with-listbox-popup pattern). Same type gap as `COMBOBOX_LISTBOX_ROLE`:
|
|
84
|
+
* RN 0.86's `AccessibilityRole` union has no `option` either.
|
|
85
|
+
*/
|
|
86
|
+
export declare const COMBOBOX_OPTION_ROLE: AccessibilityRole;
|
|
76
87
|
/**
|
|
77
88
|
* The DOM id of one option row. `aria-activedescendant` and `nativeID` must agree exactly, and
|
|
78
89
|
* every `aria-*` prop is UNCHECKED by TypeScript on an RN component (hyphenated JSX attributes are
|
|
@@ -136,6 +147,8 @@ export interface ComboboxRowColors {
|
|
|
136
147
|
/** The option `description` line, the search placeholder, and the empty-state message — all the
|
|
137
148
|
* muted-text pairings, sharing one measured rung. */
|
|
138
149
|
readonly muted: string;
|
|
150
|
+
/** Hint ink for the row's own field — a hint, not body copy. */
|
|
151
|
+
readonly placeholder: string;
|
|
139
152
|
/** Leading option icon, the search glyph, and the clear-row icon. */
|
|
140
153
|
readonly icon: string;
|
|
141
154
|
/** The selected row's "check" glyph. Same value as `text`: if the label clears the stricter 4.5:1
|
|
@@ -171,7 +184,7 @@ export interface ComboboxRowAccessibilityInput {
|
|
|
171
184
|
readonly disabled: boolean;
|
|
172
185
|
}
|
|
173
186
|
export interface ComboboxRowAccessibilityProps {
|
|
174
|
-
readonly accessibilityRole:
|
|
187
|
+
readonly accessibilityRole: AccessibilityRole;
|
|
175
188
|
/** Flat, never `accessibilityState`: react-native-web discards the object form (see
|
|
176
189
|
* `docs/PLATFORM-A11Y-PROPS.md`). Quoted keys so the compiler still checks the prop names. */
|
|
177
190
|
readonly "aria-selected": boolean;
|
|
@@ -179,9 +192,11 @@ export interface ComboboxRowAccessibilityProps {
|
|
|
179
192
|
readonly disabled: boolean;
|
|
180
193
|
}
|
|
181
194
|
/**
|
|
182
|
-
* Every row is `
|
|
183
|
-
*
|
|
184
|
-
*
|
|
195
|
+
* Every row is `option` (2026-08 sweep — was `menuitem`, which made `aria-selected` invalid ARIA;
|
|
196
|
+
* the row sits inside `COMBOBOX_LISTBOX_ROLE`, so `option` is the textbook-correct pairing), in BOTH
|
|
197
|
+
* single and multiple mode: this module's `aria-activedescendant` pattern is one listbox regardless
|
|
198
|
+
* of mode, unlike `MultiSelect`'s own separate `checkbox` rows. Selection state rides `aria-selected`,
|
|
199
|
+
* never `aria-checked`.
|
|
185
200
|
*/
|
|
186
201
|
export declare function resolveComboboxRowAccessibility(input: ComboboxRowAccessibilityInput): ComboboxRowAccessibilityProps;
|
|
187
202
|
/**
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import type { LayoutStyle } from "../../core/style";
|
|
2
|
+
import type { ComboboxOption } from "./Combobox.variants";
|
|
3
|
+
interface ComboboxCommonProps {
|
|
4
|
+
options: ComboboxOption[];
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
searchPlaceholder?: string;
|
|
7
|
+
label?: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
/** Shown below the field; announced on both platforms via `useAnnounce`. */
|
|
10
|
+
error?: string;
|
|
11
|
+
/** Shows an "x" on the field once something is selected. */
|
|
12
|
+
clearable?: boolean;
|
|
13
|
+
/** Swaps the option list for a centered `Spinner`, not the search field. */
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
emptyMessage?: string;
|
|
16
|
+
/** Signals server-side filtering — REPLACES local filtering, not added on top of it. */
|
|
17
|
+
onSearchChange?: (query: string) => void;
|
|
18
|
+
/** Ignored once `onSearchChange` is set; overrides the default local substring filter. */
|
|
19
|
+
filterFn?: (option: ComboboxOption, query: string) => boolean;
|
|
20
|
+
maxHeight?: number;
|
|
21
|
+
/** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
|
|
22
|
+
style?: LayoutStyle;
|
|
23
|
+
testID?: string;
|
|
24
|
+
}
|
|
25
|
+
/** Single-select mode — `value` is one option value. */
|
|
26
|
+
export interface ComboboxSingleProps extends ComboboxCommonProps {
|
|
27
|
+
multiple?: false;
|
|
28
|
+
value: string | null;
|
|
29
|
+
onChange: (value: string | null) => void;
|
|
30
|
+
}
|
|
31
|
+
/** Multi-select mode — `value` is the array of selected option values. */
|
|
32
|
+
export interface ComboboxMultipleProps extends ComboboxCommonProps {
|
|
33
|
+
multiple: true;
|
|
34
|
+
values: string[];
|
|
35
|
+
onValuesChange: (values: string[]) => void;
|
|
36
|
+
}
|
|
37
|
+
/** Discriminated union — `multiple: true` requires `values`/`onValuesChange`, not `value`/`onChange`. */
|
|
38
|
+
export type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps;
|
|
39
|
+
export {};
|
|
40
|
+
//# sourceMappingURL=ComboboxProps.d.ts.map
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* internals.
|
|
6
6
|
*/
|
|
7
7
|
export { Combobox } from "./Combobox";
|
|
8
|
-
export type { ComboboxProps, ComboboxSingleProps, ComboboxMultipleProps } from "./
|
|
8
|
+
export type { ComboboxProps, ComboboxSingleProps, ComboboxMultipleProps } from "./ComboboxProps";
|
|
9
9
|
export type { ComboboxOption } from "./Combobox.variants";
|
|
10
10
|
export type { IconName } from "../../core/icon";
|
|
11
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -6,23 +6,6 @@
|
|
|
6
6
|
* a `border.focus` ring a small gap outside the field, on the canvas, where that token is the one
|
|
7
7
|
* proven ≥ 3:1.
|
|
8
8
|
*/
|
|
9
|
-
import type {
|
|
10
|
-
export interface ComposerProps {
|
|
11
|
-
value: string;
|
|
12
|
-
onChangeText: (text: string) => void;
|
|
13
|
-
onSend: () => void;
|
|
14
|
-
placeholder?: string;
|
|
15
|
-
/**
|
|
16
|
-
* The field's accessible name. Defaults to `placeholder`, which is the only text this component
|
|
17
|
-
* renders — but a placeholder is not a label (it disappears the moment there is a value), so a
|
|
18
|
-
* caller with more than one composer on screen needs to be able to name them apart.
|
|
19
|
-
*/
|
|
20
|
-
accessibilityLabel?: string;
|
|
21
|
-
disabled?: boolean;
|
|
22
|
-
sending?: boolean;
|
|
23
|
-
/** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
|
|
24
|
-
style?: LayoutStyle;
|
|
25
|
-
testID?: string;
|
|
26
|
-
}
|
|
9
|
+
import type { ComposerProps } from "./ComposerProps";
|
|
27
10
|
export declare const Composer: import("react").NamedExoticComponent<ComposerProps>;
|
|
28
11
|
//# sourceMappingURL=Composer.d.ts.map
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { LayoutStyle } from "../../core/style";
|
|
2
|
+
/** Chat message input row with a multiline field and send button. */
|
|
3
|
+
export interface ComposerProps {
|
|
4
|
+
value: string;
|
|
5
|
+
onChangeText: (text: string) => void;
|
|
6
|
+
/** Only invoked when the trimmed `value` is non-empty and the field is editable. */
|
|
7
|
+
onSend: () => void;
|
|
8
|
+
/** Defaults to "Message". */
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
/** Defaults to `placeholder`, which disappears once there is a value. */
|
|
11
|
+
accessibilityLabel?: string;
|
|
12
|
+
/** Disables the input and send button. */
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
/** Shows a spinner in place of the send icon and disables the field. */
|
|
15
|
+
sending?: boolean;
|
|
16
|
+
/** Layout-only, outermost, applied exactly once as the LAST entry in the root style array. */
|
|
17
|
+
style?: LayoutStyle;
|
|
18
|
+
testID?: string;
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=ComposerProps.d.ts.map
|