@astryxdesign/core 0.7.7 → 0.7.8-canary.0588a13
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/AlertDialog/AlertDialog.d.ts +4 -1
- package/dist/AlertDialog/AlertDialog.d.ts.map +1 -1
- package/dist/AlertDialog/AlertDialog.js +46 -6
- package/dist/AppShell/AppShell.d.ts.map +1 -1
- package/dist/AppShell/AppShell.js +11 -3
- package/dist/BottomSheet/BottomSheet.d.ts.map +1 -1
- package/dist/BottomSheet/BottomSheet.js +1 -0
- package/dist/BottomSheet/BottomSheetPanel.d.ts +1 -1
- package/dist/BottomSheet/BottomSheetPanel.d.ts.map +1 -1
- package/dist/BottomSheet/BottomSheetPanel.js +55 -18
- package/dist/BottomSheet/BottomSheetSwitcher.d.ts.map +1 -1
- package/dist/BottomSheet/BottomSheetSwitcher.js +5 -0
- package/dist/BottomSheet/bottomSheetStack.js +1 -1
- package/dist/BottomSheet/useSheetGestures.d.ts +3 -1
- package/dist/BottomSheet/useSheetGestures.d.ts.map +1 -1
- package/dist/BottomSheet/useSheetGestures.js +16 -1
- package/dist/Button/Button.d.ts.map +1 -1
- package/dist/Button/Button.js +17 -1
- package/dist/Calendar/Calendar.d.ts.map +1 -1
- package/dist/Calendar/Calendar.js +18 -22
- package/dist/Calendar/getWeekdayHeaderNames.d.ts +16 -0
- package/dist/Calendar/getWeekdayHeaderNames.d.ts.map +1 -0
- package/dist/Calendar/getWeekdayHeaderNames.js +70 -0
- package/dist/Calendar/hooks/useCalendarDays.d.ts.map +1 -1
- package/dist/Calendar/hooks/useCalendarDays.js +2 -10
- package/dist/Calendar/{standaloneShortWeekdayNames.generated.d.ts → weekdayHeaderNames.generated.d.ts} +14 -14
- package/dist/Calendar/weekdayHeaderNames.generated.d.ts.map +1 -0
- package/dist/Calendar/{standaloneShortWeekdayNames.generated.js → weekdayHeaderNames.generated.js} +12 -12
- package/dist/Carousel/Carousel.d.ts.map +1 -1
- package/dist/Carousel/Carousel.js +2 -0
- package/dist/Chat/ChatComposerInput.d.ts.map +1 -1
- package/dist/Chat/ChatComposerInput.js +6 -1
- package/dist/Chat/ChatMessageList.d.ts.map +1 -1
- package/dist/Chat/ChatMessageList.js +2 -1
- package/dist/Chat/useChatDictation.d.ts.map +1 -1
- package/dist/Chat/useChatDictation.js +2 -0
- package/dist/Chat/useChatNewMessages.js +1 -1
- package/dist/Chat/useChatStreamScroll.d.ts.map +1 -1
- package/dist/Chat/useChatStreamScroll.js +2 -0
- package/dist/Chat/useSpeechRecognition.d.ts.map +1 -1
- package/dist/Chat/useSpeechRecognition.js +3 -0
- package/dist/Chat/useTriggerMenu.js +1 -1
- package/dist/CheckboxInput/CheckboxInput.d.ts.map +1 -1
- package/dist/CheckboxInput/CheckboxInput.js +17 -12
- package/dist/CheckboxList/CheckboxList.d.ts +20 -2
- package/dist/CheckboxList/CheckboxList.d.ts.map +1 -1
- package/dist/CheckboxList/CheckboxList.js +12 -4
- package/dist/CheckboxList/CheckboxListContext.d.ts +7 -0
- package/dist/CheckboxList/CheckboxListContext.d.ts.map +1 -1
- package/dist/CheckboxList/CheckboxListContext.js +2 -1
- package/dist/CheckboxList/CheckboxListItem.d.ts.map +1 -1
- package/dist/CheckboxList/CheckboxListItem.js +14 -2
- package/dist/CheckboxList/requiredGroup.d.ts +22 -0
- package/dist/CheckboxList/requiredGroup.d.ts.map +1 -0
- package/dist/CheckboxList/requiredGroup.js +52 -0
- package/dist/CodeBlock/CodeBlock.d.ts +10 -1
- package/dist/CodeBlock/CodeBlock.d.ts.map +1 -1
- package/dist/CodeBlock/CodeBlock.js +28 -11
- package/dist/CommandPalette/CommandPalette.d.ts.map +1 -1
- package/dist/CommandPalette/CommandPalette.js +2 -0
- package/dist/CommandPalette/CommandPaletteItem.d.ts.map +1 -1
- package/dist/CommandPalette/CommandPaletteItem.js +2 -0
- package/dist/ComplexSelector/ComplexSelector.d.ts +4 -1
- package/dist/ComplexSelector/ComplexSelector.d.ts.map +1 -1
- package/dist/ComplexSelector/ComplexSelector.js +14 -4
- package/dist/ContextMenu/ContextMenu.js +2 -2
- package/dist/DateInput/MonthScroller.d.ts.map +1 -1
- package/dist/DateInput/MonthScroller.js +5 -2
- package/dist/DateInput/PickerWheel.d.ts +19 -0
- package/dist/DateInput/PickerWheel.d.ts.map +1 -0
- package/dist/DateInput/PickerWheel.js +646 -0
- package/dist/DateInput/TouchDateField.d.ts.map +1 -1
- package/dist/DateInput/TouchDateField.js +9 -30
- package/dist/DateInput/Wheel.d.ts +18 -37
- package/dist/DateInput/Wheel.d.ts.map +1 -1
- package/dist/DateInput/Wheel.js +133 -120
- package/dist/DateInput/datePickerTouch.d.ts +13 -0
- package/dist/DateInput/datePickerTouch.d.ts.map +1 -0
- package/dist/DateInput/datePickerTouch.js +14 -0
- package/dist/DateInput/useOwnScrollGesture.d.ts +10 -0
- package/dist/DateInput/useOwnScrollGesture.d.ts.map +1 -1
- package/dist/DateInput/useOwnScrollGesture.js +16 -3
- package/dist/DateInput/usePointerDragScroll.d.ts.map +1 -1
- package/dist/DateInput/usePointerDragScroll.js +2 -0
- package/dist/DateInput/useScrollSettle.d.ts.map +1 -1
- package/dist/DateInput/useScrollSettle.js +3 -0
- package/dist/DateInput/useWheelListbox.d.ts +59 -0
- package/dist/DateInput/useWheelListbox.d.ts.map +1 -0
- package/dist/DateInput/useWheelListbox.js +88 -0
- package/dist/DateInput/wheelOptions.d.ts +94 -0
- package/dist/DateInput/wheelOptions.d.ts.map +1 -0
- package/dist/DateInput/wheelOptions.js +110 -0
- package/dist/DateInput/wheelPhysics.d.ts +127 -0
- package/dist/DateInput/wheelPhysics.d.ts.map +1 -0
- package/dist/DateInput/wheelPhysics.js +341 -0
- package/dist/DateInput/wheelStrip.d.ts +92 -0
- package/dist/DateInput/wheelStrip.d.ts.map +1 -0
- package/dist/DateInput/wheelStrip.js +258 -0
- package/dist/DateTimeInput/TouchDateTimeField.d.ts.map +1 -1
- package/dist/DateTimeInput/TouchDateTimeField.js +70 -127
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +9 -32
- package/dist/Drawer/useDrawerDialogPresence.d.ts.map +1 -1
- package/dist/Drawer/useDrawerDialogPresence.js +3 -0
- package/dist/DropdownMenu/useMenuOverflow.d.ts.map +1 -1
- package/dist/DropdownMenu/useMenuOverflow.js +5 -0
- package/dist/Field/Field.js +2 -2
- package/dist/FieldStatus/useFieldStatusAnnouncement.d.ts.map +1 -1
- package/dist/FieldStatus/useFieldStatusAnnouncement.js +1 -0
- package/dist/FormLayout/FormLayout.d.ts +5 -1
- package/dist/FormLayout/FormLayout.d.ts.map +1 -1
- package/dist/HoverCard/HoverCard.d.ts +6 -4
- package/dist/HoverCard/HoverCard.d.ts.map +1 -1
- package/dist/HoverCard/HoverCard.js +48 -3
- package/dist/HoverCard/useHoverCard.d.ts +5 -4
- package/dist/HoverCard/useHoverCard.d.ts.map +1 -1
- package/dist/HoverCard/useHoverCard.js +26 -34
- package/dist/Icon/Icon.d.ts +5 -1
- package/dist/Icon/Icon.d.ts.map +1 -1
- package/dist/Icon/Icon.js +20 -3
- package/dist/InfoTip/InfoTip.d.ts +5 -5
- package/dist/InfoTip/InfoTip.d.ts.map +1 -1
- package/dist/InfoTip/InfoTip.js +58 -19
- package/dist/Item/useSwipeAction.d.ts.map +1 -1
- package/dist/Item/useSwipeAction.js +3 -0
- package/dist/Layer/modalOutlet.d.ts.map +1 -1
- package/dist/Layer/modalOutlet.js +2 -0
- package/dist/Layer/outsidePress.d.ts.map +1 -1
- package/dist/Layer/outsidePress.js +1 -0
- package/dist/Layer/useLayer.d.ts.map +1 -1
- package/dist/Layer/useLayer.js +4 -1
- package/dist/Layer/useLayerDismissal.d.ts.map +1 -1
- package/dist/Layer/useLayerDismissal.js +3 -0
- package/dist/Layer/useTouchTrigger.d.ts +13 -7
- package/dist/Layer/useTouchTrigger.d.ts.map +1 -1
- package/dist/Layer/useTouchTrigger.js +20 -6
- package/dist/Layout/index.d.ts +1 -1
- package/dist/Layout/index.d.ts.map +1 -1
- package/dist/Layout/index.js +1 -1
- package/dist/Layout/layoutReset.js +1 -1
- package/dist/Layout/overlayPaddingReset.stylex.d.ts +68 -0
- package/dist/Layout/overlayPaddingReset.stylex.d.ts.map +1 -0
- package/dist/Layout/overlayPaddingReset.stylex.js +72 -0
- package/dist/Layout/padding.stylex.d.ts +5 -129
- package/dist/Layout/padding.stylex.d.ts.map +1 -1
- package/dist/Layout/padding.stylex.js +9 -143
- package/dist/Layout/paddingStyles.stylex.d.ts +83 -0
- package/dist/Layout/paddingStyles.stylex.d.ts.map +1 -0
- package/dist/Layout/paddingStyles.stylex.js +99 -0
- package/dist/Lightbox/Lightbox.d.ts.map +1 -1
- package/dist/Lightbox/Lightbox.js +20 -1
- package/dist/MobileNav/MobileNav.d.ts +3 -2
- package/dist/MobileNav/MobileNav.d.ts.map +1 -1
- package/dist/MobileNav/MobileNav.js +10 -26
- package/dist/MultiSelector/MultiSelector.d.ts.map +1 -1
- package/dist/MultiSelector/MultiSelector.js +2 -1
- package/dist/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/NumberInput/NumberInput.js +2 -1
- package/dist/Outline/useOutlineFromDOM.d.ts.map +1 -1
- package/dist/Outline/useOutlineFromDOM.js +3 -0
- package/dist/Outline/useScrollSpy.d.ts.map +1 -1
- package/dist/Outline/useScrollSpy.js +3 -0
- package/dist/OverflowList/OverflowList.d.ts.map +1 -1
- package/dist/OverflowList/OverflowList.js +3 -0
- package/dist/Overlay/Overlay.d.ts.map +1 -1
- package/dist/Overlay/Overlay.js +7 -2
- package/dist/Popover/Popover.d.ts.map +1 -1
- package/dist/Popover/Popover.js +6 -0
- package/dist/Popover/usePopover.js +2 -2
- package/dist/PowerSearch/PowerSearch.d.ts +41 -4
- package/dist/PowerSearch/PowerSearch.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearch.js +441 -134
- package/dist/PowerSearch/PowerSearchBottomSheet.d.ts +125 -0
- package/dist/PowerSearch/PowerSearchBottomSheet.d.ts.map +1 -0
- package/dist/PowerSearch/PowerSearchBottomSheet.js +2041 -0
- package/dist/PowerSearch/PowerSearchEditPopover.d.ts +35 -2
- package/dist/PowerSearch/PowerSearchEditPopover.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearchEditPopover.js +43 -10
- package/dist/PowerSearch/PowerSearchFilterEditor.d.ts +1 -1
- package/dist/PowerSearch/PowerSearchFilterEditor.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearchFilterEditor.js +4 -2
- package/dist/PowerSearch/PowerSearchToken.d.ts +1 -1
- package/dist/PowerSearch/PowerSearchToken.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearchToken.js +3 -2
- package/dist/PowerSearch/PowerSearchValueEditor.d.ts +38 -3
- package/dist/PowerSearch/PowerSearchValueEditor.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearchValueEditor.js +273 -86
- package/dist/PowerSearch/formatFilterValue.d.ts +14 -7
- package/dist/PowerSearch/formatFilterValue.d.ts.map +1 -1
- package/dist/PowerSearch/formatFilterValue.js +31 -23
- package/dist/PowerSearch/formatTokenValue.d.ts +28 -0
- package/dist/PowerSearch/formatTokenValue.d.ts.map +1 -0
- package/dist/PowerSearch/formatTokenValue.js +161 -0
- package/dist/PowerSearch/index.d.ts +1 -1
- package/dist/PowerSearch/index.d.ts.map +1 -1
- package/dist/PowerSearch/powerSearchDateZone.d.ts +25 -0
- package/dist/PowerSearch/powerSearchDateZone.d.ts.map +1 -0
- package/dist/PowerSearch/powerSearchDateZone.js +57 -0
- package/dist/PowerSearch/powerSearchSheetUtils.d.ts +65 -0
- package/dist/PowerSearch/powerSearchSheetUtils.d.ts.map +1 -0
- package/dist/PowerSearch/powerSearchSheetUtils.js +168 -0
- package/dist/PowerSearch/types.d.ts +8 -1
- package/dist/PowerSearch/types.d.ts.map +1 -1
- package/dist/ProgressBar/ProgressBarTouch.d.ts.map +1 -1
- package/dist/ProgressBar/ProgressBarTouch.js +2 -0
- package/dist/RadioList/RadioList.d.ts.map +1 -1
- package/dist/RadioList/RadioList.js +3 -2
- package/dist/RadioList/RadioListItem.d.ts +1 -1
- package/dist/RadioList/RadioListItem.d.ts.map +1 -1
- package/dist/RadioList/RadioListItem.js +5 -3
- package/dist/Resizable/ResizeHandle.d.ts +2 -1
- package/dist/Resizable/ResizeHandle.d.ts.map +1 -1
- package/dist/Resizable/ResizeHandle.js +116 -92
- package/dist/Resizable/createResizable.d.ts +199 -0
- package/dist/Resizable/createResizable.d.ts.map +1 -0
- package/dist/Resizable/createResizable.js +733 -0
- package/dist/Resizable/separatorAttributes.d.ts +45 -0
- package/dist/Resizable/separatorAttributes.d.ts.map +1 -0
- package/dist/Resizable/separatorAttributes.js +35 -0
- package/dist/Resizable/useResizable.d.ts +3 -3
- package/dist/Resizable/useResizable.d.ts.map +1 -1
- package/dist/Resizable/useResizable.js +252 -459
- package/dist/SegmentedControl/useSegmentedSelectionMotion.d.ts.map +1 -1
- package/dist/SegmentedControl/useSegmentedSelectionMotion.js +3 -3
- package/dist/SelectableCard/SelectableCard.d.ts +2 -0
- package/dist/SelectableCard/SelectableCard.d.ts.map +1 -1
- package/dist/SelectableCard/SelectableCard.js +36 -11
- package/dist/SelectableCard/selectableCardInput.d.ts +12 -0
- package/dist/SelectableCard/selectableCardInput.d.ts.map +1 -0
- package/dist/SelectableCard/selectableCardInput.js +20 -0
- package/dist/Selector/Selector.d.ts.map +1 -1
- package/dist/Selector/Selector.js +7 -9
- package/dist/SideNav/SideNav.d.ts.map +1 -1
- package/dist/SideNav/SideNav.js +36 -5
- package/dist/Slider/Slider.d.ts.map +1 -1
- package/dist/Slider/Slider.js +16 -11
- package/dist/Slider/sliderTouchController.js +2 -2
- package/dist/Spinner/Spinner.d.ts +1 -1
- package/dist/Spinner/Spinner.d.ts.map +1 -1
- package/dist/Spinner/Spinner.js +60 -58
- package/dist/Stepper/Stepper.d.ts.map +1 -1
- package/dist/Stepper/Stepper.js +10 -15
- package/dist/Switch/Switch.d.ts.map +1 -1
- package/dist/Switch/Switch.js +4 -10
- package/dist/Switch/useSwitchTouch.js +4 -4
- package/dist/Table/BaseTable.d.ts.map +1 -1
- package/dist/Table/BaseTable.js +29 -8
- package/dist/Table/plugins/columnResize/useTableColumnResize.d.ts.map +1 -1
- package/dist/Table/plugins/columnResize/useTableColumnResize.js +3 -1
- package/dist/Table/plugins/filtering/useTableFiltering.d.ts.map +1 -1
- package/dist/Table/plugins/filtering/useTableFiltering.js +2 -1
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts +12 -0
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts.map +1 -1
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.js +17 -3
- package/dist/Table/plugins/stickyColumns/useTableStickyColumns.d.ts.map +1 -1
- package/dist/Table/plugins/stickyColumns/useTableStickyColumns.js +2 -0
- package/dist/Table/plugins/tree/useTableTreeData.d.ts +11 -0
- package/dist/Table/plugins/tree/useTableTreeData.d.ts.map +1 -1
- package/dist/Table/plugins/tree/useTableTreeData.js +27 -14
- package/dist/TextArea/TextArea.d.ts.map +1 -1
- package/dist/TextArea/TextArea.js +2 -1
- package/dist/TextInput/TextInput.d.ts +2 -2
- package/dist/TextInput/TextInput.d.ts.map +1 -1
- package/dist/TextInput/TextInput.js +12 -8
- package/dist/TimeInput/TimeInput.d.ts.map +1 -1
- package/dist/TimeInput/TimeInput.js +2 -0
- package/dist/TimeInput/TimeWheels.d.ts +32 -0
- package/dist/TimeInput/TimeWheels.d.ts.map +1 -0
- package/dist/TimeInput/TimeWheels.js +144 -0
- package/dist/TimeInput/TouchTimeField.d.ts.map +1 -1
- package/dist/TimeInput/TouchTimeField.js +63 -116
- package/dist/TimeInput/timeWheelRules.d.ts +124 -0
- package/dist/TimeInput/timeWheelRules.d.ts.map +1 -0
- package/dist/TimeInput/timeWheelRules.js +277 -0
- package/dist/Timer/Timer.d.ts.map +1 -1
- package/dist/Timer/Timer.js +2 -0
- package/dist/Timestamp/Timestamp.js +1 -1
- package/dist/Timestamp/formatInstant.d.ts.map +1 -1
- package/dist/Timestamp/formatInstant.js +1 -23
- package/dist/Toast/Toast.d.ts +11 -1
- package/dist/Toast/Toast.d.ts.map +1 -1
- package/dist/Toast/Toast.js +25 -15
- package/dist/Toast/ToastViewport.d.ts.map +1 -1
- package/dist/Toast/ToastViewport.js +97 -34
- package/dist/Toast/types.d.ts +9 -3
- package/dist/Toast/types.d.ts.map +1 -1
- package/dist/Toast/useToast.d.ts.map +1 -1
- package/dist/Toast/useToast.js +1 -0
- package/dist/Tokenizer/Tokenizer.d.ts +44 -46
- package/dist/Tokenizer/Tokenizer.d.ts.map +1 -1
- package/dist/Tokenizer/Tokenizer.js +20 -21
- package/dist/Tokenizer/TokenizerBottomSheet.d.ts +1 -1
- package/dist/Tokenizer/TokenizerBottomSheet.js +12 -18
- package/dist/Tokenizer/index.d.ts +1 -1
- package/dist/Tokenizer/index.d.ts.map +1 -1
- package/dist/Tooltip/Tooltip.d.ts +2 -23
- package/dist/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/Tooltip/Tooltip.js +5 -29
- package/dist/Tooltip/useTooltip.d.ts +23 -30
- package/dist/Tooltip/useTooltip.d.ts.map +1 -1
- package/dist/Tooltip/useTooltip.js +200 -108
- package/dist/Typeahead/BaseTypeahead.d.ts.map +1 -1
- package/dist/Typeahead/BaseTypeahead.js +27 -18
- package/dist/Typeahead/TypeaheadItem.d.ts +2 -1
- package/dist/Typeahead/TypeaheadItem.d.ts.map +1 -1
- package/dist/animator/createAnimator.d.ts +98 -0
- package/dist/animator/createAnimator.d.ts.map +1 -0
- package/dist/animator/createAnimator.js +259 -0
- package/dist/astryx.css +53 -8
- package/dist/gestures/GestureHost.d.ts +16 -1
- package/dist/gestures/GestureHost.d.ts.map +1 -1
- package/dist/gestures/GestureHost.js +4 -1
- package/dist/gestures/PressTracker.d.ts.map +1 -1
- package/dist/gestures/PressTracker.js +4 -3
- package/dist/hooks/ModalAnnounceProvider.d.ts.map +1 -1
- package/dist/hooks/ModalAnnounceProvider.js +1 -0
- package/dist/hooks/actionGroupTracker.d.ts +4 -1
- package/dist/hooks/actionGroupTracker.d.ts.map +1 -1
- package/dist/hooks/actionGroupTracker.js +18 -7
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/longPressDetector.d.ts +66 -0
- package/dist/hooks/longPressDetector.d.ts.map +1 -0
- package/dist/hooks/longPressDetector.js +200 -0
- package/dist/hooks/pressGroupContext.d.ts +6 -0
- package/dist/hooks/pressGroupContext.d.ts.map +1 -0
- package/dist/hooks/pressGroupContext.js +20 -0
- package/dist/hooks/rootScrollStyles.d.ts +48 -0
- package/dist/hooks/rootScrollStyles.d.ts.map +1 -0
- package/dist/hooks/rootScrollStyles.js +207 -0
- package/dist/hooks/scrollLockTouchGuard.d.ts +13 -0
- package/dist/hooks/scrollLockTouchGuard.d.ts.map +1 -0
- package/dist/hooks/scrollLockTouchGuard.js +117 -0
- package/dist/hooks/scrollbarGutter.d.ts +4 -4
- package/dist/hooks/scrollbarGutter.d.ts.map +1 -1
- package/dist/hooks/scrollbarGutter.js +36 -23
- package/dist/hooks/useActionGroupTracking.d.ts +53 -0
- package/dist/hooks/useActionGroupTracking.d.ts.map +1 -0
- package/dist/hooks/useActionGroupTracking.js +174 -0
- package/dist/hooks/useAnimator.d.ts +41 -0
- package/dist/hooks/useAnimator.d.ts.map +1 -0
- package/dist/hooks/useAnimator.js +70 -0
- package/dist/hooks/useAnnounceRenderedText.d.ts.map +1 -1
- package/dist/hooks/useAnnounceRenderedText.js +1 -0
- package/dist/hooks/useAttachment.d.ts +1 -1
- package/dist/hooks/useAttachment.js +1 -1
- package/dist/hooks/useAutoMediaMode.d.ts.map +1 -1
- package/dist/hooks/useAutoMediaMode.js +1 -0
- package/dist/hooks/useBusyAnnouncement.d.ts.map +1 -1
- package/dist/hooks/useBusyAnnouncement.js +2 -0
- package/dist/hooks/useDevWarning.d.ts.map +1 -1
- package/dist/hooks/useDevWarning.js +2 -0
- package/dist/hooks/useFocusTrap.d.ts.map +1 -1
- package/dist/hooks/useFocusTrap.js +2 -0
- package/dist/hooks/useGridFocus.d.ts +8 -5
- package/dist/hooks/useGridFocus.d.ts.map +1 -1
- package/dist/hooks/useGridFocus.js +4 -3
- package/dist/hooks/useHotkeys.d.ts.map +1 -1
- package/dist/hooks/useHotkeys.js +3 -0
- package/dist/hooks/useImageMode.d.ts.map +1 -1
- package/dist/hooks/useImageMode.js +3 -0
- package/dist/hooks/useInputStatusIcon.d.ts +1 -1
- package/dist/hooks/useInputStatusIcon.d.ts.map +1 -1
- package/dist/hooks/useInputStatusIcon.js +2 -2
- package/dist/hooks/useIsomorphicLayoutEffect.d.ts +2 -2
- package/dist/hooks/useIsomorphicLayoutEffect.d.ts.map +1 -1
- package/dist/hooks/useKeyboardHint.js +1 -1
- package/dist/hooks/useLongPress.d.ts +8 -9
- package/dist/hooks/useLongPress.d.ts.map +1 -1
- package/dist/hooks/useLongPress.js +23 -106
- package/dist/hooks/useMenuHover.d.ts.map +1 -1
- package/dist/hooks/useMenuHover.js +2 -0
- package/dist/hooks/useMenuPress.d.ts.map +1 -1
- package/dist/hooks/useMenuPress.js +3 -0
- package/dist/hooks/useOverflow.d.ts.map +1 -1
- package/dist/hooks/useOverflow.js +2 -1
- package/dist/hooks/usePressFeedback.d.ts.map +1 -1
- package/dist/hooks/usePressFeedback.js +1 -0
- package/dist/hooks/useResolvedRequired.d.ts +3 -0
- package/dist/hooks/useResolvedRequired.d.ts.map +1 -1
- package/dist/hooks/useResolvedRequired.js +3 -0
- package/dist/hooks/useScrollLock.d.ts +8 -9
- package/dist/hooks/useScrollLock.d.ts.map +1 -1
- package/dist/hooks/useScrollLock.js +50 -48
- package/dist/hooks/useScrollableArea.d.ts.map +1 -1
- package/dist/hooks/useScrollableArea.js +5 -0
- package/dist/hooks/useStreamingText.d.ts.map +1 -1
- package/dist/hooks/useStreamingText.js +3 -0
- package/dist/i18n/generated-english/PowerSearch/PowerSearchBottomSheet.generated.d.ts +8 -0
- package/dist/i18n/generated-english/PowerSearch/PowerSearchBottomSheet.generated.d.ts.map +1 -0
- package/dist/i18n/generated-english/PowerSearch/PowerSearchBottomSheet.generated.js +45 -0
- package/dist/i18n/generated-english/PowerSearch/PowerSearchValueEditor.generated.d.ts.map +1 -1
- package/dist/i18n/generated-english/PowerSearch/PowerSearchValueEditor.generated.js +6 -0
- package/dist/i18n/generated-english/PowerSearch/formatTokenValue.generated.d.ts +8 -0
- package/dist/i18n/generated-english/PowerSearch/formatTokenValue.generated.d.ts.map +1 -0
- package/dist/i18n/generated-english/PowerSearch/formatTokenValue.generated.js +14 -0
- package/dist/i18n/generated-english/Resizable/createResizable.generated.d.ts +8 -0
- package/dist/i18n/generated-english/Resizable/createResizable.generated.d.ts.map +1 -0
- package/dist/i18n/generated-english/Resizable/createResizable.generated.js +13 -0
- package/dist/i18n/generated-english/Table/plugins/rowExpansion/useTableRowExpansion.generated.d.ts.map +1 -1
- package/dist/i18n/generated-english/Table/plugins/rowExpansion/useTableRowExpansion.generated.js +3 -1
- package/dist/i18n/generated-english/Table/plugins/tree/useTableTreeData.generated.d.ts.map +1 -1
- package/dist/i18n/generated-english/Table/plugins/tree/useTableTreeData.generated.js +3 -1
- package/dist/i18n/generated-english/TimeInput/TimeWheels.generated.d.ts +8 -0
- package/dist/i18n/generated-english/TimeInput/TimeWheels.generated.d.ts.map +1 -0
- package/dist/i18n/generated-english/TimeInput/TimeWheels.generated.js +17 -0
- package/dist/i18n/generated-locales/en.generated.d.ts.map +1 -1
- package/dist/i18n/generated-locales/en.generated.js +37 -0
- package/dist/i18n/generated-locales/pseudo.generated.d.ts.map +1 -1
- package/dist/i18n/generated-locales/pseudo.generated.js +37 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -0
- package/dist/internal/indicatorPress.stylex.d.ts +20 -0
- package/dist/internal/indicatorPress.stylex.d.ts.map +1 -0
- package/dist/internal/indicatorPress.stylex.js +26 -0
- package/dist/internal/selectable-card.d.ts +21 -0
- package/dist/internal/selectable-card.d.ts.map +1 -0
- package/dist/internal/selectable-card.js +20 -0
- package/dist/internal/sheetDraft.d.ts +2 -2
- package/dist/internal/sheetDraft.js +2 -2
- package/dist/keyboard/index.d.ts +17 -0
- package/dist/keyboard/index.d.ts.map +1 -0
- package/dist/keyboard/index.js +19 -0
- package/dist/keyboard/keyboardHeight.d.ts +149 -0
- package/dist/keyboard/keyboardHeight.d.ts.map +1 -0
- package/dist/keyboard/keyboardHeight.js +432 -0
- package/dist/keyboard/keyboardLayoutGuide.d.ts +59 -0
- package/dist/keyboard/keyboardLayoutGuide.d.ts.map +1 -0
- package/dist/keyboard/keyboardLayoutGuide.js +207 -0
- package/dist/keyboard/keyboardModel.d.ts +93 -0
- package/dist/keyboard/keyboardModel.d.ts.map +1 -0
- package/dist/keyboard/keyboardModel.js +220 -0
- package/dist/keyboard/rideKeyboard.d.ts +42 -0
- package/dist/keyboard/rideKeyboard.d.ts.map +1 -0
- package/dist/keyboard/rideKeyboard.js +77 -0
- package/dist/keyboard/useMobileKeyboard.d.ts +61 -0
- package/dist/keyboard/useMobileKeyboard.d.ts.map +1 -0
- package/dist/keyboard/useMobileKeyboard.js +699 -0
- package/dist/motion/android/index.d.ts +16 -0
- package/dist/motion/android/index.d.ts.map +1 -0
- package/dist/motion/android/index.js +18 -0
- package/dist/motion/android/keyboard.d.ts +83 -0
- package/dist/motion/android/keyboard.d.ts.map +1 -0
- package/dist/motion/android/keyboard.js +96 -0
- package/dist/motion/animatedLayout.d.ts +8 -0
- package/dist/motion/animatedLayout.d.ts.map +1 -1
- package/dist/motion/animatedLayout.js +246 -53
- package/dist/motion/animator.d.ts +14 -14
- package/dist/motion/animator.d.ts.map +1 -1
- package/dist/motion/animator.js +45 -26
- package/dist/motion/frameBlock.d.ts +14 -0
- package/dist/motion/frameBlock.d.ts.map +1 -0
- package/dist/motion/frameBlock.js +16 -0
- package/dist/motion/progress.d.ts +88 -0
- package/dist/motion/progress.d.ts.map +1 -0
- package/dist/motion/progress.js +128 -0
- package/dist/motion/reducedMotion.d.ts.map +1 -1
- package/dist/motion/reducedMotion.js +3 -1
- package/dist/motion/uikit/alert.d.ts +41 -0
- package/dist/motion/uikit/alert.d.ts.map +1 -0
- package/dist/motion/uikit/alert.js +43 -0
- package/dist/motion/uikit/datePicker.d.ts +58 -0
- package/dist/motion/uikit/datePicker.d.ts.map +1 -0
- package/dist/motion/uikit/datePicker.js +60 -0
- package/dist/motion/uikit/index.d.ts +6 -4
- package/dist/motion/uikit/index.d.ts.map +1 -1
- package/dist/motion/uikit/index.js +6 -4
- package/dist/motion/uikit/picker.d.ts +96 -0
- package/dist/motion/uikit/picker.d.ts.map +1 -0
- package/dist/motion/uikit/picker.js +117 -0
- package/dist/privateAttributes/pressGroupItem.stylex.d.ts +22 -0
- package/dist/privateAttributes/pressGroupItem.stylex.d.ts.map +1 -0
- package/dist/privateAttributes/pressGroupItem.stylex.js +36 -0
- package/dist/privateAttributes/reducedMotion.stylex.d.ts +23 -0
- package/dist/privateAttributes/reducedMotion.stylex.d.ts.map +1 -0
- package/dist/privateAttributes/reducedMotion.stylex.js +40 -0
- package/dist/theme/Theme.d.ts.map +1 -1
- package/dist/theme/Theme.js +29 -4
- package/dist/theme/generateThemeRules.d.ts.map +1 -1
- package/dist/theme/generateThemeRules.js +14 -13
- package/dist/theme/motionKnobs.d.ts +4 -3
- package/dist/theme/motionKnobs.d.ts.map +1 -1
- package/dist/theme/motionKnobs.js +3 -2
- package/dist/theme/themeMotion.d.ts +6 -0
- package/dist/theme/themeMotion.d.ts.map +1 -1
- package/dist/theme/themeMotion.js +15 -2
- package/dist/theme/tokens.stylex.d.ts +3 -0
- package/dist/theme/tokens.stylex.d.ts.map +1 -1
- package/dist/theme/tokens.stylex.js +4 -1
- package/dist/utils/dateParser.d.ts.map +1 -1
- package/dist/utils/dateParser.js +12 -0
- package/dist/utils/disabledInteraction.d.ts +10 -2
- package/dist/utils/disabledInteraction.d.ts.map +1 -1
- package/dist/utils/disabledInteraction.js +16 -2
- package/dist/utils/focusReturn.d.ts +22 -25
- package/dist/utils/focusReturn.d.ts.map +1 -1
- package/dist/utils/focusReturn.js +36 -29
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +1 -1
- package/dist/utils/interactionModality.d.ts.map +1 -1
- package/dist/utils/interactionModality.js +4 -0
- package/dist/utils/interactionOverlay.stylex.d.ts +6 -4
- package/dist/utils/interactionOverlay.stylex.d.ts.map +1 -1
- package/dist/utils/interactionOverlay.stylex.js +6 -4
- package/dist/utils/isFocusDetached.d.ts +27 -0
- package/dist/utils/isFocusDetached.d.ts.map +1 -0
- package/dist/utils/isFocusDetached.js +32 -0
- package/dist/utils/layoutViewport.d.ts +25 -0
- package/dist/utils/layoutViewport.d.ts.map +1 -0
- package/dist/utils/layoutViewport.js +102 -0
- package/dist/utils/plainDate.d.ts +31 -0
- package/dist/utils/plainDate.d.ts.map +1 -1
- package/dist/utils/plainDate.js +68 -4
- package/dist/utils/pressFeedback.d.ts +6 -0
- package/dist/utils/pressFeedback.d.ts.map +1 -1
- package/dist/utils/pressFeedback.js +97 -18
- package/dist/utils/pressGesture.d.ts +4 -2
- package/dist/utils/pressGesture.d.ts.map +1 -1
- package/dist/utils/pressGesture.js +3 -1
- package/dist/utils/selectionLock.d.ts +10 -1
- package/dist/utils/selectionLock.d.ts.map +1 -1
- package/dist/utils/selectionLock.js +31 -5
- package/dist/utils/sharedMutationObserver.d.ts +2 -1
- package/dist/utils/sharedMutationObserver.d.ts.map +1 -1
- package/dist/utils/sharedMutationObserver.js +2 -1
- package/dist/utils/timeParser.d.ts +2 -1
- package/dist/utils/timeParser.d.ts.map +1 -1
- package/dist/utils/timeParser.js +29 -3
- package/dist/utils/triggerFocus.d.ts +36 -0
- package/dist/utils/triggerFocus.d.ts.map +1 -0
- package/dist/utils/triggerFocus.js +65 -0
- package/locales/en.json +148 -0
- package/locales/pseudo.json +111 -0
- package/package.json +14 -9
- package/src/AlertDialog/AlertDialog.doc.mjs +2 -2
- package/src/AlertDialog/AlertDialog.tsx +46 -5
- package/src/AppShell/AppShell.tsx +13 -4
- package/src/BottomSheet/BottomSheet.doc.mjs +1 -1
- package/src/BottomSheet/BottomSheet.tsx +1 -0
- package/src/BottomSheet/BottomSheetPanel.tsx +80 -16
- package/src/BottomSheet/BottomSheetSwitcher.doc.mjs +5 -0
- package/src/BottomSheet/BottomSheetSwitcher.tsx +5 -0
- package/src/BottomSheet/bottomSheetStack.ts +1 -1
- package/src/BottomSheet/useSheetGestures.ts +16 -1
- package/src/Button/Button.tsx +26 -4
- package/src/Calendar/Calendar.tsx +40 -32
- package/src/Calendar/getWeekdayHeaderNames.ts +88 -0
- package/src/Calendar/hooks/useCalendarDays.ts +5 -10
- package/src/Calendar/{standaloneShortWeekdayNames.generated.ts → weekdayHeaderNames.generated.ts} +14 -14
- package/src/Carousel/Carousel.tsx +1 -0
- package/src/Chat/ChatComposerInput.tsx +4 -7
- package/src/Chat/ChatMessageList.tsx +2 -1
- package/src/Chat/useChatDictation.ts +1 -0
- package/src/Chat/useChatNewMessages.ts +1 -1
- package/src/Chat/useChatStreamScroll.ts +2 -0
- package/src/Chat/useSpeechRecognition.ts +2 -0
- package/src/Chat/useTriggerMenu.tsx +1 -1
- package/src/CheckboxInput/CheckboxInput.doc.mjs +18 -0
- package/src/CheckboxInput/CheckboxInput.tsx +38 -15
- package/src/CheckboxList/CheckboxList.doc.mjs +14 -0
- package/src/CheckboxList/CheckboxList.tsx +43 -2
- package/src/CheckboxList/CheckboxListContext.tsx +9 -1
- package/src/CheckboxList/CheckboxListItem.tsx +23 -2
- package/src/CheckboxList/requiredGroup.ts +77 -0
- package/src/CodeBlock/CodeBlock.doc.mjs +9 -1
- package/src/CodeBlock/CodeBlock.tsx +41 -4
- package/src/CommandPalette/CommandPalette.tsx +1 -0
- package/src/CommandPalette/CommandPaletteItem.tsx +1 -0
- package/src/ComplexSelector/ComplexSelector.tsx +20 -5
- package/src/ContextMenu/ContextMenu.tsx +2 -2
- package/src/DateInput/MonthScroller.tsx +8 -2
- package/src/DateInput/PickerWheel.tsx +796 -0
- package/src/DateInput/TouchDateField.tsx +6 -32
- package/src/DateInput/Wheel.tsx +188 -171
- package/src/DateInput/datePickerTouch.ts +15 -0
- package/src/DateInput/useOwnScrollGesture.ts +25 -3
- package/src/DateInput/usePointerDragScroll.ts +1 -0
- package/src/DateInput/useScrollSettle.ts +2 -0
- package/src/DateInput/useWheelListbox.ts +112 -0
- package/src/DateInput/wheelOptions.ts +184 -0
- package/src/DateInput/wheelPhysics.ts +406 -0
- package/src/DateInput/wheelStrip.ts +341 -0
- package/src/DateTimeInput/TouchDateTimeField.tsx +100 -189
- package/src/Dialog/Dialog.tsx +12 -32
- package/src/Drawer/useDrawerDialogPresence.ts +2 -0
- package/src/DropdownMenu/useMenuOverflow.ts +3 -0
- package/src/Field/Field.tsx +2 -2
- package/src/FieldStatus/useFieldStatusAnnouncement.ts +1 -0
- package/src/FormLayout/FormLayout.doc.mjs +181 -46
- package/src/FormLayout/FormLayout.tsx +5 -1
- package/src/HoverCard/HoverCard.doc.mjs +10 -8
- package/src/HoverCard/HoverCard.tsx +58 -6
- package/src/HoverCard/useHoverCard.doc.mjs +178 -36
- package/src/HoverCard/useHoverCard.tsx +55 -55
- package/src/Icon/Icon.doc.mjs +51 -10
- package/src/Icon/Icon.tsx +31 -8
- package/src/IconButton/IconButton.doc.mjs +141 -21
- package/src/InfoTip/InfoTip.tsx +72 -16
- package/src/Item/useSwipeAction.ts +2 -0
- package/src/Layer/modalOutlet.ts +2 -0
- package/src/Layer/outsidePress.ts +1 -0
- package/src/Layer/useLayer.tsx +3 -1
- package/src/Layer/useLayerDismissal.ts +2 -0
- package/src/Layer/useTouchTrigger.ts +19 -6
- package/src/Layout/index.ts +1 -1
- package/src/Layout/layoutReset.ts +1 -1
- package/src/Layout/overlayPaddingReset.stylex.ts +73 -0
- package/src/Layout/padding.stylex.ts +9 -133
- package/src/Layout/paddingStyles.stylex.ts +87 -0
- package/src/Lightbox/Lightbox.tsx +20 -1
- package/src/Lightbox/useLightbox.doc.mjs +167 -0
- package/src/MobileNav/MobileNav.tsx +10 -31
- package/src/MultiSelector/MultiSelector.tsx +2 -7
- package/src/NumberInput/NumberInput.tsx +2 -7
- package/src/Outline/useOutlineFromDOM.ts +2 -0
- package/src/Outline/useScrollSpy.ts +2 -0
- package/src/OverflowList/OverflowList.tsx +2 -0
- package/src/Overlay/Overlay.tsx +7 -2
- package/src/Popover/Popover.tsx +4 -0
- package/src/Popover/usePopover.tsx +2 -2
- package/src/PowerSearch/PowerSearch.doc.mjs +60 -8
- package/src/PowerSearch/PowerSearch.tsx +622 -157
- package/src/PowerSearch/PowerSearchBottomSheet.tsx +2700 -0
- package/src/PowerSearch/PowerSearchEditPopover.tsx +65 -9
- package/src/PowerSearch/PowerSearchFilterEditor.tsx +2 -0
- package/src/PowerSearch/PowerSearchToken.tsx +2 -0
- package/src/PowerSearch/PowerSearchValueEditor.tsx +340 -59
- package/src/PowerSearch/formatFilterValue.ts +49 -27
- package/src/PowerSearch/formatTokenValue.ts +220 -0
- package/src/PowerSearch/index.ts +5 -1
- package/src/PowerSearch/powerSearchDateZone.ts +95 -0
- package/src/PowerSearch/powerSearchSheetUtils.ts +224 -0
- package/src/PowerSearch/types.ts +8 -1
- package/src/ProgressBar/ProgressBarTouch.ts +2 -0
- package/src/RadioList/RadioList.tsx +3 -2
- package/src/RadioList/RadioListItem.tsx +5 -3
- package/src/Resizable/Resizable.doc.mjs +5 -4
- package/src/Resizable/ResizeHandle.tsx +187 -135
- package/src/Resizable/createResizable.ts +1046 -0
- package/src/Resizable/separatorAttributes.ts +73 -0
- package/src/Resizable/useResizable.ts +292 -623
- package/src/SegmentedControl/useSegmentedSelectionMotion.ts +6 -3
- package/src/SelectableCard/SelectableCard.tsx +39 -10
- package/src/SelectableCard/selectableCardInput.ts +30 -0
- package/src/Selector/Selector.tsx +7 -19
- package/src/SideNav/SideNav.tsx +41 -5
- package/src/Slider/Slider.tsx +20 -11
- package/src/Slider/sliderTouchController.ts +2 -2
- package/src/Spinner/Spinner.tsx +77 -63
- package/src/Stepper/Stepper.tsx +10 -27
- package/src/Switch/Switch.tsx +2 -6
- package/src/Switch/useSwitchTouch.ts +4 -4
- package/src/Table/BaseTable.tsx +46 -12
- package/src/Table/plugins/columnResize/useTableColumnResize.tsx +2 -1
- package/src/Table/plugins/filtering/useTableFiltering.tsx +1 -0
- package/src/Table/plugins/rowExpansion/useTableRowExpansion.tsx +31 -7
- package/src/Table/plugins/stickyColumns/useTableStickyColumns.tsx +2 -0
- package/src/Table/plugins/tree/useTableTreeData.tsx +43 -20
- package/src/Table/useTableRowExpansion.doc.mjs +9 -0
- package/src/Table/useTableTreeData.doc.mjs +15 -3
- package/src/TextArea/TextArea.tsx +2 -7
- package/src/TextInput/TextInput.tsx +13 -17
- package/src/TimeInput/TimeInput.tsx +2 -0
- package/src/TimeInput/TimeWheels.tsx +218 -0
- package/src/TimeInput/TouchTimeField.tsx +93 -155
- package/src/TimeInput/timeWheelRules.ts +352 -0
- package/src/Timer/Timer.tsx +1 -0
- package/src/Timestamp/Timestamp.tsx +1 -1
- package/src/Timestamp/formatInstant.ts +1 -33
- package/src/Toast/Toast.doc.mjs +4 -3
- package/src/Toast/Toast.tsx +52 -32
- package/src/Toast/ToastViewport.tsx +123 -35
- package/src/Toast/types.ts +9 -3
- package/src/Toast/useToast.tsx +1 -0
- package/src/Tokenizer/Tokenizer.doc.mjs +10 -10
- package/src/Tokenizer/Tokenizer.tsx +61 -62
- package/src/Tokenizer/TokenizerBottomSheet.tsx +17 -23
- package/src/Tokenizer/index.ts +1 -0
- package/src/Tooltip/Tooltip.tsx +6 -42
- package/src/Tooltip/useTooltip.doc.mjs +24 -0
- package/src/Tooltip/useTooltip.tsx +243 -134
- package/src/Typeahead/BaseTypeahead.tsx +27 -17
- package/src/Typeahead/TypeaheadItem.doc.mjs +6 -3
- package/src/Typeahead/TypeaheadItem.tsx +2 -1
- package/src/animator/createAnimator.doc.mjs +153 -0
- package/src/animator/createAnimator.ts +324 -0
- package/src/gestures/GestureHost.ts +6 -5
- package/src/gestures/PressTracker.ts +4 -3
- package/src/gestures/README.md +10 -4
- package/src/hooks/ModalAnnounceProvider.tsx +1 -0
- package/src/hooks/actionGroupTracker.ts +25 -9
- package/src/hooks/index.ts +2 -0
- package/src/hooks/longPressDetector.ts +273 -0
- package/src/hooks/pressGroupContext.ts +21 -0
- package/src/hooks/rootScrollStyles.ts +247 -0
- package/src/hooks/scrollLockTouchGuard.ts +149 -0
- package/src/hooks/scrollbarGutter.ts +41 -26
- package/src/hooks/useActionGroupTracking.ts +224 -0
- package/src/hooks/useAnimator.doc.mjs +109 -0
- package/src/hooks/useAnimator.ts +67 -0
- package/src/hooks/useAnnounceRenderedText.ts +1 -0
- package/src/hooks/useAttachment.ts +1 -1
- package/src/hooks/useAutoMediaMode.ts +1 -0
- package/src/hooks/useBusyAnnouncement.ts +2 -0
- package/src/hooks/useDevWarning.ts +2 -0
- package/src/hooks/useFocusTrap.ts +2 -0
- package/src/hooks/useGridFocus.doc.mjs +6 -6
- package/src/hooks/useGridFocus.ts +10 -7
- package/src/hooks/useHotkeys.ts +2 -0
- package/src/hooks/useImageMode.ts +2 -0
- package/src/hooks/useInputStatusIcon.tsx +3 -2
- package/src/hooks/useKeyboardHint.tsx +1 -1
- package/src/hooks/useLongPress.doc.mjs +2 -2
- package/src/hooks/useLongPress.ts +32 -122
- package/src/hooks/useMenuHover.ts +1 -0
- package/src/hooks/useMenuPress.ts +2 -0
- package/src/hooks/useOverflow.ts +2 -1
- package/src/hooks/usePressFeedback.ts +1 -0
- package/src/hooks/useResolvedRequired.ts +3 -0
- package/src/hooks/useScrollLock.doc.mjs +51 -12
- package/src/hooks/useScrollLock.ts +53 -60
- package/src/hooks/useScrollableArea.ts +4 -0
- package/src/hooks/useStreamingText.ts +2 -0
- package/src/i18n/generated-english/PowerSearch/PowerSearchBottomSheet.generated.ts +46 -0
- package/src/i18n/generated-english/PowerSearch/PowerSearchValueEditor.generated.ts +6 -0
- package/src/i18n/generated-english/PowerSearch/formatTokenValue.generated.ts +15 -0
- package/src/i18n/generated-english/Resizable/createResizable.generated.ts +14 -0
- package/src/i18n/generated-english/Table/plugins/rowExpansion/useTableRowExpansion.generated.ts +3 -1
- package/src/i18n/generated-english/Table/plugins/tree/useTableTreeData.generated.ts +3 -1
- package/src/i18n/generated-english/TimeInput/TimeWheels.generated.ts +18 -0
- package/src/i18n/generated-locales/en.generated.ts +47 -0
- package/src/i18n/generated-locales/pseudo.generated.ts +48 -0
- package/src/index.ts +13 -0
- package/src/internal/indicatorPress.stylex.ts +24 -0
- package/src/internal/selectable-card.ts +21 -0
- package/src/internal/sheetDraft.ts +2 -2
- package/src/keyboard/README.md +197 -0
- package/src/keyboard/index.ts +48 -0
- package/src/keyboard/keyboardHeight.ts +543 -0
- package/src/keyboard/keyboardLayoutGuide.ts +266 -0
- package/src/keyboard/keyboardModel.ts +301 -0
- package/src/keyboard/rideKeyboard.ts +100 -0
- package/src/keyboard/useMobileKeyboard.ts +866 -0
- package/src/motion/MEASUREMENTS.md +28 -0
- package/src/motion/README.md +12 -5
- package/src/motion/android/index.ts +18 -0
- package/src/motion/android/keyboard.ts +96 -0
- package/src/motion/animatedLayout.ts +323 -60
- package/src/motion/animator.ts +66 -37
- package/src/motion/frameBlock.ts +16 -0
- package/src/motion/progress.ts +155 -0
- package/src/motion/reducedMotion.ts +3 -1
- package/src/motion/uikit/alert.ts +43 -0
- package/src/motion/uikit/datePicker.ts +60 -0
- package/src/motion/uikit/index.ts +6 -4
- package/src/motion/uikit/picker.ts +116 -0
- package/src/privateAttributes/pressGroupItem.stylex.ts +44 -0
- package/src/privateAttributes/reducedMotion.stylex.ts +45 -0
- package/src/theme/Theme.tsx +37 -3
- package/src/theme/generateThemeRules.ts +14 -12
- package/src/theme/motionKnobs.ts +4 -3
- package/src/theme/themeMotion.ts +17 -2
- package/src/theme/tokens.stylex.ts +2 -0
- package/src/utils/dateParser.ts +16 -0
- package/src/utils/disabledInteraction.ts +23 -2
- package/src/utils/focusReturn.ts +38 -31
- package/src/utils/index.ts +1 -1
- package/src/utils/interactionModality.ts +4 -0
- package/src/utils/interactionOverlay.stylex.ts +6 -4
- package/src/utils/isFocusDetached.ts +34 -0
- package/src/utils/layoutViewport.ts +104 -0
- package/src/utils/plainDate.ts +80 -4
- package/src/utils/pressFeedback.ts +126 -30
- package/src/utils/pressGesture.ts +4 -2
- package/src/utils/selectionLock.ts +40 -6
- package/src/utils/sharedMutationObserver.ts +2 -1
- package/src/utils/timeParser.ts +40 -3
- package/src/utils/triggerFocus.ts +80 -0
- package/dist/BottomSheet/useMobileKeyboard.d.ts +0 -21
- package/dist/BottomSheet/useMobileKeyboard.d.ts.map +0 -1
- package/dist/BottomSheet/useMobileKeyboard.js +0 -407
- package/dist/Calendar/getStandaloneShortWeekdayNames.d.ts +0 -14
- package/dist/Calendar/getStandaloneShortWeekdayNames.d.ts.map +0 -1
- package/dist/Calendar/getStandaloneShortWeekdayNames.js +0 -26
- package/dist/Calendar/standaloneShortWeekdayNames.generated.d.ts.map +0 -1
- package/dist/Layer/usePressPin.d.ts +0 -93
- package/dist/Layer/usePressPin.d.ts.map +0 -1
- package/dist/Layer/usePressPin.js +0 -363
- package/dist/internal/touch-sheet.d.ts +0 -21
- package/dist/internal/touch-sheet.d.ts.map +0 -1
- package/dist/internal/touch-sheet.js +0 -19
- package/src/BottomSheet/useMobileKeyboard.ts +0 -538
- package/src/Calendar/getStandaloneShortWeekdayNames.ts +0 -38
- package/src/Layer/usePressPin.ts +0 -510
- package/src/internal/touch-sheet.ts +0 -21
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
* @file index.ts
|
|
3
3
|
* @input The domain files of the UIKit constants table
|
|
4
4
|
* @output Re-exports `springs` and one constant per spring (`SHEET_PRESENT_SPRING`,
|
|
5
|
-
* …), `scroll`, `timing`, `navigation`, `
|
|
6
|
-
*
|
|
7
|
-
* thresholds
|
|
8
|
-
* `UIKIT_GESTURES`, and the haptic tables
|
|
5
|
+
* …), `scroll`, `timing`, `navigation`, `picker`, `progressBar`,
|
|
6
|
+
* `segmentedControl`, `datePicker`, `slider` and `switchControl`. It also
|
|
7
|
+
* re-exports the gesture thresholds: one `UIKIT_*` group per recognizer,
|
|
8
|
+
* their union `UIKIT_GESTURES`, and the haptic tables
|
|
9
9
|
* @position Entry of the UIKit constants table (motion/uikit). Internal to
|
|
10
10
|
* core: not exported from the package entry point
|
|
11
11
|
*
|
|
@@ -18,7 +18,9 @@
|
|
|
18
18
|
* /packages/core/src/motion/README.md.
|
|
19
19
|
*/
|
|
20
20
|
export { HAPTIC_FEEDBACK_KINDS, HAPTIC_VIBRATION_PATTERNS, UIKIT_CLICK, UIKIT_CONTROL, UIKIT_GESTURES, UIKIT_LONG_PRESS, UIKIT_PAN, UIKIT_PINCH, UIKIT_PRESS, UIKIT_ROTATION, UIKIT_SCREEN_EDGE_PAN, UIKIT_SWIPE, UIKIT_TAP, UIKIT_VELOCITY, type GestureConstant, type GestureConstantUnit, type HapticFeedbackKind, } from './gestures.js';
|
|
21
|
+
export { datePicker } from './datePicker.js';
|
|
21
22
|
export { navigation, registerNavigationTable } from './navigation.js';
|
|
23
|
+
export { picker } from './picker.js';
|
|
22
24
|
export { progressBar, registerProgressBarTable } from './progressBar.js';
|
|
23
25
|
export { registerScrollTable, scroll } from './scroll.js';
|
|
24
26
|
export { segmentedControl } from './segmented.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/motion/uikit/index.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EACzB,WAAW,EACX,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,WAAW,EACX,cAAc,EACd,qBAAqB,EACrB,WAAW,EACX,SAAS,EACT,cAAc,EACd,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,GACxB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAC,UAAU,EAAE,uBAAuB,EAAC,MAAM,cAAc,CAAC;AACjE,OAAO,EAAC,WAAW,EAAE,wBAAwB,EAAC,MAAM,eAAe,CAAC;AACpE,OAAO,EAAC,mBAAmB,EAAE,MAAM,EAAC,MAAM,UAAU,CAAC;AACrD,OAAO,EAAC,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EACL,2BAA2B,EAC3B,2BAA2B,EAC3B,oBAAoB,EACpB,oBAAoB,EACpB,aAAa,EACb,2BAA2B,EAC3B,wBAAwB,EACxB,yBAAyB,EACzB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,8BAA8B,EAC9B,wCAAwC,EACxC,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACnB,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,0BAA0B,EAC1B,oBAAoB,EACpB,yBAAyB,EACzB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,EACxB,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,OAAO,GACR,MAAM,WAAW,CAAC;AACnB,OAAO,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AACvC,OAAO,EAAC,mBAAmB,EAAE,MAAM,EAAC,MAAM,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/motion/uikit/index.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EACzB,WAAW,EACX,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,WAAW,EACX,cAAc,EACd,qBAAqB,EACrB,WAAW,EACX,SAAS,EACT,cAAc,EACd,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,GACxB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,UAAU,EAAE,uBAAuB,EAAC,MAAM,cAAc,CAAC;AACjE,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,WAAW,EAAE,wBAAwB,EAAC,MAAM,eAAe,CAAC;AACpE,OAAO,EAAC,mBAAmB,EAAE,MAAM,EAAC,MAAM,UAAU,CAAC;AACrD,OAAO,EAAC,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EACL,2BAA2B,EAC3B,2BAA2B,EAC3B,oBAAoB,EACpB,oBAAoB,EACpB,aAAa,EACb,2BAA2B,EAC3B,wBAAwB,EACxB,yBAAyB,EACzB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,8BAA8B,EAC9B,wCAAwC,EACxC,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACnB,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,0BAA0B,EAC1B,oBAAoB,EACpB,yBAAyB,EACzB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,EACxB,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,OAAO,GACR,MAAM,WAAW,CAAC;AACnB,OAAO,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AACvC,OAAO,EAAC,mBAAmB,EAAE,MAAM,EAAC,MAAM,UAAU,CAAC"}
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
* @file index.ts
|
|
5
5
|
* @input The domain files of the UIKit constants table
|
|
6
6
|
* @output Re-exports `springs` and one constant per spring (`SHEET_PRESENT_SPRING`,
|
|
7
|
-
* …), `scroll`, `timing`, `navigation`, `
|
|
8
|
-
*
|
|
9
|
-
* thresholds
|
|
10
|
-
* `UIKIT_GESTURES`, and the haptic tables
|
|
7
|
+
* …), `scroll`, `timing`, `navigation`, `picker`, `progressBar`,
|
|
8
|
+
* `segmentedControl`, `datePicker`, `slider` and `switchControl`. It also
|
|
9
|
+
* re-exports the gesture thresholds: one `UIKIT_*` group per recognizer,
|
|
10
|
+
* their union `UIKIT_GESTURES`, and the haptic tables
|
|
11
11
|
* @position Entry of the UIKit constants table (motion/uikit). Internal to
|
|
12
12
|
* core: not exported from the package entry point
|
|
13
13
|
*
|
|
@@ -21,7 +21,9 @@
|
|
|
21
21
|
*/
|
|
22
22
|
|
|
23
23
|
export { HAPTIC_FEEDBACK_KINDS, HAPTIC_VIBRATION_PATTERNS, UIKIT_CLICK, UIKIT_CONTROL, UIKIT_GESTURES, UIKIT_LONG_PRESS, UIKIT_PAN, UIKIT_PINCH, UIKIT_PRESS, UIKIT_ROTATION, UIKIT_SCREEN_EDGE_PAN, UIKIT_SWIPE, UIKIT_TAP, UIKIT_VELOCITY } from "./gestures.js";
|
|
24
|
+
export { datePicker } from "./datePicker.js";
|
|
24
25
|
export { navigation, registerNavigationTable } from "./navigation.js";
|
|
26
|
+
export { picker } from "./picker.js";
|
|
25
27
|
export { progressBar, registerProgressBarTable } from "./progressBar.js";
|
|
26
28
|
export { registerScrollTable, scroll } from "./scroll.js";
|
|
27
29
|
export { segmentedControl } from "./segmented.js";
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
export declare const picker: {
|
|
2
|
+
readonly geometry: {
|
|
3
|
+
/**
|
|
4
|
+
* Row pitch: rows sit at k × 32 pt in each column's table.
|
|
5
|
+
* @source measured: UIKit lab (injected host app), iOS 26.2 simulator,
|
|
6
|
+
* iPhone 17 Pro, UIPickerView table offsets and cell frames, Oct 23 2026
|
|
7
|
+
*/
|
|
8
|
+
readonly rowHeight: 32;
|
|
9
|
+
/**
|
|
10
|
+
* The picker's height (its intrinsic content size).
|
|
11
|
+
* @source measured: UIKit lab (injected host app), iOS 26.2 simulator,
|
|
12
|
+
* iPhone 17 Pro, UIPickerView frame, Oct 23 2026
|
|
13
|
+
*/
|
|
14
|
+
readonly height: 216;
|
|
15
|
+
/**
|
|
16
|
+
* d of the rubber band past the first or last row. The column's table view
|
|
17
|
+
* is 291 pt tall in a 216 pt picker. With c = 0.55, scroll.rubberBand's
|
|
18
|
+
* formula puts 10, 50 and 110 pt of finger travel past the end at 5.4, 25.1
|
|
19
|
+
* and 50.1 pt. The measured values are 5.3, 25 and 50.
|
|
20
|
+
* @source measured: UIKit lab (injected host app), iOS 26.2 simulator,
|
|
21
|
+
* iPhone 17 Pro, UIPickerTableView frame and offsets during drags
|
|
22
|
+
* 20, 60 and 120 pt past the last row, Oct 23 2026
|
|
23
|
+
*/
|
|
24
|
+
readonly rubberBandDimension: 291;
|
|
25
|
+
};
|
|
26
|
+
readonly release: {
|
|
27
|
+
/**
|
|
28
|
+
* The speed at which a coast ends. The scroll view projects the target at
|
|
29
|
+
* offset + (v − this) × r ÷ (1 − r), with r = scroll.decelerationRate
|
|
30
|
+
* .normal. That gives 461.33, 502.67 and 266.67 pt for v = 0.9334, 1.0162
|
|
31
|
+
* and 0.5436, all three to 0.3 pt. The coast onto the row it snaps to keeps
|
|
32
|
+
* the release velocity. It re-solves the rate so that the speed reaches
|
|
33
|
+
* this exactly at that row, where it stops. Two coasts fit it to 0.4 and
|
|
34
|
+
* 0.3 pt RMS, ending within 30 ms of the measured end.
|
|
35
|
+
* @source measured: UIKit lab (injected host app), iOS 26.2 simulator,
|
|
36
|
+
* iPhone 17 Pro, scrollViewWillEndDragging targets and per-frame
|
|
37
|
+
* offsets to rest, Oct 23 2026
|
|
38
|
+
*/
|
|
39
|
+
readonly stopSpeed: 0.0089;
|
|
40
|
+
/**
|
|
41
|
+
* Below this release speed (pt/ms, a scroll view's release velocity), a
|
|
42
|
+
* release inside the rows carries no velocity. The wheel then snaps to the
|
|
43
|
+
* nearest row instead of coasting. Past the first or last row the velocity
|
|
44
|
+
* is kept, however small (0.0816 kept). A pause before the lift does not
|
|
45
|
+
* zero it: the velocity changes only when the finger moves.
|
|
46
|
+
* @source measured: UIKit lab (injected host app), iOS 26.2 simulator,
|
|
47
|
+
* iPhone 17 Pro, steady 100 pt drags mid-list lifted while moving: zeroed
|
|
48
|
+
* at 100 to 250 pt/s both ways, passed from 260 pt/s (0.2577 the
|
|
49
|
+
* smallest velocity handed on); a 300 pt/s drag held still 300 ms
|
|
50
|
+
* still coasted, Oct 23 2026
|
|
51
|
+
*/
|
|
52
|
+
readonly minimumSpeed: 0.25;
|
|
53
|
+
};
|
|
54
|
+
/**
|
|
55
|
+
* A release without velocity, or a coast already on a row, eases onto the
|
|
56
|
+
* nearest row exponentially. Each millisecond it covers this fraction of the
|
|
57
|
+
* distance left: e^(−0.011 t), done in about 0.3 s. Snaps of 4, 6 and 8 pt
|
|
58
|
+
* fit 0.0099, 0.0107 and 0.0123.
|
|
59
|
+
* @source measured: UIKit lab (injected host app), iOS 26.2 simulator,
|
|
60
|
+
* iPhone 17 Pro, per-frame offsets after three slow releases between
|
|
61
|
+
* rows, Oct 23 2026
|
|
62
|
+
*/
|
|
63
|
+
readonly snapRate: 0.011;
|
|
64
|
+
readonly tapSpin: {
|
|
65
|
+
/**
|
|
66
|
+
* A tap on a row turns the wheel onto it in this long (setContentOffset
|
|
67
|
+
* animated), on Core Animation's ease-in-ease-out (timing.curves.move). The
|
|
68
|
+
* row is selected on arrival. A tap on the band's row does nothing.
|
|
69
|
+
* @source measured: UIKit lab (injected host app), iOS 26.2 simulator,
|
|
70
|
+
* iPhone 17 Pro, per-frame offsets after a tap two rows below the band
|
|
71
|
+
* (6.8, 25.1, 50.2, 75.4, 93.7 % at 50 ms steps, arriving at 300 ms;
|
|
72
|
+
* the same with Reduce Motion and Prefer Cross-Fade on), Oct 23 2026
|
|
73
|
+
*/
|
|
74
|
+
readonly durationMs: 300;
|
|
75
|
+
};
|
|
76
|
+
readonly selectionTick: {
|
|
77
|
+
/**
|
|
78
|
+
* One selection haptic per row whose centre reaches the band's centre,
|
|
79
|
+
* at most one per this interval. Not during a tap's spin.
|
|
80
|
+
* @source measured: UIKit lab (injected host app), iOS 26.2 simulator,
|
|
81
|
+
* iPhone 17 Pro, selectionChangedAtLocation: and the feedback
|
|
82
|
+
* generator's minimum interval (0.040 s) logged during drags and
|
|
83
|
+
* coasts, Oct 23 2026
|
|
84
|
+
*/
|
|
85
|
+
readonly minimumIntervalMs: 40;
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
/**
|
|
89
|
+
* Registers the tap spin's duration as an internal motion role,
|
|
90
|
+
* `picker.tapSpin.durationMs`. Every other value stays an internal measured
|
|
91
|
+
* constant. The tap spin's curve is the shared role `timing.curves.move`, and
|
|
92
|
+
* the bounce at an end is `scroll.bounce`. Nothing registers on import, and
|
|
93
|
+
* registering again does nothing.
|
|
94
|
+
*/
|
|
95
|
+
export declare function registerPickerTable(): void;
|
|
96
|
+
//# sourceMappingURL=picker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"picker.d.ts","sourceRoot":"","sources":["../../../src/motion/uikit/picker.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,MAAM;;QAEf;;;;WAIG;;QAEH;;;;WAIG;;QAEH;;;;;;;;WAQG;;;;QAIH;;;;;;;;;;;WAWG;;QAEH;;;;;;;;;;;WAWG;;;IAGL;;;;;;;;OAQG;;;QAGD;;;;;;;;WAQG;;;;QAIH;;;;;;;WAOG;;;CAGG,CAAC;AAEX;;;;;;GAMG;AACH,wBAAgB,mBAAmB,IAAI,IAAI,CAE1C"}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
// Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @file picker.ts
|
|
5
|
+
* @input Nothing; data only
|
|
6
|
+
* @output `picker`, UIPickerView's measured constants, and
|
|
7
|
+
* `registerPickerTable`, which makes the tap spin's duration a motion role
|
|
8
|
+
* @position The picker domain of the UIKit table (motion/uikit); read by
|
|
9
|
+
* DateInput's wheelPhysics.ts, wheelStrip.ts and PickerWheel.tsx
|
|
10
|
+
*
|
|
11
|
+
* Lengths are pt at UIKit's scale, times ms and velocities pt/ms. Every leaf
|
|
12
|
+
* carries one `@source`, as uikit.test.ts enforces.
|
|
13
|
+
*
|
|
14
|
+
* SYNC: When modified, update motion/MEASUREMENTS.md and PickerWheel.tsx.
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
import { registerMotionTable } from "../roles.js";
|
|
18
|
+
export const picker = {
|
|
19
|
+
geometry: {
|
|
20
|
+
/**
|
|
21
|
+
* Row pitch: rows sit at k × 32 pt in each column's table.
|
|
22
|
+
* @source measured: UIKit lab (injected host app), iOS 26.2 simulator,
|
|
23
|
+
* iPhone 17 Pro, UIPickerView table offsets and cell frames, Oct 23 2026
|
|
24
|
+
*/
|
|
25
|
+
rowHeight: 32,
|
|
26
|
+
/**
|
|
27
|
+
* The picker's height (its intrinsic content size).
|
|
28
|
+
* @source measured: UIKit lab (injected host app), iOS 26.2 simulator,
|
|
29
|
+
* iPhone 17 Pro, UIPickerView frame, Oct 23 2026
|
|
30
|
+
*/
|
|
31
|
+
height: 216,
|
|
32
|
+
/**
|
|
33
|
+
* d of the rubber band past the first or last row. The column's table view
|
|
34
|
+
* is 291 pt tall in a 216 pt picker. With c = 0.55, scroll.rubberBand's
|
|
35
|
+
* formula puts 10, 50 and 110 pt of finger travel past the end at 5.4, 25.1
|
|
36
|
+
* and 50.1 pt. The measured values are 5.3, 25 and 50.
|
|
37
|
+
* @source measured: UIKit lab (injected host app), iOS 26.2 simulator,
|
|
38
|
+
* iPhone 17 Pro, UIPickerTableView frame and offsets during drags
|
|
39
|
+
* 20, 60 and 120 pt past the last row, Oct 23 2026
|
|
40
|
+
*/
|
|
41
|
+
rubberBandDimension: 291
|
|
42
|
+
},
|
|
43
|
+
release: {
|
|
44
|
+
/**
|
|
45
|
+
* The speed at which a coast ends. The scroll view projects the target at
|
|
46
|
+
* offset + (v − this) × r ÷ (1 − r), with r = scroll.decelerationRate
|
|
47
|
+
* .normal. That gives 461.33, 502.67 and 266.67 pt for v = 0.9334, 1.0162
|
|
48
|
+
* and 0.5436, all three to 0.3 pt. The coast onto the row it snaps to keeps
|
|
49
|
+
* the release velocity. It re-solves the rate so that the speed reaches
|
|
50
|
+
* this exactly at that row, where it stops. Two coasts fit it to 0.4 and
|
|
51
|
+
* 0.3 pt RMS, ending within 30 ms of the measured end.
|
|
52
|
+
* @source measured: UIKit lab (injected host app), iOS 26.2 simulator,
|
|
53
|
+
* iPhone 17 Pro, scrollViewWillEndDragging targets and per-frame
|
|
54
|
+
* offsets to rest, Oct 23 2026
|
|
55
|
+
*/
|
|
56
|
+
stopSpeed: 0.0089,
|
|
57
|
+
/**
|
|
58
|
+
* Below this release speed (pt/ms, a scroll view's release velocity), a
|
|
59
|
+
* release inside the rows carries no velocity. The wheel then snaps to the
|
|
60
|
+
* nearest row instead of coasting. Past the first or last row the velocity
|
|
61
|
+
* is kept, however small (0.0816 kept). A pause before the lift does not
|
|
62
|
+
* zero it: the velocity changes only when the finger moves.
|
|
63
|
+
* @source measured: UIKit lab (injected host app), iOS 26.2 simulator,
|
|
64
|
+
* iPhone 17 Pro, steady 100 pt drags mid-list lifted while moving: zeroed
|
|
65
|
+
* at 100 to 250 pt/s both ways, passed from 260 pt/s (0.2577 the
|
|
66
|
+
* smallest velocity handed on); a 300 pt/s drag held still 300 ms
|
|
67
|
+
* still coasted, Oct 23 2026
|
|
68
|
+
*/
|
|
69
|
+
minimumSpeed: 0.25
|
|
70
|
+
},
|
|
71
|
+
/**
|
|
72
|
+
* A release without velocity, or a coast already on a row, eases onto the
|
|
73
|
+
* nearest row exponentially. Each millisecond it covers this fraction of the
|
|
74
|
+
* distance left: e^(−0.011 t), done in about 0.3 s. Snaps of 4, 6 and 8 pt
|
|
75
|
+
* fit 0.0099, 0.0107 and 0.0123.
|
|
76
|
+
* @source measured: UIKit lab (injected host app), iOS 26.2 simulator,
|
|
77
|
+
* iPhone 17 Pro, per-frame offsets after three slow releases between
|
|
78
|
+
* rows, Oct 23 2026
|
|
79
|
+
*/
|
|
80
|
+
snapRate: 0.011,
|
|
81
|
+
tapSpin: {
|
|
82
|
+
/**
|
|
83
|
+
* A tap on a row turns the wheel onto it in this long (setContentOffset
|
|
84
|
+
* animated), on Core Animation's ease-in-ease-out (timing.curves.move). The
|
|
85
|
+
* row is selected on arrival. A tap on the band's row does nothing.
|
|
86
|
+
* @source measured: UIKit lab (injected host app), iOS 26.2 simulator,
|
|
87
|
+
* iPhone 17 Pro, per-frame offsets after a tap two rows below the band
|
|
88
|
+
* (6.8, 25.1, 50.2, 75.4, 93.7 % at 50 ms steps, arriving at 300 ms;
|
|
89
|
+
* the same with Reduce Motion and Prefer Cross-Fade on), Oct 23 2026
|
|
90
|
+
*/
|
|
91
|
+
durationMs: 300
|
|
92
|
+
},
|
|
93
|
+
selectionTick: {
|
|
94
|
+
/**
|
|
95
|
+
* One selection haptic per row whose centre reaches the band's centre,
|
|
96
|
+
* at most one per this interval. Not during a tap's spin.
|
|
97
|
+
* @source measured: UIKit lab (injected host app), iOS 26.2 simulator,
|
|
98
|
+
* iPhone 17 Pro, selectionChangedAtLocation: and the feedback
|
|
99
|
+
* generator's minimum interval (0.040 s) logged during drags and
|
|
100
|
+
* coasts, Oct 23 2026
|
|
101
|
+
*/
|
|
102
|
+
minimumIntervalMs: 40
|
|
103
|
+
}
|
|
104
|
+
};
|
|
105
|
+
|
|
106
|
+
/**
|
|
107
|
+
* Registers the tap spin's duration as an internal motion role,
|
|
108
|
+
* `picker.tapSpin.durationMs`. Every other value stays an internal measured
|
|
109
|
+
* constant. The tap spin's curve is the shared role `timing.curves.move`, and
|
|
110
|
+
* the bounce at an end is `scroll.bounce`. Nothing registers on import, and
|
|
111
|
+
* registering again does nothing.
|
|
112
|
+
*/
|
|
113
|
+
export function registerPickerTable() {
|
|
114
|
+
registerMotionTable('picker', picker, {
|
|
115
|
+
roles: ['tapSpin.durationMs']
|
|
116
|
+
});
|
|
117
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @file privateAttributes/pressGroupItem.stylex.ts
|
|
3
|
+
* @input Nothing: the private press-group-item attribute
|
|
4
|
+
* @output pressGroupItemProps, which marks an action a group's tracker
|
|
5
|
+
* follows with the pointers it follows, and isTrackedByGroup, which reads
|
|
6
|
+
* the mark
|
|
7
|
+
* @position Owner module of the private press-group-item attribute: the only
|
|
8
|
+
* file that writes its name. AlertDialog marks its actions, and the press
|
|
9
|
+
* controller (utils/pressFeedback.ts) leaves a press of those pointers to
|
|
10
|
+
* the group's tracker. No package entry exports it.
|
|
11
|
+
*/
|
|
12
|
+
/**
|
|
13
|
+
* Spread on each action that a group's tracker follows. It names the pointer
|
|
14
|
+
* types the tracker follows, such as `['touch', 'pen']`.
|
|
15
|
+
*/
|
|
16
|
+
export declare function pressGroupItemProps(pointerTypes: ReadonlyArray<string>): Readonly<Record<string, string>>;
|
|
17
|
+
/**
|
|
18
|
+
* Whether a group's tracker paints the press on `element` or an ancestor: a
|
|
19
|
+
* press of `pointerType`, or any press when it is null.
|
|
20
|
+
*/
|
|
21
|
+
export declare function isTrackedByGroup(element: Element, pointerType?: string | null): boolean;
|
|
22
|
+
//# sourceMappingURL=pressGroupItem.stylex.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pressGroupItem.stylex.d.ts","sourceRoot":"","sources":["../../src/privateAttributes/pressGroupItem.stylex.ts"],"names":[],"mappings":"AACA;;;;;;;;;;GAUG;AAIH;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,aAAa,CAAC,MAAM,CAAC,GAClC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAElC;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,OAAO,EAChB,WAAW,GAAE,MAAM,GAAG,IAAW,GAChC,OAAO,CAWT"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
// Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
2
|
+
/**
|
|
3
|
+
* @file privateAttributes/pressGroupItem.stylex.ts
|
|
4
|
+
* @input Nothing: the private press-group-item attribute
|
|
5
|
+
* @output pressGroupItemProps, which marks an action a group's tracker
|
|
6
|
+
* follows with the pointers it follows, and isTrackedByGroup, which reads
|
|
7
|
+
* the mark
|
|
8
|
+
* @position Owner module of the private press-group-item attribute: the only
|
|
9
|
+
* file that writes its name. AlertDialog marks its actions, and the press
|
|
10
|
+
* controller (utils/pressFeedback.ts) leaves a press of those pointers to
|
|
11
|
+
* the group's tracker. No package entry exports it.
|
|
12
|
+
*/
|
|
13
|
+
|
|
14
|
+
const PRESS_GROUP_ITEM = 'data-astryx-press-group-item';
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* Spread on each action that a group's tracker follows. It names the pointer
|
|
18
|
+
* types the tracker follows, such as `['touch', 'pen']`.
|
|
19
|
+
*/
|
|
20
|
+
export function pressGroupItemProps(pointerTypes) {
|
|
21
|
+
return {
|
|
22
|
+
[PRESS_GROUP_ITEM]: pointerTypes.join(' ')
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* Whether a group's tracker paints the press on `element` or an ancestor: a
|
|
28
|
+
* press of `pointerType`, or any press when it is null.
|
|
29
|
+
*/
|
|
30
|
+
export function isTrackedByGroup(element, pointerType = null) {
|
|
31
|
+
const marked = element.closest(`[${PRESS_GROUP_ITEM}]`);
|
|
32
|
+
if (marked == null) {
|
|
33
|
+
return false;
|
|
34
|
+
}
|
|
35
|
+
return pointerType == null || (marked.getAttribute(PRESS_GROUP_ITEM) ?? '').split(' ').includes(pointerType);
|
|
36
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @file privateAttributes/reducedMotion.stylex.ts
|
|
3
|
+
* @input Whether a theme reduces motion for everyone
|
|
4
|
+
* @output reducedMotionMarkProps and setRootReducedMotionMark, which write the
|
|
5
|
+
* mark, and themeReducesMotion, which reads it
|
|
6
|
+
* @position Owner module of the private reduced-motion attribute: the only
|
|
7
|
+
* file that writes its name. Theme marks its root, and the root theme marks
|
|
8
|
+
* `<html>`; the animator, reducedMotionFade and the layout glide read it as
|
|
9
|
+
* the person's Reduce Motion setting. No package entry exports it.
|
|
10
|
+
*/
|
|
11
|
+
/** Spread on a theme's root when the theme reduces motion for everyone. */
|
|
12
|
+
export declare function reducedMotionMarkProps(isMarked: boolean): Readonly<Record<string, string>>;
|
|
13
|
+
/**
|
|
14
|
+
* Marks or unmarks `<html>` for the root theme, so a layer portaled outside
|
|
15
|
+
* the theme's root reads the mark too.
|
|
16
|
+
*/
|
|
17
|
+
export declare function setRootReducedMotionMark(root: HTMLElement, isMarked: boolean): void;
|
|
18
|
+
/**
|
|
19
|
+
* Whether the theme `element` is in reduces motion for everyone: its root,
|
|
20
|
+
* or `<html>` for the root theme, carries the mark.
|
|
21
|
+
*/
|
|
22
|
+
export declare function themeReducesMotion(element: Element | null | undefined): boolean;
|
|
23
|
+
//# sourceMappingURL=reducedMotion.stylex.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reducedMotion.stylex.d.ts","sourceRoot":"","sources":["../../src/privateAttributes/reducedMotion.stylex.ts"],"names":[],"mappings":"AACA;;;;;;;;;GASG;AAIH,2EAA2E;AAC3E,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,OAAO,GAChB,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAElC;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,WAAW,EACjB,QAAQ,EAAE,OAAO,GAChB,IAAI,CAMN;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,GAClC,OAAO,CAET"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
// Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
2
|
+
/**
|
|
3
|
+
* @file privateAttributes/reducedMotion.stylex.ts
|
|
4
|
+
* @input Whether a theme reduces motion for everyone
|
|
5
|
+
* @output reducedMotionMarkProps and setRootReducedMotionMark, which write the
|
|
6
|
+
* mark, and themeReducesMotion, which reads it
|
|
7
|
+
* @position Owner module of the private reduced-motion attribute: the only
|
|
8
|
+
* file that writes its name. Theme marks its root, and the root theme marks
|
|
9
|
+
* `<html>`; the animator, reducedMotionFade and the layout glide read it as
|
|
10
|
+
* the person's Reduce Motion setting. No package entry exports it.
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
const REDUCED_MOTION = 'data-astryx-reduced-motion';
|
|
14
|
+
|
|
15
|
+
/** Spread on a theme's root when the theme reduces motion for everyone. */
|
|
16
|
+
export function reducedMotionMarkProps(isMarked) {
|
|
17
|
+
return isMarked ? {
|
|
18
|
+
[REDUCED_MOTION]: ''
|
|
19
|
+
} : {};
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* Marks or unmarks `<html>` for the root theme, so a layer portaled outside
|
|
24
|
+
* the theme's root reads the mark too.
|
|
25
|
+
*/
|
|
26
|
+
export function setRootReducedMotionMark(root, isMarked) {
|
|
27
|
+
if (isMarked) {
|
|
28
|
+
root.setAttribute(REDUCED_MOTION, '');
|
|
29
|
+
} else {
|
|
30
|
+
root.removeAttribute(REDUCED_MOTION);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
/**
|
|
35
|
+
* Whether the theme `element` is in reduces motion for everyone: its root,
|
|
36
|
+
* or `<html>` for the root theme, carries the mark.
|
|
37
|
+
*/
|
|
38
|
+
export function themeReducesMotion(element) {
|
|
39
|
+
return element?.closest?.(`[${REDUCED_MOTION}]`) != null;
|
|
40
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,KAAgD,MAAM,OAAO,CAAC;AAGrE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAEvC,OAAO,EAAmB,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,KAAgD,MAAM,OAAO,CAAC;AAGrE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAEvC,OAAO,EAAmB,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AAWlE;;GAEG;AACH,UAAU,UAAU;IAClB,+BAA+B;IAC/B,KAAK,EAAE,YAAY,CAAC;IACpB,kDAAkD;IAClD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yBAAyB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA+BD;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,wBAA6B,CAAC;AA4J9D;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,IAAe,EACf,QAAQ,GACT,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CAwCjC;yBA5Ce,KAAK"}
|
package/dist/theme/Theme.js
CHANGED
|
@@ -44,6 +44,8 @@ import { registerTheme } from "./themeRegistry.js";
|
|
|
44
44
|
import { dataAttr } from "../naming.js";
|
|
45
45
|
import { ThemeContext } from "./useTheme.js";
|
|
46
46
|
import { warnOnce } from "../utils/devWarning.js";
|
|
47
|
+
import { REDUCED_MOTION_PROPERTY, resolveMotionKnobs } from "./themeMotion.js";
|
|
48
|
+
import { reducedMotionMarkProps, setRootReducedMotionMark } from "../privateAttributes/reducedMotion.stylex.js";
|
|
47
49
|
|
|
48
50
|
/**
|
|
49
51
|
* Theme provider props
|
|
@@ -70,6 +72,10 @@ const wrapperStyles = {
|
|
|
70
72
|
system: {
|
|
71
73
|
kQNsl9: "x108lcm5",
|
|
72
74
|
$$css: true
|
|
75
|
+
},
|
|
76
|
+
reducedMotion: {
|
|
77
|
+
"--_astryx-reduced-motion": "x1e3mt4b",
|
|
78
|
+
$$css: true
|
|
73
79
|
}
|
|
74
80
|
};
|
|
75
81
|
|
|
@@ -104,6 +110,8 @@ const THEME_LAYER_ORDER = '@layer reset, astryx-base, astryx-theme;';
|
|
|
104
110
|
*/
|
|
105
111
|
function useThemeStyleInjection(theme) {
|
|
106
112
|
const id = useId();
|
|
113
|
+
|
|
114
|
+
// Syncs the document's stylesheets with the runtime theme CSS.
|
|
107
115
|
useInsertionEffect(() => {
|
|
108
116
|
// Built themes have their CSS in a separate file — skip injection
|
|
109
117
|
if (theme.__built) {
|
|
@@ -178,8 +186,13 @@ function useThemeStyleInjection(theme) {
|
|
|
178
186
|
*
|
|
179
187
|
* - 'light' | 'dark' → sets data-theme="light" | "dark"
|
|
180
188
|
* - 'system' → removes data-theme (reset.css defaults to color-scheme: light dark)
|
|
189
|
+
*
|
|
190
|
+
* A theme that reduces motion for everyone also marks `<html>` with
|
|
191
|
+
* `data-astryx-reduced-motion` and its custom property, so layers portaled
|
|
192
|
+
* outside the wrapper reduce their motion too.
|
|
181
193
|
*/
|
|
182
|
-
function useRootThemeSync(isNested, mode, themeName) {
|
|
194
|
+
function useRootThemeSync(isNested, mode, themeName, reducesMotion) {
|
|
195
|
+
// Syncs the theme attributes on the root `<html>` element.
|
|
183
196
|
useIsomorphicLayoutEffect(() => {
|
|
184
197
|
if (isNested) {
|
|
185
198
|
return;
|
|
@@ -196,11 +209,19 @@ function useRootThemeSync(isNested, mode, themeName) {
|
|
|
196
209
|
|
|
197
210
|
// Sync theme name so @scope rules reach portals/fallback viewports.
|
|
198
211
|
document.documentElement.setAttribute(dataAttr('theme'), themeName);
|
|
212
|
+
setRootReducedMotionMark(document.documentElement, reducesMotion);
|
|
213
|
+
if (reducesMotion) {
|
|
214
|
+
document.documentElement.style.setProperty(REDUCED_MOTION_PROPERTY, '1');
|
|
215
|
+
} else {
|
|
216
|
+
document.documentElement.style.removeProperty(REDUCED_MOTION_PROPERTY);
|
|
217
|
+
}
|
|
199
218
|
return () => {
|
|
200
219
|
document.documentElement.removeAttribute('data-theme');
|
|
201
220
|
document.documentElement.removeAttribute(dataAttr('theme'));
|
|
221
|
+
setRootReducedMotionMark(document.documentElement, false);
|
|
222
|
+
document.documentElement.style.removeProperty(REDUCED_MOTION_PROPERTY);
|
|
202
223
|
};
|
|
203
|
-
}, [isNested, mode, themeName]);
|
|
224
|
+
}, [isNested, mode, themeName, reducesMotion]);
|
|
204
225
|
}
|
|
205
226
|
|
|
206
227
|
// =============================================================================
|
|
@@ -228,7 +249,10 @@ export function Theme({
|
|
|
228
249
|
const isNested = use(ThemeNestingContext);
|
|
229
250
|
registerTheme(theme);
|
|
230
251
|
useThemeStyleInjection(theme);
|
|
231
|
-
|
|
252
|
+
// resolveMotionKnobs resolves no public theme to 'always', so no theme
|
|
253
|
+
// marks its root.
|
|
254
|
+
const reducesMotion = resolveMotionKnobs(theme.__axes?.motion).reducedMotion === 'always';
|
|
255
|
+
useRootThemeSync(isNested, mode, theme.name, reducesMotion);
|
|
232
256
|
|
|
233
257
|
// Get color-scheme style
|
|
234
258
|
const colorSchemeStyle = mode === 'dark' ? wrapperStyles.dark : mode === 'light' ? wrapperStyles.light : wrapperStyles.system;
|
|
@@ -243,8 +267,9 @@ export function Theme({
|
|
|
243
267
|
children: /*#__PURE__*/_jsx(ThemeNestingContext, {
|
|
244
268
|
value: true,
|
|
245
269
|
children: /*#__PURE__*/_jsx("div", {
|
|
246
|
-
...stylex.props(wrapperStyles.base, colorSchemeStyle),
|
|
270
|
+
...stylex.props(wrapperStyles.base, colorSchemeStyle, reducesMotion && wrapperStyles.reducedMotion),
|
|
247
271
|
"data-astryx-theme": theme.name,
|
|
272
|
+
...reducedMotionMarkProps(reducesMotion),
|
|
248
273
|
"data-theme": mode === 'system' ? undefined : mode,
|
|
249
274
|
children: children
|
|
250
275
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateThemeRules.d.ts","sourceRoot":"","sources":["../../src/theme/generateThemeRules.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,KAAK,EAAC,iBAAiB,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AACnE,OAAO,EAGL,KAAK,2BAA2B,EACjC,MAAM,oBAAoB,CAAC;AAmH5B;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,+EAA+E;IAC/E,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,kFAAkF;IAClF,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB;
|
|
1
|
+
{"version":3,"file":"generateThemeRules.d.ts","sourceRoot":"","sources":["../../src/theme/generateThemeRules.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,KAAK,EAAC,iBAAiB,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AACnE,OAAO,EAGL,KAAK,2BAA2B,EACjC,MAAM,oBAAoB,CAAC;AAmH5B;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,+EAA+E;IAC/E,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,kFAAkF;IAClF,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB;AA2hBD,sFAAsF;AACtF,wBAAgB,iCAAiC,CAC/C,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC9B,WAAW,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,EACxC,KAAK,GAAE,aAAa,CAAC,2BAA2B,CAAM,GACrD,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAqDpB;AA+OD;;;;;GAKG;AACH;;;;;;;GAOG;AACH,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC;AA4FD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,eAAe,EACtB,QAAQ,CAAC,EAAE,MAAM,EAAE,GAClB,MAAM,EAAE,CA6DV;AAoZD;;;;;;;;;GASG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,YAAY,EACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,GAClB,eAAe,CAejB;AA8BD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,YAAY,EACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,GAClB,MAAM,CA+GR;AAmDD;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,YAAY,EACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,GAClB,cAAc,CAgGhB;AAOD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,YAAY,EACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,GAClB,cAAc,CAWhB"}
|
|
@@ -354,24 +354,25 @@ function joinDeclarations(entries, location, sink, mapProp = p => p) {
|
|
|
354
354
|
}
|
|
355
355
|
|
|
356
356
|
/**
|
|
357
|
-
* Public
|
|
358
|
-
*
|
|
359
|
-
* source repeats its omitted
|
|
360
|
-
* bind the alias locally without changing authored-token
|
|
357
|
+
* Public tokens whose canonical default references another public token: the
|
|
358
|
+
* status roles and `--duration-exit`. StyleX owns the document defaults. A
|
|
359
|
+
* theme that authors a source repeats its omitted token at the theme root so
|
|
360
|
+
* nested Theme regions bind the alias locally without changing authored-token
|
|
361
|
+
* metadata.
|
|
361
362
|
*
|
|
362
363
|
* Conditional scopes repeat an omitted alias only when the source changes on
|
|
363
364
|
* that scope. Explicit adaptation role writes are replayed after generated
|
|
364
365
|
* aliases (and on media descendants) so authored role precedence survives
|
|
365
366
|
* overlapping conditions without disabling the alias in non-matching states.
|
|
366
367
|
*/
|
|
367
|
-
const
|
|
368
|
+
const SCOPED_REFERENCE_DEFAULTS = [['--color-text-info', '--color-text-blue'], ['--color-text-success', '--color-text-green'], ['--color-text-warning', '--color-text-yellow'], ['--color-text-error', '--color-text-red'], ['--color-on-info-muted', '--color-text-blue'], ['--color-on-success-muted', '--color-text-green'], ['--color-on-warning-muted', '--color-text-yellow'], ['--color-on-error-muted', '--color-text-red'],
|
|
368
369
|
// Icon and border roles follow the text role, set or derived (INV17).
|
|
369
|
-
['--color-icon-info', '--color-text-info'], ['--color-icon-success', '--color-text-success'], ['--color-icon-warning', '--color-text-warning'], ['--color-icon-error', '--color-text-error'], ['--color-border-info', '--color-text-info'], ['--color-border-success', '--color-text-success'], ['--color-border-warning', '--color-text-warning'], ['--color-border-error', '--color-text-error']];
|
|
370
|
-
const
|
|
370
|
+
['--color-icon-info', '--color-text-info'], ['--color-icon-success', '--color-text-success'], ['--color-icon-warning', '--color-text-warning'], ['--color-icon-error', '--color-text-error'], ['--color-border-info', '--color-text-info'], ['--color-border-success', '--color-text-success'], ['--color-border-warning', '--color-text-warning'], ['--color-border-error', '--color-text-error'], ['--duration-exit', '--duration-fast']];
|
|
371
|
+
const SCOPED_REFERENCE_SOURCES = new Map(SCOPED_REFERENCE_DEFAULTS);
|
|
371
372
|
|
|
372
373
|
/** Colours INV17's derivation measures; a scope that sets one re-derives. */
|
|
373
374
|
const STATUS_MEASURED = /^--color-(?:info|success|warning|error|on-|background-surface|background-card)/;
|
|
374
|
-
const STATUS_ROLE_ORDER = new Map(
|
|
375
|
+
const STATUS_ROLE_ORDER = new Map(SCOPED_REFERENCE_DEFAULTS.map(([role], index) => [role, index]));
|
|
375
376
|
function stringifyTokenValue(value) {
|
|
376
377
|
if (typeof value === 'string') {
|
|
377
378
|
return value;
|
|
@@ -508,7 +509,7 @@ export function generatedScopedStatusRoleDefaults(tokens, localTokens = {}, rule
|
|
|
508
509
|
indexes,
|
|
509
510
|
values: effectiveAdaptationTokenValues(tokens, localTokens, entries, rules, indexes)
|
|
510
511
|
}));
|
|
511
|
-
for (const [role, source] of
|
|
512
|
+
for (const [role, source] of SCOPED_REFERENCE_DEFAULTS) {
|
|
512
513
|
const alias = `var(${source})`;
|
|
513
514
|
if (authoredRoot[role] !== undefined || authoredRoot[source] === undefined && !entries.some(([emitted]) => emitted === source)) {
|
|
514
515
|
continue;
|
|
@@ -533,7 +534,7 @@ export function generatedScopedStatusRoleDefaults(tokens, localTokens = {}, rule
|
|
|
533
534
|
}
|
|
534
535
|
function authoredStatusRoleEntries(tokens) {
|
|
535
536
|
const canonicalTokens = createTokenCascade(tokens).values;
|
|
536
|
-
return
|
|
537
|
+
return SCOPED_REFERENCE_DEFAULTS.flatMap(([role]) => {
|
|
537
538
|
const value = canonicalTokens[role];
|
|
538
539
|
return value === undefined ? [] : [[role, stringifyTokenValue(value)]];
|
|
539
540
|
});
|
|
@@ -542,7 +543,7 @@ function tokenValueIsAliasOf(value, source) {
|
|
|
542
543
|
return analyzeDeclarationValue(stringifyTokenValue(value)).singleVarReference === source;
|
|
543
544
|
}
|
|
544
545
|
function mediaRoleRestorationValue(role, value) {
|
|
545
|
-
const source =
|
|
546
|
+
const source = SCOPED_REFERENCE_SOURCES.get(role);
|
|
546
547
|
return source !== undefined && tokenValueIsAliasOf(value, source) ? value : 'inherit';
|
|
547
548
|
}
|
|
548
549
|
function generatedAdaptationStatusRoleDefaults(rootTokens, rootLocalTokens, rules, rootAliases) {
|
|
@@ -577,7 +578,7 @@ function generatedAdaptationStatusRoleDefaults(rootTokens, rootLocalTokens, rule
|
|
|
577
578
|
...authoredRule,
|
|
578
579
|
...Object.fromEntries(ruleRoles)
|
|
579
580
|
};
|
|
580
|
-
for (const [role, source] of
|
|
581
|
+
for (const [role, source] of SCOPED_REFERENCE_DEFAULTS) {
|
|
581
582
|
const alias = `var(${source})`;
|
|
582
583
|
const rootRole = rootValues[role];
|
|
583
584
|
if (ruleRoles.has(role) || authoredRule[role] !== undefined || ruleSources[source] === undefined && !aliases[index].some(([emitted]) => emitted === source) || rootRole !== undefined) {
|
|
@@ -632,7 +633,7 @@ function generatedMediaStatusRoleDefaults(tokens, rootTokens, rootLocalTokens, r
|
|
|
632
633
|
}
|
|
633
634
|
return stringifyTokenValue(candidate.values[role]);
|
|
634
635
|
};
|
|
635
|
-
for (const [role, source] of
|
|
636
|
+
for (const [role, source] of SCOPED_REFERENCE_DEFAULTS) {
|
|
636
637
|
const alias = `var(${source})`;
|
|
637
638
|
const rootRole = rootValues[role];
|
|
638
639
|
if (authoredMedia[role] !== undefined || authoredMedia[source] === undefined && !aliases.some(([emitted]) => emitted === source) || rootRole !== undefined && !tokenValueIsAliasOf(rootRole, source) && !rootDerived.has(role)) {
|
|
@@ -16,10 +16,11 @@
|
|
|
16
16
|
/** How lively a theme's motion feels. */
|
|
17
17
|
export type MotionCharacter = 'crisp' | 'standard' | 'expressive';
|
|
18
18
|
/**
|
|
19
|
-
* Whose Reduce Motion setting a theme follows: `'system'`, each person's own
|
|
20
|
-
*
|
|
19
|
+
* Whose Reduce Motion setting a theme follows: `'system'`, each person's own,
|
|
20
|
+
* or `'always'`, reduced for everyone. Internal: `resolveKnobs` resolves
|
|
21
|
+
* every theme to `'system'` until `'always'` ships (`spec:AST-108` FR6).
|
|
21
22
|
*/
|
|
22
|
-
export type ThemeReducedMotion = 'system';
|
|
23
|
+
export type ThemeReducedMotion = 'system' | 'always';
|
|
23
24
|
/** The motion knobs a theme sets (`spec:AST-108` FR1). */
|
|
24
25
|
export interface ThemeMotionKnobs {
|
|
25
26
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"motionKnobs.d.ts","sourceRoot":"","sources":["../../src/theme/motionKnobs.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AAEH,yCAAyC;AACzC,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,CAAC;AAElE
|
|
1
|
+
{"version":3,"file":"motionKnobs.d.ts","sourceRoot":"","sources":["../../src/theme/motionKnobs.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AAEH,yCAAyC;AACzC,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,CAAC;AAElE;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErD,0DAA0D;AAC1D,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B;AAED,mEAAmE;AACnE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,SAAS,EAAE,eAAe,CAAC;IACpC,QAAQ,CAAC,aAAa,EAAE,kBAAkB,CAAC;IAC3C;;;;OAIG;IACH,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;CAC9B;AAED,uCAAuC;AACvC,eAAO,MAAM,WAAW;;;CAAiC,CAAC;AAQ1D,kEAAkE;AAClE,wBAAgB,YAAY,CAC1B,MAAM,EAAE,gBAAgB,GAAG,SAAS,GACnC,mBAAmB,CAcrB"}
|
|
@@ -19,8 +19,9 @@
|
|
|
19
19
|
/** How lively a theme's motion feels. */
|
|
20
20
|
|
|
21
21
|
/**
|
|
22
|
-
* Whose Reduce Motion setting a theme follows: `'system'`, each person's own
|
|
23
|
-
*
|
|
22
|
+
* Whose Reduce Motion setting a theme follows: `'system'`, each person's own,
|
|
23
|
+
* or `'always'`, reduced for everyone. Internal: `resolveKnobs` resolves
|
|
24
|
+
* every theme to `'system'` until `'always'` ships (`spec:AST-108` FR6).
|
|
24
25
|
*/
|
|
25
26
|
|
|
26
27
|
/** The motion knobs a theme sets (`spec:AST-108` FR1). */
|