@astryxdesign/core 0.7.8 → 0.7.9-canary.07992bb
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/AppShell/observeMainOverflow.d.ts.map +1 -1
- package/dist/AppShell/observeMainOverflow.js +9 -6
- package/dist/BottomSheet/BottomSheet.d.ts.map +1 -1
- package/dist/BottomSheet/BottomSheet.js +5 -0
- package/dist/BottomSheet/BottomSheetPanel.d.ts.map +1 -1
- package/dist/BottomSheet/BottomSheetPanel.js +40 -8
- package/dist/BottomSheet/useSheetGestures.d.ts.map +1 -1
- package/dist/BottomSheet/useSheetGestures.js +61 -21
- package/dist/Calendar/Calendar.d.ts +14 -2
- package/dist/Calendar/Calendar.d.ts.map +1 -1
- package/dist/Calendar/Calendar.js +63 -74
- package/dist/Calendar/getInitialFocusDate.d.ts +4 -1
- package/dist/Calendar/getInitialFocusDate.d.ts.map +1 -1
- package/dist/Calendar/getInitialFocusDate.js +7 -5
- package/dist/Calendar/hooks/useCalendarDays.d.ts +19 -2
- package/dist/Calendar/hooks/useCalendarDays.d.ts.map +1 -1
- package/dist/Calendar/hooks/useCalendarDays.js +57 -64
- package/dist/Calendar/hooks/useCalendarNavigation.d.ts +28 -3
- package/dist/Calendar/hooks/useCalendarNavigation.d.ts.map +1 -1
- package/dist/Calendar/hooks/useCalendarNavigation.js +33 -22
- package/dist/Calendar/styles.d.ts +1 -1
- package/dist/CheckboxInput/CheckboxInput.d.ts.map +1 -1
- package/dist/CheckboxInput/CheckboxInput.js +54 -11
- package/dist/ClickableCard/ClickableCard.d.ts +1 -1
- package/dist/ClickableCard/ClickableCard.d.ts.map +1 -1
- package/dist/ClickableCard/ClickableCard.js +5 -1
- package/dist/DateInput/DateInput.d.ts.map +1 -1
- package/dist/DateInput/DateInput.js +4 -1
- package/dist/DateInput/PickerWheel.d.ts.map +1 -1
- package/dist/DateInput/PickerWheel.js +7 -1
- package/dist/DateRangeInput/DateRangeInput.d.ts.map +1 -1
- package/dist/DateRangeInput/DateRangeInput.js +5 -2
- package/dist/DateTimeInput/DateTimeInput.d.ts.map +1 -1
- package/dist/DateTimeInput/DateTimeInput.js +4 -1
- package/dist/Dialog/Dialog.d.ts +2 -1
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +12 -1
- package/dist/Drawer/useDrawerDialogPresence.d.ts +2 -1
- package/dist/Drawer/useDrawerDialogPresence.d.ts.map +1 -1
- package/dist/Drawer/useDrawerDialogPresence.js +11 -2
- package/dist/DropdownMenu/DropdownMenu.d.ts +9 -1
- package/dist/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenu.js +9 -4
- package/dist/DropdownMenu/DropdownMenuCheckboxItem.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenuCheckboxItem.js +3 -2
- package/dist/DropdownMenu/DropdownMenuItem.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenuItem.js +3 -2
- package/dist/DropdownMenu/DropdownMenuRadioItem.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenuRadioItem.js +3 -2
- package/dist/DropdownMenu/DropdownMenuSubMenu.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenuSubMenu.js +3 -2
- package/dist/Field/inputDisabledFocus.d.ts +4 -4
- package/dist/Field/inputStyles.stylex.d.ts +1 -1
- package/dist/FileInput/FileInput.d.ts.map +1 -1
- package/dist/FileInput/FileInput.js +16 -2
- package/dist/HoverCard/useHoverCard.d.ts +3 -1
- package/dist/HoverCard/useHoverCard.d.ts.map +1 -1
- package/dist/Icon/Icon.d.ts +1 -1
- package/dist/InfoTip/InfoTip.d.ts +1 -0
- package/dist/InfoTip/InfoTip.d.ts.map +1 -1
- package/dist/InfoTip/InfoTip.js +1 -0
- package/dist/InputGroup/InputGroup.d.ts +4 -3
- package/dist/InputGroup/InputGroup.d.ts.map +1 -1
- package/dist/InputGroup/InputGroup.js +2 -2
- package/dist/InputGroup/groupStyles.d.ts +1 -1
- package/dist/InputGroup/groupStyles.d.ts.map +1 -1
- package/dist/InputGroup/groupStyles.js +1 -1
- package/dist/Item/Item.d.ts +2 -1
- package/dist/Item/Item.d.ts.map +1 -1
- package/dist/Item/Item.js +29 -6
- package/dist/Layer/holdEntranceInput.d.ts +24 -0
- package/dist/Layer/holdEntranceInput.d.ts.map +1 -0
- package/dist/Layer/holdEntranceInput.js +65 -0
- package/dist/Layer/inputHold.d.ts +49 -0
- package/dist/Layer/inputHold.d.ts.map +1 -0
- package/dist/Layer/inputHold.js +636 -0
- package/dist/Layer/preserveAnimations.d.ts +1 -5
- package/dist/Layer/preserveAnimations.d.ts.map +1 -1
- package/dist/Layer/preserveAnimations.js +12 -214
- package/dist/Layer/useLayer.d.ts +3 -1
- package/dist/Layer/useLayer.d.ts.map +1 -1
- package/dist/Layer/useLayer.js +64 -4
- package/dist/Layout/LayoutContent.d.ts +3 -1
- package/dist/Layout/LayoutContent.d.ts.map +1 -1
- package/dist/Layout/LayoutContent.js +12 -4
- package/dist/Layout/LayoutPanel.d.ts +4 -1
- package/dist/Layout/LayoutPanel.d.ts.map +1 -1
- package/dist/Layout/LayoutPanel.js +13 -4
- package/dist/Lightbox/Lightbox.d.ts.map +1 -1
- package/dist/Lightbox/Lightbox.js +4 -0
- package/dist/MetadataList/MetadataList.js +1 -1
- package/dist/MobileNav/MobileNav.d.ts +11 -1
- package/dist/MobileNav/MobileNav.d.ts.map +1 -1
- package/dist/MobileNav/MobileNav.js +39 -1
- package/dist/MoreMenu/MoreMenu.d.ts +5 -3
- package/dist/MoreMenu/MoreMenu.d.ts.map +1 -1
- package/dist/NumberInput/NumberInput.d.ts +4 -2
- package/dist/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/NumberInput/NumberInput.js +244 -11
- package/dist/Popover/usePopover.d.ts +1 -0
- package/dist/Popover/usePopover.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearch.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearch.js +12 -5
- package/dist/PowerSearch/PowerSearchBottomSheet.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearchBottomSheet.js +4 -2
- package/dist/PowerSearch/PowerSearchToken.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearchToken.js +3 -1
- package/dist/PowerSearch/formatFilterValue.d.ts +9 -3
- package/dist/PowerSearch/formatFilterValue.d.ts.map +1 -1
- package/dist/PowerSearch/formatFilterValue.js +14 -11
- package/dist/PowerSearch/formatTokenValue.d.ts +6 -2
- package/dist/PowerSearch/formatTokenValue.d.ts.map +1 -1
- package/dist/PowerSearch/formatTokenValue.js +6 -3
- package/dist/RadioList/RadioListItem.d.ts.map +1 -1
- package/dist/RadioList/RadioListItem.js +22 -4
- package/dist/SelectableCard/SelectableCard.d.ts +1 -1
- package/dist/SelectableCard/SelectableCard.d.ts.map +1 -1
- package/dist/SelectableCard/SelectableCard.js +5 -1
- package/dist/Spinner/Spinner.d.ts.map +1 -1
- package/dist/Spinner/Spinner.js +14 -71
- package/dist/Spinner/index.d.ts +1 -1
- package/dist/Spinner/index.d.ts.map +1 -1
- package/dist/Spinner/spinnerRotor.d.ts +28 -0
- package/dist/Spinner/spinnerRotor.d.ts.map +1 -0
- package/dist/Spinner/spinnerRotor.js +98 -0
- package/dist/Stack/StackItem.d.ts +8 -4
- package/dist/Stack/StackItem.d.ts.map +1 -1
- package/dist/Stack/StackItem.js +17 -4
- package/dist/Switch/Switch.d.ts.map +1 -1
- package/dist/Switch/Switch.js +13 -10
- package/dist/Table/plugins/sortable/useTableSortable.js +1 -1
- package/dist/Timestamp/Timestamp.d.ts.map +1 -1
- package/dist/Timestamp/Timestamp.js +14 -8
- package/dist/Timestamp/formatInstant.d.ts +10 -1
- package/dist/Timestamp/formatInstant.d.ts.map +1 -1
- package/dist/Timestamp/formatInstant.js +13 -27
- package/dist/Timestamp/tooltipEntries.d.ts +5 -3
- package/dist/Timestamp/tooltipEntries.d.ts.map +1 -1
- package/dist/Timestamp/tooltipEntries.js +6 -4
- package/dist/Token/Token.d.ts.map +1 -1
- package/dist/Token/Token.js +9 -0
- package/dist/Token/TokenLink.d.ts +1 -1
- package/dist/Token/TokenLink.d.ts.map +1 -1
- package/dist/Token/TokenLink.js +4 -1
- package/dist/Tokenizer/Tokenizer.d.ts +14 -10
- package/dist/Tokenizer/Tokenizer.d.ts.map +1 -1
- package/dist/Tokenizer/Tokenizer.js +189 -89
- package/dist/Tooltip/useTooltip.d.ts +3 -1
- package/dist/Tooltip/useTooltip.d.ts.map +1 -1
- package/dist/Tooltip/useTooltip.js +162 -59
- package/dist/TreeList/TreeListItem.d.ts +2 -1
- package/dist/TreeList/TreeListItem.d.ts.map +1 -1
- package/dist/TreeList/TreeListItem.js +27 -3
- package/dist/astryx.css +45 -18
- package/dist/gestures/GestureHost.d.ts +2 -2
- package/dist/gestures/GestureHost.d.ts.map +1 -1
- package/dist/gestures/GestureHost.js +21 -6
- package/dist/gestures/PanGestureRecognizer.d.ts +11 -1
- package/dist/gestures/PanGestureRecognizer.d.ts.map +1 -1
- package/dist/gestures/PanGestureRecognizer.js +15 -1
- package/dist/gestures/ScreenEdgePanGestureRecognizer.d.ts +6 -1
- package/dist/gestures/ScreenEdgePanGestureRecognizer.d.ts.map +1 -1
- package/dist/gestures/nativeScroll.d.ts +3 -6
- package/dist/gestures/nativeScroll.d.ts.map +1 -1
- package/dist/gestures/nativeScroll.js +7 -52
- package/dist/gestures/wheelSegmenter.d.ts +68 -1
- package/dist/gestures/wheelSegmenter.d.ts.map +1 -1
- package/dist/gestures/wheelSegmenter.js +199 -10
- package/dist/hooks/StackItemScrollRegion.d.ts +31 -0
- package/dist/hooks/StackItemScrollRegion.d.ts.map +1 -0
- package/dist/hooks/StackItemScrollRegion.js +40 -0
- package/dist/hooks/menuPressGesture.d.ts +133 -21
- package/dist/hooks/menuPressGesture.d.ts.map +1 -1
- package/dist/hooks/menuPressGesture.js +155 -30
- package/dist/hooks/menuPressValues.d.ts +16 -0
- package/dist/hooks/menuPressValues.d.ts.map +1 -0
- package/dist/hooks/menuPressValues.js +18 -0
- package/dist/hooks/useClickableContainer.d.ts +27 -5
- package/dist/hooks/useClickableContainer.d.ts.map +1 -1
- package/dist/hooks/useClickableContainer.js +41 -5
- package/dist/hooks/useFocusTrap.d.ts +10 -0
- package/dist/hooks/useFocusTrap.d.ts.map +1 -1
- package/dist/hooks/useFocusTrap.js +225 -132
- package/dist/hooks/useMenuPress.d.ts +34 -1
- package/dist/hooks/useMenuPress.d.ts.map +1 -1
- package/dist/hooks/useMenuPress.js +93 -5
- package/dist/hooks/usePressFeedback.d.ts +6 -6
- package/dist/hooks/usePressFeedback.js +6 -6
- package/dist/hooks/useScrollRegionProps.d.ts +35 -0
- package/dist/hooks/useScrollRegionProps.d.ts.map +1 -0
- package/dist/hooks/useScrollRegionProps.js +51 -0
- package/dist/i18n/InternationalizationContext.d.ts +6 -0
- package/dist/i18n/InternationalizationContext.d.ts.map +1 -1
- package/dist/i18n/InternationalizationProvider.d.ts +21 -3
- package/dist/i18n/InternationalizationProvider.d.ts.map +1 -1
- package/dist/i18n/InternationalizationProvider.js +8 -3
- package/dist/i18n/generated-english/hooks/useScrollRegionProps.generated.d.ts +8 -0
- package/dist/i18n/generated-english/hooks/useScrollRegionProps.generated.d.ts.map +1 -0
- package/dist/i18n/generated-english/hooks/useScrollRegionProps.generated.js +12 -0
- package/dist/i18n/generated-locales/en.generated.d.ts.map +1 -1
- package/dist/i18n/generated-locales/en.generated.js +1 -0
- package/dist/i18n/generated-locales/pseudo.generated.d.ts.map +1 -1
- package/dist/i18n/generated-locales/pseudo.generated.js +1 -0
- package/dist/i18n/index.d.ts +2 -0
- package/dist/i18n/index.d.ts.map +1 -1
- package/dist/i18n/index.js +1 -0
- package/dist/i18n/useCalendarSystem.d.ts +19 -0
- package/dist/i18n/useCalendarSystem.d.ts.map +1 -0
- package/dist/i18n/useCalendarSystem.js +61 -0
- package/dist/internal/spinner-rotor.d.ts +16 -0
- package/dist/internal/spinner-rotor.d.ts.map +1 -0
- package/dist/internal/spinner-rotor.js +16 -0
- package/dist/internal/touch.d.ts +14 -1
- package/dist/internal/touch.d.ts.map +1 -1
- package/dist/internal/touch.js +20 -2
- package/dist/motion/carryAnimations.d.ts +58 -0
- package/dist/motion/carryAnimations.d.ts.map +1 -0
- package/dist/motion/carryAnimations.js +305 -0
- package/dist/motion/transientCopy.d.ts +4 -2
- package/dist/motion/transientCopy.d.ts.map +1 -1
- package/dist/motion/transientCopy.js +34 -5
- package/dist/motion/uikit/gestures.d.ts +41 -0
- package/dist/motion/uikit/gestures.d.ts.map +1 -1
- package/dist/motion/uikit/gestures.js +25 -0
- package/dist/motion/uikit/index.d.ts +1 -1
- package/dist/motion/uikit/index.d.ts.map +1 -1
- package/dist/motion/uikit/index.js +1 -1
- package/dist/motion/uikit/timing.d.ts +14 -10
- package/dist/motion/uikit/timing.d.ts.map +1 -1
- package/dist/motion/uikit/timing.js +7 -5
- package/dist/privateAttributes/menuPressLit.stylex.d.ts +52 -0
- package/dist/privateAttributes/menuPressLit.stylex.d.ts.map +1 -0
- package/dist/privateAttributes/menuPressLit.stylex.js +99 -0
- package/dist/privateAttributes/press.stylex.d.ts +139 -0
- package/dist/privateAttributes/press.stylex.d.ts.map +1 -0
- package/dist/privateAttributes/press.stylex.js +97 -0
- package/dist/theme/themeMotion.d.ts +3 -2
- package/dist/theme/themeMotion.d.ts.map +1 -1
- package/dist/theme/themeMotion.js +3 -2
- package/dist/theme/tokens.stylex.d.ts +2 -2
- package/dist/theme/tokens.stylex.js +1 -1
- package/dist/utils/calendarSystem.d.ts +114 -0
- package/dist/utils/calendarSystem.d.ts.map +1 -0
- package/dist/utils/calendarSystem.js +386 -0
- package/dist/utils/flatTree.d.ts +6 -3
- package/dist/utils/flatTree.d.ts.map +1 -1
- package/dist/utils/flatTree.js +13 -3
- package/dist/utils/hitArea.d.ts.map +1 -1
- package/dist/utils/hitArea.js +82 -5
- package/dist/utils/inputStream.d.ts +14 -1
- package/dist/utils/inputStream.d.ts.map +1 -1
- package/dist/utils/inputStream.js +40 -9
- package/dist/utils/interactionOverlay.stylex.d.ts +5 -9
- package/dist/utils/interactionOverlay.stylex.d.ts.map +1 -1
- package/dist/utils/interactionOverlay.stylex.js +29 -31
- package/dist/utils/plainDate.d.ts +23 -7
- package/dist/utils/plainDate.d.ts.map +1 -1
- package/dist/utils/plainDate.js +57 -18
- package/dist/utils/pressFeedback.d.ts +10 -2
- package/dist/utils/pressFeedback.d.ts.map +1 -1
- package/dist/utils/pressFeedback.js +40 -15
- package/dist/utils/pressGesture.d.ts +12 -6
- package/dist/utils/pressGesture.d.ts.map +1 -1
- package/dist/utils/pressGesture.js +26 -8
- package/dist/utils/scrollView.d.ts +25 -0
- package/dist/utils/scrollView.d.ts.map +1 -0
- package/dist/utils/scrollView.js +108 -0
- package/dist/utils/selectionLock.d.ts.map +1 -1
- package/dist/utils/selectionLock.js +1 -10
- package/dist/utils/touchHitArea.stylex.d.ts +35 -0
- package/dist/utils/touchHitArea.stylex.d.ts.map +1 -0
- package/dist/utils/touchHitArea.stylex.js +32 -0
- package/dist/utils/triggerFocus.d.ts +5 -0
- package/dist/utils/triggerFocus.d.ts.map +1 -1
- package/dist/utils/triggerFocus.js +9 -2
- package/locales/en.json +4 -0
- package/locales/pseudo.json +3 -0
- package/package.json +10 -4
- package/src/AppShell/observeMainOverflow.ts +9 -6
- package/src/BottomSheet/BottomSheet.tsx +5 -0
- package/src/BottomSheet/BottomSheetPanel.tsx +64 -7
- package/src/BottomSheet/useSheetGestures.ts +83 -20
- package/src/Calendar/Calendar.doc.mjs +76 -6
- package/src/Calendar/Calendar.tsx +123 -104
- package/src/Calendar/getInitialFocusDate.ts +22 -8
- package/src/Calendar/hooks/useCalendarDays.ts +89 -63
- package/src/Calendar/hooks/useCalendarNavigation.ts +68 -26
- package/src/CheckboxInput/CheckboxInput.doc.mjs +3 -2
- package/src/CheckboxInput/CheckboxInput.tsx +71 -9
- package/src/ClickableCard/ClickableCard.tsx +8 -1
- package/src/DateInput/DateInput.tsx +2 -0
- package/src/DateInput/PickerWheel.tsx +7 -2
- package/src/DateRangeInput/DateRangeInput.tsx +3 -1
- package/src/DateTimeInput/DateTimeInput.tsx +2 -0
- package/src/Dialog/Dialog.doc.mjs +1 -1
- package/src/Dialog/Dialog.tsx +12 -1
- package/src/Drawer/Drawer.doc.mjs +1 -1
- package/src/Drawer/useDrawerDialogPresence.ts +9 -2
- package/src/DropdownMenu/DropdownMenu.doc.mjs +1 -2
- package/src/DropdownMenu/DropdownMenu.tsx +29 -5
- package/src/DropdownMenu/DropdownMenuCheckboxItem.tsx +5 -1
- package/src/DropdownMenu/DropdownMenuItem.tsx +8 -4
- package/src/DropdownMenu/DropdownMenuRadioItem.tsx +5 -1
- package/src/DropdownMenu/DropdownMenuSubMenu.tsx +5 -1
- package/src/FileInput/FileInput.tsx +16 -2
- package/src/HoverCard/useHoverCard.tsx +3 -1
- package/src/InfoTip/InfoTip.doc.mjs +26 -2
- package/src/InfoTip/InfoTip.tsx +1 -0
- package/src/InputGroup/InputGroup.doc.mjs +4 -3
- package/src/InputGroup/InputGroup.tsx +4 -3
- package/src/InputGroup/groupStyles.ts +3 -1
- package/src/Item/Item.tsx +51 -9
- package/src/Layer/holdEntranceInput.ts +84 -0
- package/src/Layer/inputHold.ts +734 -0
- package/src/Layer/preserveAnimations.ts +12 -275
- package/src/Layer/useLayer.tsx +77 -4
- package/src/Layout/LayoutContent.doc.mjs +6 -3
- package/src/Layout/LayoutContent.tsx +10 -4
- package/src/Layout/LayoutPanel.doc.mjs +6 -3
- package/src/Layout/LayoutPanel.tsx +11 -4
- package/src/Lightbox/Lightbox.tsx +4 -0
- package/src/MetadataList/MetadataList.tsx +1 -1
- package/src/MobileNav/MobileNav.doc.mjs +3 -3
- package/src/MobileNav/MobileNav.tsx +39 -1
- package/src/MoreMenu/MoreMenu.doc.mjs +2 -4
- package/src/MoreMenu/MoreMenu.tsx +5 -3
- package/src/NumberInput/NumberInput.doc.mjs +1 -1
- package/src/NumberInput/NumberInput.tsx +259 -11
- package/src/Popover/usePopover.tsx +1 -0
- package/src/PowerSearch/PowerSearch.doc.mjs +3 -3
- package/src/PowerSearch/PowerSearch.tsx +20 -3
- package/src/PowerSearch/PowerSearchBottomSheet.tsx +4 -1
- package/src/PowerSearch/PowerSearchToken.tsx +3 -0
- package/src/PowerSearch/formatFilterValue.ts +21 -11
- package/src/PowerSearch/formatTokenValue.ts +7 -1
- package/src/RadioList/RadioListItem.doc.mjs +3 -2
- package/src/RadioList/RadioListItem.tsx +25 -7
- package/src/SelectableCard/SelectableCard.tsx +8 -1
- package/src/Spinner/Spinner.tsx +7 -89
- package/src/Spinner/index.ts +1 -5
- package/src/Spinner/spinnerRotor.ts +113 -0
- package/src/Stack/Stack.doc.mjs +1 -1
- package/src/Stack/StackItem.tsx +27 -13
- package/src/Switch/Switch.tsx +7 -6
- package/src/Table/plugins/sortable/useTableSortable.tsx +1 -1
- package/src/Timestamp/Timestamp.doc.mjs +3 -3
- package/src/Timestamp/Timestamp.tsx +13 -8
- package/src/Timestamp/formatInstant.ts +49 -28
- package/src/Timestamp/tooltipEntries.ts +7 -3
- package/src/Token/Token.tsx +18 -1
- package/src/Token/TokenLink.tsx +7 -1
- package/src/Tokenizer/Tokenizer.doc.mjs +3 -3
- package/src/Tokenizer/Tokenizer.tsx +252 -115
- package/src/Tooltip/useTooltip.tsx +178 -80
- package/src/TreeList/TreeListItem.tsx +36 -2
- package/src/gestures/GestureHost.ts +21 -5
- package/src/gestures/PanGestureRecognizer.ts +19 -2
- package/src/gestures/README.md +14 -5
- package/src/gestures/ScreenEdgePanGestureRecognizer.ts +6 -1
- package/src/gestures/nativeScroll.ts +12 -68
- package/src/gestures/wheelSegmenter.ts +243 -10
- package/src/hooks/StackItemScrollRegion.tsx +57 -0
- package/src/hooks/menuPressGesture.ts +244 -38
- package/src/hooks/menuPressValues.ts +18 -0
- package/src/hooks/useClickableContainer.doc.mjs +8 -2
- package/src/hooks/useClickableContainer.ts +72 -6
- package/src/hooks/useFocusTrap.ts +268 -151
- package/src/hooks/useMenuPress.ts +118 -11
- package/src/hooks/usePressFeedback.doc.mjs +3 -3
- package/src/hooks/usePressFeedback.ts +6 -6
- package/src/hooks/useScrollRegionProps.ts +76 -0
- package/src/i18n/InternationalizationContext.ts +6 -0
- package/src/i18n/InternationalizationProvider.doc.mjs +29 -1
- package/src/i18n/InternationalizationProvider.tsx +33 -3
- package/src/i18n/generated-english/hooks/useScrollRegionProps.generated.ts +13 -0
- package/src/i18n/generated-locales/en.generated.ts +1 -0
- package/src/i18n/generated-locales/pseudo.generated.ts +1 -0
- package/src/i18n/index.ts +2 -0
- package/src/i18n/useCalendarSystem.ts +95 -0
- package/src/internal/spinner-rotor.ts +20 -0
- package/src/internal/touch.ts +34 -1
- package/src/motion/MEASUREMENTS.md +11 -0
- package/src/motion/carryAnimations.ts +389 -0
- package/src/motion/transientCopy.ts +45 -5
- package/src/motion/uikit/gestures.ts +22 -0
- package/src/motion/uikit/index.ts +1 -0
- package/src/motion/uikit/timing.ts +7 -5
- package/src/privateAttributes/menuPressLit.stylex.ts +104 -0
- package/src/privateAttributes/press.stylex.ts +243 -0
- package/src/theme/themeMotion.ts +3 -2
- package/src/theme/tokens.stylex.ts +1 -1
- package/src/utils/calendarSystem.ts +548 -0
- package/src/utils/flatTree.ts +15 -3
- package/src/utils/hitArea.ts +107 -5
- package/src/utils/inputStream.ts +47 -10
- package/src/utils/interactionOverlay.stylex.ts +19 -22
- package/src/utils/plainDate.ts +84 -19
- package/src/utils/pressFeedback.ts +46 -14
- package/src/utils/pressGesture.ts +35 -9
- package/src/utils/scrollView.ts +135 -0
- package/src/utils/selectionLock.ts +5 -10
- package/src/utils/touchHitArea.stylex.ts +41 -0
- package/src/utils/triggerFocus.ts +17 -4
package/dist/utils/hitArea.js
CHANGED
|
@@ -24,6 +24,9 @@
|
|
|
24
24
|
// live control measures: only under a coarse primary pointer (AST-094), only on
|
|
25
25
|
// screen, and in one read pass per frame within a 4 ms budget. Until the first
|
|
26
26
|
// pass the insets are 0, so first paint never overlaps anything.
|
|
27
|
+
// The insets are lengths in the control's own box, so a pass measures in its
|
|
28
|
+
// layout px. A layer that opens from a smaller scale then keeps the insets of
|
|
29
|
+
// the size it settles at.
|
|
27
30
|
import { observeContent } from "./sharedMutationObserver.js";
|
|
28
31
|
|
|
29
32
|
/** A rect in client pixels. */
|
|
@@ -263,6 +266,74 @@ function plainRect(element) {
|
|
|
263
266
|
bottom
|
|
264
267
|
};
|
|
265
268
|
}
|
|
269
|
+
|
|
270
|
+
/** A box that the transforms around it leave at its layout size. */
|
|
271
|
+
const UNSCALED = {
|
|
272
|
+
x: 1,
|
|
273
|
+
y: 1
|
|
274
|
+
};
|
|
275
|
+
|
|
276
|
+
/** One axis of a box's scale on screen: its client size over its layout size. */
|
|
277
|
+
function axisScale(onScreen, layout) {
|
|
278
|
+
if (!(layout > 0) || !(onScreen > 0)) {
|
|
279
|
+
return 1;
|
|
280
|
+
}
|
|
281
|
+
const scale = onScreen / layout;
|
|
282
|
+
// Within rounding of 1 the box is at its layout size: no change to the rects.
|
|
283
|
+
return Math.abs(scale - 1) < 1e-3 ? 1 : scale;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
/**
|
|
287
|
+
* How far the transforms around `element` scale its box on screen, per axis.
|
|
288
|
+
* A layer that opens from a smaller scale scales every rect inside it, while
|
|
289
|
+
* the layout box keeps the size the layer settles at. Only a scale is
|
|
290
|
+
* expected: a rotated or skewed box would read as a larger scale.
|
|
291
|
+
*/
|
|
292
|
+
function screenScale(element, onScreen) {
|
|
293
|
+
// The offset size is the layout size in whole pixels, unaffected by
|
|
294
|
+
// transforms, and costs no style resolution. A box with none, such as an SVG
|
|
295
|
+
// element or a jsdom box, reads as unscaled.
|
|
296
|
+
const box = element;
|
|
297
|
+
const offsetWidth = box.offsetWidth ?? 0;
|
|
298
|
+
const offsetHeight = box.offsetHeight ?? 0;
|
|
299
|
+
if (offsetWidth === 0 || offsetHeight === 0) {
|
|
300
|
+
return UNSCALED;
|
|
301
|
+
}
|
|
302
|
+
// Within a pixel of its layout size the box reads as unscaled, which bounds
|
|
303
|
+
// the inset error at about a pixel. Only a box that a transform shrinks or
|
|
304
|
+
// grows reads its exact size from the computed style.
|
|
305
|
+
if (Math.abs(onScreen.right - onScreen.left - offsetWidth) <= 1 && Math.abs(onScreen.bottom - onScreen.top - offsetHeight) <= 1) {
|
|
306
|
+
return UNSCALED;
|
|
307
|
+
}
|
|
308
|
+
const style = element.ownerDocument.defaultView?.getComputedStyle(element);
|
|
309
|
+
if (style == null || !style.width.endsWith('px')) {
|
|
310
|
+
return UNSCALED;
|
|
311
|
+
}
|
|
312
|
+
const px = value => Number.parseFloat(value) || 0;
|
|
313
|
+
const isContentBox = style.boxSizing !== 'border-box';
|
|
314
|
+
const width = px(style.width) + (isContentBox ? px(style.paddingLeft) + px(style.paddingRight) + px(style.borderLeftWidth) + px(style.borderRightWidth) : 0);
|
|
315
|
+
const height = px(style.height) + (isContentBox ? px(style.paddingTop) + px(style.paddingBottom) + px(style.borderTopWidth) + px(style.borderBottomWidth) : 0);
|
|
316
|
+
return {
|
|
317
|
+
x: axisScale(onScreen.right - onScreen.left, width),
|
|
318
|
+
y: axisScale(onScreen.bottom - onScreen.top, height)
|
|
319
|
+
};
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
/**
|
|
323
|
+
* `rect` in the layout px of the box at `origin`: its offset from `origin`,
|
|
324
|
+
* divided by that box's scale on screen.
|
|
325
|
+
*/
|
|
326
|
+
function inLayout(rect, origin, scale) {
|
|
327
|
+
if (scale.x === 1 && scale.y === 1) {
|
|
328
|
+
return rect;
|
|
329
|
+
}
|
|
330
|
+
return {
|
|
331
|
+
left: origin.left + (rect.left - origin.left) / scale.x,
|
|
332
|
+
top: origin.top + (rect.top - origin.top) / scale.y,
|
|
333
|
+
right: origin.left + (rect.right - origin.left) / scale.x,
|
|
334
|
+
bottom: origin.top + (rect.bottom - origin.top) / scale.y
|
|
335
|
+
};
|
|
336
|
+
}
|
|
266
337
|
/** The watched element `element` belongs to, if any (itself included). */
|
|
267
338
|
function watchedOwner(element) {
|
|
268
339
|
for (let node = element; node != null; node = node.parentElement) {
|
|
@@ -297,14 +368,15 @@ function readCandidates(doc) {
|
|
|
297
368
|
/** A control's rect and clamped insets, from candidates already read. */
|
|
298
369
|
function measureOne(watch, candidates) {
|
|
299
370
|
const target = plainRect(watch.element);
|
|
371
|
+
const scale = screenScale(watch.element, target);
|
|
300
372
|
// Two targets each growing up to half the minimum reach each other from a
|
|
301
373
|
// minimum apart.
|
|
302
374
|
const reach = Math.max(0, watch.minSize);
|
|
303
375
|
const band = grown(target, {
|
|
304
|
-
top: reach,
|
|
305
|
-
right: reach,
|
|
306
|
-
bottom: reach,
|
|
307
|
-
left: reach
|
|
376
|
+
top: reach * scale.y,
|
|
377
|
+
right: reach * scale.x,
|
|
378
|
+
bottom: reach * scale.y,
|
|
379
|
+
left: reach * scale.x
|
|
308
380
|
});
|
|
309
381
|
const neighbours = candidates.filter(({
|
|
310
382
|
element,
|
|
@@ -314,7 +386,12 @@ function measureOne(watch, candidates) {
|
|
|
314
386
|
}) => rect);
|
|
315
387
|
return {
|
|
316
388
|
target,
|
|
317
|
-
insets
|
|
389
|
+
// The insets are in the control's layout px. The returned rects stay in
|
|
390
|
+
// screen px for a touch's distance checks. A neighbour maps by the
|
|
391
|
+
// control's scale, as if it is in the same layer. A neighbour outside that
|
|
392
|
+
// layer then reads farther away. A touch compares screen distances, so it
|
|
393
|
+
// still counts that neighbour.
|
|
394
|
+
insets: clampedHitInsets(inLayout(target, target, scale), neighbours.map(rect => inLayout(rect, target, scale)), watch.minSize),
|
|
318
395
|
neighbours
|
|
319
396
|
};
|
|
320
397
|
}
|
|
@@ -6,12 +6,25 @@ export interface InputSubscriptionOptions {
|
|
|
6
6
|
* @default false
|
|
7
7
|
*/
|
|
8
8
|
readonly cancels?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* The subscriber runs before every subscriber that is not first. When it
|
|
11
|
+
* returns `true`, no later subscriber hears the event.
|
|
12
|
+
* @default false
|
|
13
|
+
*/
|
|
14
|
+
readonly first?: boolean;
|
|
9
15
|
}
|
|
10
16
|
/** The events a window's capture phase sees: its own, and the document's. */
|
|
11
17
|
export type InputEventMap = WindowEventMap & DocumentEventMap;
|
|
18
|
+
/**
|
|
19
|
+
* The type of the latest pointer event `view`'s stream delivered: `mouse`,
|
|
20
|
+
* `pen` or `touch`, or `null` before any. The stream hears a pointer event
|
|
21
|
+
* type only while a subscriber listens to it, as press feedback does on any
|
|
22
|
+
* page with a pressable. Reading it adds no listener.
|
|
23
|
+
*/
|
|
24
|
+
export declare function getLastPointerType(view: Window): string | null;
|
|
12
25
|
/**
|
|
13
26
|
* Listen to `type` on `view`'s capture phase through its shared native
|
|
14
27
|
* listener. Returns the unsubscribe; calling it again does nothing.
|
|
15
28
|
*/
|
|
16
|
-
export declare function subscribeInput<K extends keyof InputEventMap>(view: Window, type: K, listener: (event: InputEventMap[K]) =>
|
|
29
|
+
export declare function subscribeInput<K extends keyof InputEventMap>(view: Window, type: K, listener: (event: InputEventMap[K]) => unknown, { cancels, first }?: InputSubscriptionOptions): () => void;
|
|
17
30
|
//# sourceMappingURL=inputStream.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputStream.d.ts","sourceRoot":"","sources":["../../src/utils/inputStream.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"inputStream.d.ts","sourceRoot":"","sources":["../../src/utils/inputStream.ts"],"names":[],"mappings":"AAgDA,0CAA0C;AAC1C,MAAM,WAAW,wBAAwB;IACvC;;;;OAIG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,6EAA6E;AAC7E,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG,gBAAgB,CAAC;AAM9D;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAE9D;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,aAAa,EAC1D,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,OAAO,EAC9C,EAAC,OAAe,EAAE,KAAa,EAAC,GAAE,wBAA6B,GAC9D,MAAM,IAAI,CA4CZ"}
|
|
@@ -4,7 +4,8 @@
|
|
|
4
4
|
* @file inputStream.ts
|
|
5
5
|
* @input A window, and subscribers to its input events (the press feedback
|
|
6
6
|
* controller, the gesture host)
|
|
7
|
-
* @output subscribeInput
|
|
7
|
+
* @output subscribeInput, and getLastPointerType: the type of the latest
|
|
8
|
+
* pointer event the stream delivered
|
|
8
9
|
* @position The one entry for document-wide input listeners in core: one
|
|
9
10
|
* native listener per event type on the window's capture phase, shared by
|
|
10
11
|
* every subscriber
|
|
@@ -22,8 +23,10 @@
|
|
|
22
23
|
// `blur` or `focus`. A subscriber for the window's own event checks
|
|
23
24
|
// `event.target`.
|
|
24
25
|
//
|
|
25
|
-
// Subscribers run in subscription order
|
|
26
|
-
// the
|
|
26
|
+
// Subscribers run in subscription order, after the ones subscribed `first`.
|
|
27
|
+
// A first subscriber that returns `true` ends the dispatch: no later
|
|
28
|
+
// subscriber hears the event. One that throws is reported, and the rest still
|
|
29
|
+
// run.
|
|
27
30
|
//
|
|
28
31
|
// A type's native listener is passive, so it blocks no scroll. It is
|
|
29
32
|
// non-passive only while a subscriber that cancels the event
|
|
@@ -34,13 +37,26 @@
|
|
|
34
37
|
/** The events a window's capture phase sees: its own, and the document's. */
|
|
35
38
|
|
|
36
39
|
const streams = new WeakMap();
|
|
40
|
+
/** The type of the latest pointer event each window's stream delivered. */
|
|
41
|
+
const lastPointerTypes = new WeakMap();
|
|
42
|
+
|
|
43
|
+
/**
|
|
44
|
+
* The type of the latest pointer event `view`'s stream delivered: `mouse`,
|
|
45
|
+
* `pen` or `touch`, or `null` before any. The stream hears a pointer event
|
|
46
|
+
* type only while a subscriber listens to it, as press feedback does on any
|
|
47
|
+
* page with a pressable. Reading it adds no listener.
|
|
48
|
+
*/
|
|
49
|
+
export function getLastPointerType(view) {
|
|
50
|
+
return lastPointerTypes.get(view) ?? null;
|
|
51
|
+
}
|
|
37
52
|
|
|
38
53
|
/**
|
|
39
54
|
* Listen to `type` on `view`'s capture phase through its shared native
|
|
40
55
|
* listener. Returns the unsubscribe; calling it again does nothing.
|
|
41
56
|
*/
|
|
42
57
|
export function subscribeInput(view, type, listener, {
|
|
43
|
-
cancels = false
|
|
58
|
+
cancels = false,
|
|
59
|
+
first = false
|
|
44
60
|
} = {}) {
|
|
45
61
|
let channels = streams.get(view);
|
|
46
62
|
if (channels == null) {
|
|
@@ -57,9 +73,15 @@ export function subscribeInput(view, type, listener, {
|
|
|
57
73
|
}
|
|
58
74
|
const subscriber = {
|
|
59
75
|
listener: listener,
|
|
60
|
-
cancels
|
|
76
|
+
cancels,
|
|
77
|
+
isFirst: first
|
|
61
78
|
};
|
|
62
|
-
channel.subscribers.
|
|
79
|
+
const firstLater = first ? channel.subscribers.findIndex(other => !other.isFirst) : -1;
|
|
80
|
+
if (firstLater === -1) {
|
|
81
|
+
channel.subscribers.push(subscriber);
|
|
82
|
+
} else {
|
|
83
|
+
channel.subscribers.splice(firstLater, 0, subscriber);
|
|
84
|
+
}
|
|
63
85
|
register(view, type, channel);
|
|
64
86
|
let isSubscribed = true;
|
|
65
87
|
return () => {
|
|
@@ -101,7 +123,7 @@ function register(view, type, channel) {
|
|
|
101
123
|
if (wanted == null) {
|
|
102
124
|
return;
|
|
103
125
|
}
|
|
104
|
-
const listener = event => dispatch(channel, event);
|
|
126
|
+
const listener = event => dispatch(view, channel, event);
|
|
105
127
|
view.addEventListener(type, listener, {
|
|
106
128
|
capture: true,
|
|
107
129
|
passive: !wanted
|
|
@@ -111,7 +133,14 @@ function register(view, type, channel) {
|
|
|
111
133
|
cancels: wanted
|
|
112
134
|
};
|
|
113
135
|
}
|
|
114
|
-
function dispatch(channel, event) {
|
|
136
|
+
function dispatch(view, channel, event) {
|
|
137
|
+
// Recorded before any subscriber runs, so each reads the pointer at hand.
|
|
138
|
+
const {
|
|
139
|
+
pointerType
|
|
140
|
+
} = event;
|
|
141
|
+
if (typeof pointerType === 'string' && pointerType !== '') {
|
|
142
|
+
lastPointerTypes.set(view, pointerType);
|
|
143
|
+
}
|
|
115
144
|
// A subscriber may subscribe or unsubscribe while the event runs; the
|
|
116
145
|
// event goes to those subscribed when it arrived.
|
|
117
146
|
for (const subscriber of [...channel.subscribers]) {
|
|
@@ -119,7 +148,9 @@ function dispatch(channel, event) {
|
|
|
119
148
|
continue;
|
|
120
149
|
}
|
|
121
150
|
try {
|
|
122
|
-
subscriber.listener(event)
|
|
151
|
+
if (subscriber.listener(event) === true && subscriber.isFirst) {
|
|
152
|
+
return;
|
|
153
|
+
}
|
|
123
154
|
} catch (error) {
|
|
124
155
|
report(error);
|
|
125
156
|
}
|
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
* @input StyleX and the semantic interaction-overlay color tokens
|
|
4
4
|
* @output Reusable background-color and background-image state styles, the
|
|
5
5
|
* touch press's registered strength variable (`pressVars`) and its clocks
|
|
6
|
-
* (`pressConsts`)
|
|
6
|
+
* (`pressConsts`). The list row's compositor press layer and its clocks
|
|
7
|
+
* are internal (privateAttributes/press.stylex.ts, utils/rowPressLayer.stylex.ts)
|
|
7
8
|
* @position Internal styling utility for interactive core surfaces
|
|
8
9
|
*
|
|
9
10
|
* SYNC: When modified, update pressFeedback.ts, pressGesture.ts (the fade
|
|
@@ -29,16 +30,11 @@ export declare const pressVars: stylex.VarGroup<Readonly<{
|
|
|
29
30
|
'--astryx-press-alpha': stylex.Types.Num<0>;
|
|
30
31
|
}>, symbol>;
|
|
31
32
|
/**
|
|
32
|
-
* The touch press's
|
|
33
|
-
*
|
|
34
|
-
* `defineConsts`, so the one number is inlined here at build time and is the
|
|
35
|
-
* controller's constant at run time (`PRESS_FADE_MS` in pressGesture.ts):
|
|
36
|
-
* the release animation and the controller's clock cannot drift apart. When
|
|
37
|
-
* that clock runs out, the controller waits for a release animation that a
|
|
38
|
-
* busy main thread started late, then removes the attribute.
|
|
33
|
+
* The touch press's measured release clock, kept as a reference value. Press
|
|
34
|
+
* releases now play the theme's `--duration-exit`.
|
|
39
35
|
*/
|
|
40
36
|
export declare const pressConsts: {
|
|
41
|
-
/**
|
|
37
|
+
/** UIKit's deselect clock, in ms: the measured reference value. */
|
|
42
38
|
releaseMs: number;
|
|
43
39
|
};
|
|
44
40
|
export declare const interactionOverlayStyles: Readonly<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interactionOverlay.stylex.d.ts","sourceRoot":"","sources":["../../src/utils/interactionOverlay.stylex.ts"],"names":[],"mappings":"AAMA
|
|
1
|
+
{"version":3,"file":"interactionOverlay.stylex.d.ts","sourceRoot":"","sources":["../../src/utils/interactionOverlay.stylex.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;;GAeG;AAmCH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAI3C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS;;WAEpB,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,WAAW;IACtB,mEAAmE;;CAEnE,CAAC;AA8HH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8HnC,CAAC"}
|
|
@@ -9,7 +9,8 @@
|
|
|
9
9
|
* @input StyleX and the semantic interaction-overlay color tokens
|
|
10
10
|
* @output Reusable background-color and background-image state styles, the
|
|
11
11
|
* touch press's registered strength variable (`pressVars`) and its clocks
|
|
12
|
-
* (`pressConsts`)
|
|
12
|
+
* (`pressConsts`). The list row's compositor press layer and its clocks
|
|
13
|
+
* are internal (privateAttributes/press.stylex.ts, utils/rowPressLayer.stylex.ts)
|
|
13
14
|
* @position Internal styling utility for interactive core surfaces
|
|
14
15
|
*
|
|
15
16
|
* SYNC: When modified, update pressFeedback.ts, pressGesture.ts (the fade
|
|
@@ -41,7 +42,7 @@
|
|
|
41
42
|
// background image, so a composer's color transition cannot fade the onset
|
|
42
43
|
// in. `on` sets the strength to 1 on the first frame. `fading` animates it
|
|
43
44
|
// from 1 to 0, not to the hover strength, because a finger has no hover. The
|
|
44
|
-
// theme's motion
|
|
45
|
+
// release plays the theme's exit motion tokens, which follow its tempo.
|
|
45
46
|
//
|
|
46
47
|
// The release is an animation, not a transition. Composers own their
|
|
47
48
|
// `transition-*` longhands, and StyleX is last-wins per property. A
|
|
@@ -54,8 +55,10 @@
|
|
|
54
55
|
// `animation-*` on the element that composes them. The touch arms own both.
|
|
55
56
|
|
|
56
57
|
import * as stylex from '@stylexjs/stylex';
|
|
58
|
+
import "../motion/reducedMotion.stylex.js";
|
|
59
|
+
import { reducedMotionFadeConsts } from "../motion/reducedMotion.stylex.js";
|
|
57
60
|
import "../theme/tokens.stylex.js";
|
|
58
|
-
import { colorVars } from "../theme/tokens.stylex.js";
|
|
61
|
+
import { colorVars, durationVars, easeVars } from "../theme/tokens.stylex.js";
|
|
59
62
|
|
|
60
63
|
/**
|
|
61
64
|
* The touch press's strength on the surface the controller painted, 0 to 1.
|
|
@@ -74,25 +77,21 @@ export const pressVars = {
|
|
|
74
77
|
};
|
|
75
78
|
|
|
76
79
|
/**
|
|
77
|
-
* The touch press's
|
|
78
|
-
*
|
|
79
|
-
* `defineConsts`, so the one number is inlined here at build time and is the
|
|
80
|
-
* controller's constant at run time (`PRESS_FADE_MS` in pressGesture.ts):
|
|
81
|
-
* the release animation and the controller's clock cannot drift apart. When
|
|
82
|
-
* that clock runs out, the controller waits for a release animation that a
|
|
83
|
-
* busy main thread started late, then removes the attribute.
|
|
80
|
+
* The touch press's measured release clock, kept as a reference value. Press
|
|
81
|
+
* releases now play the theme's `--duration-exit`.
|
|
84
82
|
*/
|
|
85
83
|
export const pressConsts = {
|
|
86
84
|
releaseMs: 200
|
|
87
85
|
};
|
|
88
86
|
|
|
89
87
|
/**
|
|
90
|
-
* The release's clock
|
|
91
|
-
*
|
|
88
|
+
* The release's clock: the theme's exit duration. The token already
|
|
89
|
+
* follows the theme's tempo. The controller's timer reads the
|
|
90
|
+
* same property.
|
|
92
91
|
*/
|
|
93
|
-
const PRESS_RELEASE_DURATION =
|
|
94
|
-
/** The same clock under Reduce Motion
|
|
95
|
-
const PRESS_RELEASE_DURATION_REDUCED = `min(${
|
|
92
|
+
const PRESS_RELEASE_DURATION = durationVars['--duration-exit'];
|
|
93
|
+
/** The same clock under Reduce Motion, no longer than the Reduce Motion fade. */
|
|
94
|
+
const PRESS_RELEASE_DURATION_REDUCED = `min(${durationVars['--duration-exit']}, ${reducedMotionFadeConsts.duration})`;
|
|
96
95
|
const ENABLED = ':where(:not(:disabled,[aria-disabled="true"]))';
|
|
97
96
|
const HOVER_HOVER = '@media (hover: hover)';
|
|
98
97
|
const COARSE = '@media (pointer: coarse)';
|
|
@@ -138,13 +137,12 @@ const pressedOverlayImage = 'var(--_press-paint-image)';
|
|
|
138
137
|
const pressRelease = "x10jkm1t-B";
|
|
139
138
|
|
|
140
139
|
/**
|
|
141
|
-
* The release's curve:
|
|
142
|
-
* (
|
|
143
|
-
*
|
|
144
|
-
*
|
|
145
|
-
* would read as half its clock.
|
|
140
|
+
* The release's curve: the theme's exit easing. The list row's layer
|
|
141
|
+
* (privateAttributes/press.stylex.ts) and Switch's press layers use the same
|
|
142
|
+
* token; interactionOverlay.cell.test.ts and Switch.test.tsx fail if they
|
|
143
|
+
* differ.
|
|
146
144
|
*/
|
|
147
|
-
const RELEASE_EASE = '
|
|
145
|
+
const RELEASE_EASE = easeVars['--ease-exit'];
|
|
148
146
|
|
|
149
147
|
/**
|
|
150
148
|
* The touch press's strength and its release, on the element the controller
|
|
@@ -198,8 +196,8 @@ export const interactionOverlayStyles = {
|
|
|
198
196
|
backgroundColor: {
|
|
199
197
|
"--astryx-press-alpha": "x11z29ks xli5ek3",
|
|
200
198
|
kKVMdj: "x14e4jsf",
|
|
201
|
-
k44tkh: "
|
|
202
|
-
kyAemX: "
|
|
199
|
+
k44tkh: "xem8lmn xogcwkh",
|
|
200
|
+
kyAemX: "x1t1ddl7",
|
|
203
201
|
kWV6AL: "xziyay6",
|
|
204
202
|
"--_press-paint": "xz2mauf",
|
|
205
203
|
"--_press-paint-image": "x1l7afqf",
|
|
@@ -210,8 +208,8 @@ export const interactionOverlayStyles = {
|
|
|
210
208
|
backgroundImage: {
|
|
211
209
|
"--astryx-press-alpha": "x11z29ks xli5ek3",
|
|
212
210
|
kKVMdj: "x14e4jsf",
|
|
213
|
-
k44tkh: "
|
|
214
|
-
kyAemX: "
|
|
211
|
+
k44tkh: "xem8lmn xogcwkh",
|
|
212
|
+
kyAemX: "x1t1ddl7",
|
|
215
213
|
kWV6AL: "xziyay6",
|
|
216
214
|
"--_press-paint": "xz2mauf",
|
|
217
215
|
"--_press-paint-image": "x1l7afqf",
|
|
@@ -221,8 +219,8 @@ export const interactionOverlayStyles = {
|
|
|
221
219
|
backgroundImageOnNeutral: {
|
|
222
220
|
"--astryx-press-alpha": "x11z29ks xli5ek3",
|
|
223
221
|
kKVMdj: "x14e4jsf",
|
|
224
|
-
k44tkh: "
|
|
225
|
-
kyAemX: "
|
|
222
|
+
k44tkh: "xem8lmn xogcwkh",
|
|
223
|
+
kyAemX: "x1t1ddl7",
|
|
226
224
|
kWV6AL: "xziyay6",
|
|
227
225
|
"--_press-paint": "xz2mauf",
|
|
228
226
|
"--_press-paint-image": "x1l7afqf",
|
|
@@ -232,8 +230,8 @@ export const interactionOverlayStyles = {
|
|
|
232
230
|
pressedBackgroundColor: {
|
|
233
231
|
"--astryx-press-alpha": "x11z29ks xli5ek3",
|
|
234
232
|
kKVMdj: "x14e4jsf",
|
|
235
|
-
k44tkh: "
|
|
236
|
-
kyAemX: "
|
|
233
|
+
k44tkh: "xem8lmn xogcwkh",
|
|
234
|
+
kyAemX: "x1t1ddl7",
|
|
237
235
|
kWV6AL: "xziyay6",
|
|
238
236
|
"--_press-paint": "xz2mauf",
|
|
239
237
|
"--_press-paint-image": "x1l7afqf",
|
|
@@ -244,8 +242,8 @@ export const interactionOverlayStyles = {
|
|
|
244
242
|
pressedAlpha: {
|
|
245
243
|
"--astryx-press-alpha": "x11z29ks xli5ek3",
|
|
246
244
|
kKVMdj: "x14e4jsf",
|
|
247
|
-
k44tkh: "
|
|
248
|
-
kyAemX: "
|
|
245
|
+
k44tkh: "xem8lmn xogcwkh",
|
|
246
|
+
kyAemX: "x1t1ddl7",
|
|
249
247
|
kWV6AL: "xziyay6",
|
|
250
248
|
"--_press-paint": "xz2mauf",
|
|
251
249
|
"--_press-paint-image": "x1l7afqf",
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import type { ISODateString, PlainDate } from './dateTypes.js';
|
|
8
8
|
import type { Locale } from '../i18n/types.js';
|
|
9
|
+
import { type CalendarSystem } from './calendarSystem.js';
|
|
9
10
|
export type { PlainDate } from './dateTypes.js';
|
|
10
11
|
export declare function plainDateCreate(year: number, month: number, day: number): PlainDate;
|
|
11
12
|
export declare function plainDateFromISO(str: ISODateString): PlainDate;
|
|
@@ -80,7 +81,7 @@ export declare const DATE_FORMAT_MONTH_YEAR: Intl.DateTimeFormatOptions;
|
|
|
80
81
|
* stand-alone forms (`component:Calendar` FR1). Internal: not re-exported from
|
|
81
82
|
* `utils/index.ts`.
|
|
82
83
|
*/
|
|
83
|
-
export declare function plainDateFormatStandaloneMonthYear(pd: PlainDate, locale: Locale): string;
|
|
84
|
+
export declare function plainDateFormatStandaloneMonthYear(pd: PlainDate, locale: Locale, calendar?: Intl.DateTimeFormatOptions['calendar']): string;
|
|
84
85
|
export declare const DATE_FORMAT_WEEKDAY_ONLY: Intl.DateTimeFormatOptions;
|
|
85
86
|
/**
|
|
86
87
|
* The platform's weekday names for a locale, Sunday first, in `Intl`'s
|
|
@@ -101,11 +102,23 @@ export declare const DATE_FORMAT_SHORT_WITH_YEAR: Intl.DateTimeFormatOptions;
|
|
|
101
102
|
* when `options.calendar` is omitted. The explicit option remains supported for
|
|
102
103
|
* compatibility with the public `Intl.DateTimeFormatOptions` signature; it is a
|
|
103
104
|
* display-only escape hatch and does not change PlainDate arithmetic, parsing,
|
|
104
|
-
* serialization, or any Astryx component's calendar semantics.
|
|
105
|
+
* serialization, or any Astryx component's calendar semantics. Another
|
|
106
|
+
* calendar names the month and day that Calendar shows in it.
|
|
105
107
|
*/
|
|
106
108
|
export declare function plainDateFormat(pd: PlainDate, options: Intl.DateTimeFormatOptions, locale?: Locale): string;
|
|
109
|
+
/**
|
|
110
|
+
* The parts of `plainDateFormat`'s output, from the same formatter and date.
|
|
111
|
+
* Internal: not re-exported from `utils/index.ts`.
|
|
112
|
+
*/
|
|
113
|
+
export declare function plainDateFormatToParts(pd: PlainDate, options: Intl.DateTimeFormatOptions, locale: Locale): Intl.DateTimeFormatPart[];
|
|
107
114
|
/** @internal plainDateFormat's formatter cache; not part of the public API. */
|
|
108
115
|
export declare function dateTimeFormatFor(locale: Locale, options: Intl.DateTimeFormatOptions): Intl.DateTimeFormat;
|
|
116
|
+
/**
|
|
117
|
+
* @internal `dateTimeFormatFor`, except that without `options.timeZone` it
|
|
118
|
+
* builds a formatter for the call. A cached formatter keeps the host zone it
|
|
119
|
+
* was built in.
|
|
120
|
+
*/
|
|
121
|
+
export declare function dateTimeFormatAtCall(locale: Locale, options: Intl.DateTimeFormatOptions): Intl.DateTimeFormat;
|
|
109
122
|
/**
|
|
110
123
|
* The locale's name for the "week of year" date field ("week", "Woche", "週"),
|
|
111
124
|
* from CLDR through `Intl.DisplayNames`. Calendar names its week-number
|
|
@@ -120,12 +133,13 @@ export declare function dateTimeFormatFor(locale: Locale, options: Intl.DateTime
|
|
|
120
133
|
export declare function plainDateWeekFieldName(locale?: Locale): string;
|
|
121
134
|
/**
|
|
122
135
|
* A day of the month or a week number in the locale's own digits: `15` in
|
|
123
|
-
* English, `۱۵` in Persian, `١٥` in Egyptian Arabic.
|
|
124
|
-
*
|
|
125
|
-
*
|
|
136
|
+
* English, `۱۵` in Persian, `١٥` in Egyptian Arabic. A `numberingSystem`
|
|
137
|
+
* replaces the locale's digits. Only the digits change. The number stays the
|
|
138
|
+
* value that it is given, so no calendar applies, and no grouping separator or
|
|
139
|
+
* unit word is added.
|
|
126
140
|
* Internal: not re-exported from `utils/index.ts`.
|
|
127
141
|
*/
|
|
128
|
-
export declare function plainDateFormatDayNumber(value: number, locale: Locale): string;
|
|
142
|
+
export declare function plainDateFormatDayNumber(value: number, locale: Locale, numberingSystem?: string): string;
|
|
129
143
|
/**
|
|
130
144
|
* The date-only members of Timestamp's `format` vocabulary that a
|
|
131
145
|
* calendar-date field (no time-of-day) can render. Both Timestamp and
|
|
@@ -153,6 +167,8 @@ export declare const SHARED_DATE_FORMAT_OPTIONS: Record<Exclude<SharedDateFormat
|
|
|
153
167
|
* members. The shared entry point DateInput uses for the named-format path;
|
|
154
168
|
* Timestamp maps the same members onto {@link SHARED_DATE_FORMAT_OPTIONS} in
|
|
155
169
|
* its own `formatTimestamp` switch (its input is a `Date`, not a `PlainDate`).
|
|
170
|
+
* The locale-aware members write the date in `calendar`, which defaults to
|
|
171
|
+
* Gregorian. `system_date` stays the Gregorian ISO date in every calendar.
|
|
156
172
|
*/
|
|
157
|
-
export declare function formatSharedDate(pd: PlainDate, format: SharedDateFormat, locale?: Locale): string;
|
|
173
|
+
export declare function formatSharedDate(pd: PlainDate, format: SharedDateFormat, locale?: Locale, calendar?: CalendarSystem): string;
|
|
158
174
|
//# sourceMappingURL=plainDate.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plainDate.d.ts","sourceRoot":"","sources":["../../src/utils/plainDate.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAC,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"plainDate.d.ts","sourceRoot":"","sources":["../../src/utils/plainDate.ts"],"names":[],"mappings":"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"}
|