@astryxdesign/core 0.4.5 → 0.4.6-canary.cea9ecd
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/CHANGELOG.md +134 -0
- package/dist/Avatar/Avatar.d.ts +10 -5
- package/dist/Avatar/Avatar.d.ts.map +1 -1
- package/dist/Avatar/Avatar.js +139 -30
- package/dist/Avatar/AvatarStatusDot.d.ts +2 -1
- package/dist/Avatar/AvatarStatusDot.d.ts.map +1 -1
- package/dist/Avatar/AvatarStatusDot.js +30 -4
- package/dist/Avatar/AvatarStatusLabelContext.d.ts +39 -0
- package/dist/Avatar/AvatarStatusLabelContext.d.ts.map +1 -0
- package/dist/Avatar/AvatarStatusLabelContext.js +41 -0
- package/dist/AvatarGroup/AvatarGroup.d.ts +3 -1
- package/dist/AvatarGroup/AvatarGroup.d.ts.map +1 -1
- package/dist/AvatarGroup/AvatarGroupOverflow.d.ts.map +1 -1
- package/dist/AvatarGroup/AvatarGroupOverflow.js +15 -9
- package/dist/Blockquote/Blockquote.d.ts +4 -3
- package/dist/Blockquote/Blockquote.d.ts.map +1 -1
- package/dist/Blockquote/Blockquote.js +9 -10
- package/dist/BottomSheet/BottomSheetPanel.d.ts.map +1 -1
- package/dist/BottomSheet/BottomSheetPanel.js +21 -5
- package/dist/Breadcrumbs/BreadcrumbItem.d.ts.map +1 -1
- package/dist/Breadcrumbs/BreadcrumbItem.js +47 -34
- package/dist/Button/Button.d.ts.map +1 -1
- package/dist/Button/Button.js +7 -7
- package/dist/Calendar/Calendar.d.ts.map +1 -1
- package/dist/Calendar/Calendar.js +21 -12
- package/dist/Calendar/hooks/useCalendarNavigation.d.ts.map +1 -1
- package/dist/Calendar/hooks/useCalendarNavigation.js +8 -4
- package/dist/Calendar/styles.d.ts +2 -2
- package/dist/Calendar/styles.d.ts.map +1 -1
- package/dist/Calendar/styles.js +5 -5
- package/dist/Center/Center.d.ts +23 -1
- package/dist/Center/Center.d.ts.map +1 -1
- package/dist/Center/Center.js +12 -6
- package/dist/Chat/ChatComposer.d.ts.map +1 -1
- package/dist/Chat/ChatComposer.js +3 -3
- package/dist/Chat/ChatComposerDrawer.d.ts.map +1 -1
- package/dist/Chat/ChatComposerDrawer.js +2 -2
- package/dist/Chat/ChatToolCalls.d.ts.map +1 -1
- package/dist/Chat/ChatToolCalls.js +2 -2
- package/dist/Chat/useChatDictation.d.ts +1 -1
- package/dist/Chat/useChatDictation.d.ts.map +1 -1
- package/dist/Chat/useSpeechRecognition.d.ts +1 -1
- package/dist/Chat/useSpeechRecognition.d.ts.map +1 -1
- package/dist/Chat/useSpeechRecognition.js +4 -3
- package/dist/Chat/useTriggerMenu.d.ts.map +1 -1
- package/dist/Chat/useTriggerMenu.js +2 -2
- package/dist/CheckboxInput/CheckboxInput.d.ts.map +1 -1
- package/dist/CheckboxInput/CheckboxInput.js +2 -2
- package/dist/Citation/Citation.d.ts.map +1 -1
- package/dist/Citation/Citation.js +5 -5
- package/dist/ClickableCard/ClickableCard.d.ts.map +1 -1
- package/dist/ClickableCard/ClickableCard.js +4 -4
- package/dist/CodeBlock/CodeBlock.d.ts.map +1 -1
- package/dist/CodeBlock/CodeBlock.js +1 -1
- package/dist/Collapsible/Collapsible.d.ts.map +1 -1
- package/dist/Collapsible/Collapsible.js +2 -2
- package/dist/CommandPalette/CommandPaletteItem.d.ts.map +1 -1
- package/dist/CommandPalette/CommandPaletteItem.js +3 -3
- package/dist/ComplexSelector/ComplexSelector.d.ts.map +1 -1
- package/dist/ComplexSelector/ComplexSelector.js +6 -6
- package/dist/DateInput/DateInput.d.ts +31 -2
- package/dist/DateInput/DateInput.d.ts.map +1 -1
- package/dist/DateInput/DateInput.js +90 -22
- package/dist/DateInput/MonthScroller.d.ts +35 -0
- package/dist/DateInput/MonthScroller.d.ts.map +1 -0
- package/dist/DateInput/MonthScroller.js +658 -0
- package/dist/DateInput/MonthYearWheels.d.ts +24 -0
- package/dist/DateInput/MonthYearWheels.d.ts.map +1 -0
- package/dist/DateInput/MonthYearWheels.js +114 -0
- package/dist/DateInput/TouchDateField.d.ts +10 -0
- package/dist/DateInput/TouchDateField.d.ts.map +1 -0
- package/dist/DateInput/TouchDateField.js +810 -0
- package/dist/DateInput/Wheel.d.ts +41 -0
- package/dist/DateInput/Wheel.d.ts.map +1 -0
- package/dist/DateInput/Wheel.js +315 -0
- package/dist/DateInput/monthGeometry.d.ts +65 -0
- package/dist/DateInput/monthGeometry.d.ts.map +1 -0
- package/dist/DateInput/monthGeometry.js +98 -0
- package/dist/DateInput/tokens.stylex.d.ts +63 -0
- package/dist/DateInput/tokens.stylex.d.ts.map +1 -0
- package/dist/DateInput/tokens.stylex.js +74 -0
- package/dist/DateInput/useOwnScrollGesture.d.ts +41 -0
- package/dist/DateInput/useOwnScrollGesture.d.ts.map +1 -0
- package/dist/DateInput/useOwnScrollGesture.js +202 -0
- package/dist/DateInput/usePointerDragScroll.d.ts +15 -0
- package/dist/DateInput/usePointerDragScroll.d.ts.map +1 -0
- package/dist/DateInput/usePointerDragScroll.js +216 -0
- package/dist/DateInput/useScrollSettle.d.ts +26 -0
- package/dist/DateInput/useScrollSettle.d.ts.map +1 -0
- package/dist/DateInput/useScrollSettle.js +149 -0
- package/dist/DateRangeInput/DateRangeInput.d.ts.map +1 -1
- package/dist/DateRangeInput/DateRangeInput.js +17 -14
- package/dist/DateTimeInput/DateTimeInput.d.ts.map +1 -1
- package/dist/DateTimeInput/DateTimeInput.js +17 -14
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +3 -3
- package/dist/DropdownMenu/DropdownMenuCheckboxItem.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenuCheckboxItem.js +2 -2
- package/dist/DropdownMenu/DropdownMenuItem.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenuItem.js +2 -2
- package/dist/DropdownMenu/DropdownMenuRadioItem.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenuRadioItem.js +2 -2
- package/dist/DropdownMenu/DropdownMenuSubMenu.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenuSubMenu.js +2 -2
- package/dist/Field/FieldLabel.d.ts.map +1 -1
- package/dist/Field/FieldLabel.js +4 -4
- package/dist/Field/InputClearButton.d.ts.map +1 -1
- package/dist/Field/InputClearButton.js +6 -0
- package/dist/Field/inputStyles.stylex.d.ts +1 -1
- package/dist/Field/inputStyles.stylex.d.ts.map +1 -1
- package/dist/Field/inputStyles.stylex.js +5 -5
- package/dist/FileInput/FileInput.d.ts.map +1 -1
- package/dist/FileInput/FileInput.js +6 -6
- package/dist/HoverCard/HoverCard.d.ts +13 -3
- package/dist/HoverCard/HoverCard.d.ts.map +1 -1
- package/dist/HoverCard/HoverCard.js +2 -0
- package/dist/HoverCard/index.d.ts +1 -1
- package/dist/HoverCard/index.d.ts.map +1 -1
- package/dist/HoverCard/useHoverCard.d.ts +17 -2
- package/dist/HoverCard/useHoverCard.d.ts.map +1 -1
- package/dist/HoverCard/useHoverCard.js +78 -9
- package/dist/InputGroup/InputGroup.js +1 -1
- package/dist/Item/Item.d.ts +9 -1
- package/dist/Item/Item.d.ts.map +1 -1
- package/dist/Item/Item.js +52 -14
- package/dist/Layer/index.d.ts +4 -2
- package/dist/Layer/index.d.ts.map +1 -1
- package/dist/Layer/index.js +2 -0
- package/dist/Layer/useLayer.d.ts.map +1 -1
- package/dist/Layer/useLayer.js +3 -2
- package/dist/Layer/useTouchTrigger.d.ts +113 -0
- package/dist/Layer/useTouchTrigger.d.ts.map +1 -0
- package/dist/Layer/useTouchTrigger.js +241 -0
- package/dist/Layout/container.stylex.d.ts +4 -2
- package/dist/Layout/container.stylex.d.ts.map +1 -1
- package/dist/Layout/container.stylex.js +19 -11
- package/dist/Layout/index.d.ts +1 -0
- package/dist/Layout/index.d.ts.map +1 -1
- package/dist/Layout/index.js +4 -0
- package/dist/Layout/padding.stylex.d.ts +315 -12
- package/dist/Layout/padding.stylex.d.ts.map +1 -1
- package/dist/Layout/padding.stylex.js +389 -12
- package/dist/Lightbox/Lightbox.d.ts.map +1 -1
- package/dist/Lightbox/Lightbox.js +5 -4
- package/dist/Link/Link.d.ts.map +1 -1
- package/dist/Link/Link.js +6 -6
- package/dist/MetadataList/MetadataList.d.ts.map +1 -1
- package/dist/MetadataList/MetadataList.js +1 -1
- package/dist/MobileNav/MobileNav.d.ts +1 -0
- package/dist/MobileNav/MobileNav.d.ts.map +1 -1
- package/dist/MobileNav/MobileNav.js +24 -6
- package/dist/MultiSelector/MultiSelector.d.ts.map +1 -1
- package/dist/MultiSelector/MultiSelector.js +8 -8
- package/dist/NavItem/navItemStyles.stylex.d.ts +4 -4
- package/dist/NavItem/navItemStyles.stylex.d.ts.map +1 -1
- package/dist/NavItem/navItemStyles.stylex.js +4 -4
- package/dist/NavMenu/NavHeadingMenuItem.d.ts.map +1 -1
- package/dist/NavMenu/NavHeadingMenuItem.js +3 -3
- package/dist/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/NumberInput/NumberInput.js +36 -8
- package/dist/Outline/Outline.d.ts.map +1 -1
- package/dist/Outline/Outline.js +3 -3
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Pagination/Pagination.js +2 -2
- package/dist/PowerSearch/PowerSearch.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearch.js +11 -12
- package/dist/PowerSearch/PowerSearchToken.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearchToken.js +3 -1
- package/dist/PowerSearch/formatFilterValue.d.ts +11 -2
- package/dist/PowerSearch/formatFilterValue.d.ts.map +1 -1
- package/dist/PowerSearch/formatFilterValue.js +23 -8
- package/dist/RadioList/RadioListItem.d.ts +2 -2
- package/dist/RadioList/RadioListItem.d.ts.map +1 -1
- package/dist/RadioList/RadioListItem.js +70 -40
- package/dist/Resizable/ResizeHandle.d.ts.map +1 -1
- package/dist/Resizable/ResizeHandle.js +7 -7
- package/dist/Section/Section.d.ts +36 -1
- package/dist/Section/Section.d.ts.map +1 -1
- package/dist/Section/Section.js +12 -2
- package/dist/SegmentedControl/SegmentedControlItem.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControlItem.js +7 -2
- package/dist/SelectableCard/SelectableCard.d.ts.map +1 -1
- package/dist/SelectableCard/SelectableCard.js +3 -3
- package/dist/Selector/Selector.d.ts +26 -1
- package/dist/Selector/Selector.d.ts.map +1 -1
- package/dist/Selector/Selector.js +93 -20
- package/dist/Selector/SelectorOption.d.ts +14 -1
- package/dist/Selector/SelectorOption.d.ts.map +1 -1
- package/dist/Selector/SelectorOption.js +6 -0
- package/dist/Selector/SelectorRowLayoutContext.d.ts +8 -0
- package/dist/Selector/SelectorRowLayoutContext.d.ts.map +1 -0
- package/dist/Selector/SelectorRowLayoutContext.js +27 -0
- package/dist/Selector/types.d.ts +1 -0
- package/dist/Selector/types.d.ts.map +1 -1
- package/dist/SideNav/SideNavHeading.d.ts.map +1 -1
- package/dist/SideNav/SideNavHeading.js +4 -4
- package/dist/SideNav/SideNavItem.d.ts.map +1 -1
- package/dist/SideNav/SideNavItem.js +3 -3
- package/dist/Slider/Slider.d.ts.map +1 -1
- package/dist/Slider/Slider.js +7 -7
- package/dist/Stack/Stack.d.ts +23 -1
- package/dist/Stack/Stack.d.ts.map +1 -1
- package/dist/Stack/Stack.js +12 -6
- package/dist/Switch/Switch.d.ts.map +1 -1
- package/dist/Switch/Switch.js +2 -2
- package/dist/TabList/Tab.d.ts.map +1 -1
- package/dist/TabList/Tab.js +1 -1
- package/dist/TabList/TabMenu.d.ts.map +1 -1
- package/dist/TabList/TabMenu.js +3 -3
- package/dist/Table/TableRow.js +4 -4
- package/dist/Table/plugins/columnResize/useTableColumnResize.d.ts.map +1 -1
- package/dist/Table/plugins/columnResize/useTableColumnResize.js +1 -1
- package/dist/Table/plugins/filtering/useTableFiltering.d.ts.map +1 -1
- package/dist/Table/plugins/filtering/useTableFiltering.js +2 -2
- package/dist/Table/plugins/groupedRows/useTableGroupedRows.d.ts.map +1 -1
- package/dist/Table/plugins/groupedRows/useTableGroupedRows.js +2 -2
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts.map +1 -1
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.js +2 -2
- package/dist/Table/plugins/sortable/useTableSortable.d.ts.map +1 -1
- package/dist/Table/plugins/sortable/useTableSortable.js +1 -1
- package/dist/Table/plugins/sortable/useTableSortableState.d.ts +5 -3
- package/dist/Table/plugins/sortable/useTableSortableState.d.ts.map +1 -1
- package/dist/Table/plugins/sortable/useTableSortableState.js +12 -9
- package/dist/Table/plugins/tree/useTableTreeData.d.ts.map +1 -1
- package/dist/Table/plugins/tree/useTableTreeData.js +3 -3
- package/dist/TextArea/TextArea.js +1 -1
- package/dist/TextInput/TextInput.js +1 -1
- package/dist/Thumbnail/Thumbnail.d.ts.map +1 -1
- package/dist/Thumbnail/Thumbnail.js +3 -3
- package/dist/TimeInput/TimeInput.js +2 -2
- package/dist/Timestamp/Timestamp.d.ts.map +1 -1
- package/dist/Timestamp/Timestamp.js +6 -4
- package/dist/Timestamp/formatInstant.d.ts +3 -2
- package/dist/Timestamp/formatInstant.d.ts.map +1 -1
- package/dist/Timestamp/formatInstant.js +8 -8
- package/dist/Timestamp/tooltipEntries.d.ts +2 -1
- package/dist/Timestamp/tooltipEntries.d.ts.map +1 -1
- package/dist/Timestamp/tooltipEntries.js +5 -3
- package/dist/Toast/Toast.d.ts +4 -3
- package/dist/Toast/Toast.d.ts.map +1 -1
- package/dist/Toast/Toast.js +10 -7
- package/dist/Token/Token.d.ts.map +1 -1
- package/dist/Token/Token.js +6 -6
- package/dist/Tokenizer/Tokenizer.d.ts.map +1 -1
- package/dist/Tokenizer/Tokenizer.js +1 -1
- package/dist/Tooltip/Tooltip.d.ts +16 -3
- package/dist/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/Tooltip/Tooltip.js +2 -0
- package/dist/Tooltip/index.d.ts +1 -1
- package/dist/Tooltip/index.d.ts.map +1 -1
- package/dist/Tooltip/useTooltip.d.ts +21 -2
- package/dist/Tooltip/useTooltip.d.ts.map +1 -1
- package/dist/Tooltip/useTooltip.js +71 -13
- package/dist/TopNav/TopNavHeading.d.ts.map +1 -1
- package/dist/TopNav/TopNavHeading.js +4 -4
- package/dist/TopNav/TopNavItem.d.ts.map +1 -1
- package/dist/TopNav/TopNavItem.js +3 -3
- package/dist/TopNav/TopNavMegaMenu.d.ts.map +1 -1
- package/dist/TopNav/TopNavMegaMenu.js +2 -2
- package/dist/TopNav/TopNavMegaMenuItem.d.ts.map +1 -1
- package/dist/TopNav/TopNavMegaMenuItem.js +2 -2
- package/dist/TopNav/TopNavMenu.d.ts.map +1 -1
- package/dist/TopNav/TopNavMenu.js +4 -4
- package/dist/TreeList/TreeListItem.d.ts.map +1 -1
- package/dist/TreeList/TreeListItem.js +7 -7
- package/dist/Typeahead/BaseTypeahead.d.ts.map +1 -1
- package/dist/Typeahead/BaseTypeahead.js +2 -2
- package/dist/Typeahead/Typeahead.d.ts.map +1 -1
- package/dist/Typeahead/Typeahead.js +1 -1
- package/dist/astryx.css +124 -62
- package/dist/hooks/containerReveal.stylex.d.ts.map +1 -1
- package/dist/hooks/containerReveal.stylex.js +18 -18
- package/dist/hooks/scrollbarGutter.d.ts +28 -0
- package/dist/hooks/scrollbarGutter.d.ts.map +1 -0
- package/dist/hooks/scrollbarGutter.js +103 -0
- package/dist/hooks/useAutoMediaMode.d.ts +31 -0
- package/dist/hooks/useAutoMediaMode.d.ts.map +1 -0
- package/dist/hooks/useAutoMediaMode.js +201 -0
- package/dist/hooks/useInputStatusIcon.d.ts.map +1 -1
- package/dist/hooks/useInputStatusIcon.js +1 -1
- package/dist/hooks/useListFocus.d.ts +5 -2
- package/dist/hooks/useListFocus.d.ts.map +1 -1
- package/dist/hooks/useListFocus.js +12 -6
- package/dist/hooks/useScrollLock.d.ts +4 -0
- package/dist/hooks/useScrollLock.d.ts.map +1 -1
- package/dist/hooks/useScrollLock.js +13 -1
- package/dist/i18n/InternationalizationContext.d.ts.map +1 -1
- package/dist/i18n/InternationalizationContext.js +2 -0
- package/dist/i18n/index.d.ts +6 -0
- package/dist/i18n/index.d.ts.map +1 -1
- package/dist/i18n/index.js +6 -0
- package/dist/i18n/useCollator.d.ts +12 -0
- package/dist/i18n/useCollator.d.ts.map +1 -0
- package/dist/i18n/useCollator.js +40 -0
- package/dist/i18n/useLocale.d.ts +3 -0
- package/dist/i18n/useLocale.d.ts.map +1 -0
- package/dist/i18n/useLocale.js +31 -0
- package/dist/theme/MediaTheme.d.ts +25 -5
- package/dist/theme/MediaTheme.d.ts.map +1 -1
- package/dist/theme/MediaTheme.js +31 -6
- package/dist/theme/defineTheme.d.ts +5 -0
- package/dist/theme/defineTheme.d.ts.map +1 -1
- package/dist/theme/defineTheme.js +5 -0
- package/dist/theme/derivedVarRegistry.d.ts.map +1 -1
- package/dist/theme/derivedVarRegistry.js +7 -0
- package/dist/theme/generateThemeRules.d.ts.map +1 -1
- package/dist/theme/generateThemeRules.js +66 -5
- package/dist/theme/index.d.ts +1 -1
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/syntax/index.d.ts +6 -0
- package/dist/theme/syntax/index.d.ts.map +1 -1
- package/dist/theme/syntax/index.js +7 -2
- package/dist/utils/dateParser.d.ts +4 -3
- package/dist/utils/dateParser.d.ts.map +1 -1
- package/dist/utils/dateParser.js +8 -8
- 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/plainDate.d.ts +5 -2
- package/dist/utils/plainDate.d.ts.map +1 -1
- package/dist/utils/plainDate.js +20 -4
- package/locales/en.json +28 -0
- package/locales/pseudo.json +21 -0
- package/package.json +3 -3
- package/src/Avatar/Avatar.doc.mjs +10 -6
- package/src/Avatar/Avatar.test.tsx +219 -1
- package/src/Avatar/Avatar.tsx +179 -37
- package/src/Avatar/AvatarStatusDot.tsx +30 -4
- package/src/Avatar/AvatarStatusLabelContext.ts +47 -0
- package/src/AvatarGroup/AvatarGroup.doc.mjs +10 -6
- package/src/AvatarGroup/AvatarGroup.test.tsx +62 -0
- package/src/AvatarGroup/AvatarGroup.tsx +3 -1
- package/src/AvatarGroup/AvatarGroupOverflow.tsx +31 -8
- package/src/Banner/Banner.doc.mjs +2 -0
- package/src/Blockquote/Blockquote.doc.mjs +30 -7
- package/src/Blockquote/Blockquote.test.tsx +34 -3
- package/src/Blockquote/Blockquote.tsx +11 -9
- package/src/BottomSheet/BottomSheet.doc.mjs +3 -3
- package/src/BottomSheet/BottomSheet.test.tsx +24 -0
- package/src/BottomSheet/BottomSheetPanel.test.tsx +91 -0
- package/src/BottomSheet/BottomSheetPanel.tsx +58 -3
- package/src/Breadcrumbs/BreadcrumbItem.tsx +36 -23
- package/src/Breadcrumbs/Breadcrumbs.doc.mjs +26 -2
- package/src/Breadcrumbs/Breadcrumbs.test.tsx +31 -0
- package/src/Button/Button.tsx +12 -9
- package/src/Calendar/Calendar.tsx +15 -9
- package/src/Calendar/hooks/useCalendarNavigation.ts +6 -4
- package/src/Calendar/styles.ts +8 -5
- package/src/Center/Center.doc.mjs +48 -0
- package/src/Center/Center.test.tsx +158 -0
- package/src/Center/Center.tsx +50 -9
- package/src/Chat/ChatComposer.tsx +11 -5
- package/src/Chat/ChatComposerDrawer.tsx +4 -1
- package/src/Chat/ChatToolCalls.tsx +13 -4
- package/src/Chat/{useChatDictation.test.ts → useChatDictation.test.tsx} +29 -14
- package/src/Chat/useChatDictation.ts +1 -1
- package/src/Chat/useSpeechRecognition.ts +5 -3
- package/src/Chat/useTriggerMenu.tsx +4 -1
- package/src/CheckboxInput/CheckboxInput.tsx +5 -2
- package/src/Citation/Citation.test.tsx +6 -1
- package/src/Citation/Citation.tsx +11 -5
- package/src/ClickableCard/ClickableCard.tsx +7 -4
- package/src/CodeBlock/CodeBlock.tsx +4 -1
- package/src/Collapsible/Collapsible.tsx +5 -2
- package/src/CommandPalette/CommandPaletteItem.tsx +6 -3
- package/src/ComplexSelector/ComplexSelector.doc.mjs +10 -0
- package/src/ComplexSelector/ComplexSelector.tsx +14 -7
- package/src/DateInput/DateInput.test.tsx +17 -1
- package/src/DateInput/DateInput.tsx +93 -21
- package/src/DateInput/DateInputTouch.test.tsx +2582 -0
- package/src/DateInput/MonthScroller.tsx +878 -0
- package/src/DateInput/MonthYearWheels.tsx +147 -0
- package/src/DateInput/TouchDateField.tsx +1223 -0
- package/src/DateInput/Wheel.tsx +473 -0
- package/src/DateInput/monthGeometry.ts +118 -0
- package/src/DateInput/tokens.stylex.ts +99 -0
- package/src/DateInput/useOwnScrollGesture.ts +227 -0
- package/src/DateInput/usePointerDragScroll.ts +220 -0
- package/src/DateInput/useScrollSettle.ts +164 -0
- package/src/DateRangeInput/DateRangeInput.doc.mjs +1 -1
- package/src/DateRangeInput/DateRangeInput.tsx +31 -13
- package/src/DateTimeInput/DateTimeInput.tsx +25 -9
- package/src/Dialog/Dialog.test.tsx +24 -0
- package/src/Dialog/Dialog.tsx +3 -0
- package/src/DropdownMenu/DropdownMenuCheckboxItem.tsx +5 -2
- package/src/DropdownMenu/DropdownMenuItem.tsx +5 -2
- package/src/DropdownMenu/DropdownMenuRadioItem.tsx +5 -2
- package/src/DropdownMenu/DropdownMenuSubMenu.tsx +5 -2
- package/src/Field/Field.doc.mjs +2 -0
- package/src/Field/FieldLabel.tsx +9 -3
- package/src/Field/InputClearButton.test.tsx +110 -3
- package/src/Field/InputClearButton.tsx +38 -0
- package/src/Field/inputStyles.stylex.ts +17 -13
- package/src/FileInput/FileInput.tsx +15 -8
- package/src/FormLayout/FormLayout.doc.mjs +1 -1
- package/src/HoverCard/HoverCard.doc.mjs +18 -0
- package/src/HoverCard/HoverCard.test.tsx +189 -0
- package/src/HoverCard/HoverCard.tsx +22 -2
- package/src/HoverCard/index.ts +1 -0
- package/src/HoverCard/useHoverCard.doc.mjs +2 -0
- package/src/HoverCard/useHoverCard.tsx +103 -7
- package/src/InputGroup/InputGroup.tsx +1 -1
- package/src/Item/Item.doc.mjs +1 -0
- package/src/Item/Item.test.tsx +50 -0
- package/src/Item/Item.tsx +54 -6
- package/src/Layer/index.ts +10 -0
- package/src/Layer/useLayer.tsx +13 -2
- package/src/Layer/useTouchTrigger.test.ts +70 -0
- package/src/Layer/useTouchTrigger.ts +366 -0
- package/src/Layout/Layout.doc.mjs +18 -0
- package/src/Layout/container.stylex.ts +11 -3
- package/src/Layout/index.ts +4 -0
- package/src/Layout/overlayPaddingReset.test.tsx +222 -0
- package/src/Layout/padding.stylex.ts +192 -12
- package/src/Lightbox/Lightbox.tsx +11 -3
- package/src/Link/Link.tsx +9 -6
- package/src/MetadataList/MetadataList.tsx +4 -1
- package/src/MobileNav/MobileNav.tsx +61 -5
- package/src/MobileNav/MobileNavEntryAnimation.test.tsx +212 -0
- package/src/MobileNav/MobileNavScrollbarGutter.test.tsx +109 -0
- package/src/MultiSelector/MultiSelector.test.tsx +1 -1
- package/src/MultiSelector/MultiSelector.tsx +26 -10
- package/src/NavItem/navItemStyles.stylex.ts +7 -4
- package/src/NavMenu/NavHeadingMenuItem.tsx +6 -3
- package/src/NumberInput/NumberInput.doc.mjs +24 -0
- package/src/NumberInput/NumberInput.test.tsx +138 -0
- package/src/NumberInput/NumberInput.tsx +47 -8
- package/src/Outline/Outline.tsx +5 -2
- package/src/Pagination/Pagination.tsx +5 -2
- package/src/Popover/Popover.test.tsx +27 -1
- package/src/PowerSearch/PowerSearch.tsx +17 -8
- package/src/PowerSearch/PowerSearchToken.tsx +3 -0
- package/src/PowerSearch/formatFilterValue.test.ts +22 -2
- package/src/PowerSearch/formatFilterValue.ts +31 -6
- package/src/RadioList/RadioList.doc.mjs +1 -1
- package/src/RadioList/RadioList.test.tsx +170 -2
- package/src/RadioList/RadioListItem.tsx +88 -53
- package/src/Resizable/ResizeHandle.test.tsx +22 -0
- package/src/Resizable/ResizeHandle.tsx +25 -7
- package/src/Section/Section.doc.mjs +55 -0
- package/src/Section/Section.test.tsx +201 -4
- package/src/Section/Section.tsx +69 -0
- package/src/SegmentedControl/SegmentedControl.test.tsx +31 -0
- package/src/SegmentedControl/SegmentedControlItem.tsx +15 -3
- package/src/SelectableCard/SelectableCard.tsx +6 -3
- package/src/Selector/Selector.doc.mjs +16 -2
- package/src/Selector/Selector.test.tsx +525 -1
- package/src/Selector/Selector.tsx +180 -25
- package/src/Selector/SelectorOption.doc.mjs +7 -0
- package/src/Selector/SelectorOption.tsx +21 -0
- package/src/Selector/SelectorRowLayoutContext.ts +32 -0
- package/src/Selector/types.ts +4 -4
- package/src/SideNav/SideNavHeading.tsx +14 -5
- package/src/SideNav/SideNavItem.tsx +9 -3
- package/src/Slider/Slider.tsx +25 -6
- package/src/Stack/Stack.doc.mjs +72 -0
- package/src/Stack/Stack.test.tsx +156 -0
- package/src/Stack/Stack.tsx +50 -8
- package/src/Switch/Switch.tsx +5 -2
- package/src/TabList/Tab.tsx +4 -1
- package/src/TabList/TabMenu.tsx +9 -3
- package/src/Table/TableRow.tsx +4 -4
- package/src/Table/plugins/columnResize/useTableColumnResize.tsx +6 -2
- package/src/Table/plugins/filtering/useTableFiltering.tsx +4 -1
- package/src/Table/plugins/groupedRows/useTableGroupedRows.tsx +10 -3
- package/src/Table/plugins/rowExpansion/useTableRowExpansion.tsx +6 -3
- package/src/Table/plugins/sortable/useTableSortable.tsx +4 -1
- package/src/Table/plugins/sortable/useTableSortableState.test.tsx +34 -0
- package/src/Table/plugins/sortable/useTableSortableState.tsx +26 -23
- package/src/Table/plugins/tree/useTableTreeData.tsx +10 -4
- package/src/TextArea/TextArea.doc.mjs +1 -1
- package/src/TextArea/TextArea.tsx +1 -1
- package/src/TextInput/TextInput.tsx +1 -1
- package/src/Thumbnail/Thumbnail.tsx +9 -3
- package/src/TimeInput/TimeInput.tsx +1 -1
- package/src/Timestamp/Timestamp.test.tsx +27 -7
- package/src/Timestamp/Timestamp.tsx +8 -4
- package/src/Timestamp/formatInstant.ts +9 -7
- package/src/Timestamp/tooltipEntries.test.ts +11 -6
- package/src/Timestamp/tooltipEntries.ts +6 -2
- package/src/Toast/Toast.tsx +9 -7
- package/src/Token/Token.tsx +14 -5
- package/src/Tokenizer/Tokenizer.tsx +4 -1
- package/src/Tooltip/Tooltip.doc.mjs +18 -0
- package/src/Tooltip/Tooltip.test.tsx +254 -1
- package/src/Tooltip/Tooltip.tsx +22 -2
- package/src/Tooltip/index.ts +1 -0
- package/src/Tooltip/useTooltip.doc.mjs +2 -0
- package/src/Tooltip/useTooltip.tsx +99 -21
- package/src/TopNav/TopNavHeading.tsx +13 -4
- package/src/TopNav/TopNavItem.tsx +6 -3
- package/src/TopNav/TopNavMegaMenu.tsx +5 -2
- package/src/TopNav/TopNavMegaMenuItem.tsx +5 -2
- package/src/TopNav/TopNavMenu.tsx +10 -4
- package/src/TreeList/TreeListItem.tsx +22 -7
- package/src/Typeahead/BaseTypeahead.tsx +5 -2
- package/src/Typeahead/Typeahead.tsx +4 -1
- package/src/hooks/containerReveal.stylex.ts +54 -18
- package/src/hooks/scrollbarGutter.test.ts +167 -0
- package/src/hooks/scrollbarGutter.ts +121 -0
- package/src/hooks/useAutoMediaMode.test.ts +109 -0
- package/src/hooks/useAutoMediaMode.ts +233 -0
- package/src/hooks/useInputStatusIcon.tsx +4 -1
- package/src/hooks/useListFocus.doc.mjs +2 -2
- package/src/hooks/useListFocus.test.tsx +65 -3
- package/src/hooks/useListFocus.ts +15 -7
- package/src/hooks/useScrollLock.doc.mjs +4 -4
- package/src/hooks/useScrollLock.test.ts +73 -0
- package/src/hooks/useScrollLock.ts +14 -0
- package/src/i18n/InternationalizationContext.ts +2 -0
- package/src/i18n/__tests__/e2e-powersearch.test.tsx +37 -1
- package/src/i18n/__tests__/useCollator.test.tsx +115 -0
- package/src/i18n/__tests__/useLocale.test.tsx +52 -0
- package/src/i18n/index.ts +6 -0
- package/src/i18n/useCollator.doc.mjs +84 -0
- package/src/i18n/useCollator.ts +44 -0
- package/src/i18n/useLocale.doc.mjs +70 -0
- package/src/i18n/useLocale.ts +34 -0
- package/src/i18n/useTranslator.doc.mjs +1 -1
- package/src/reset.css +9 -2
- package/src/reset.test.ts +22 -0
- package/src/theme/MediaTheme.doc.mjs +23 -4
- package/src/theme/MediaTheme.dom.test.tsx +97 -0
- package/src/theme/MediaTheme.tsx +42 -7
- package/src/theme/defineTheme.test.ts +9 -3
- package/src/theme/defineTheme.ts +5 -0
- package/src/theme/derivedVarRegistry.test.ts +19 -5
- package/src/theme/derivedVarRegistry.ts +4 -0
- package/src/theme/generateThemeRules.test.ts +118 -0
- package/src/theme/generateThemeRules.ts +83 -5
- package/src/theme/index.ts +1 -1
- package/src/theme/syntax/index.ts +6 -2
- package/src/theme/syntax/serverSafeSyntax.test.ts +68 -0
- package/src/utils/dateParser.test.ts +20 -0
- package/src/utils/dateParser.ts +14 -7
- package/src/utils/index.ts +2 -0
- package/src/utils/plainDate.test.ts +6 -0
- package/src/utils/plainDate.ts +21 -4
|
@@ -388,44 +388,347 @@ export declare const paddingBlockStyles: Readonly<{
|
|
|
388
388
|
}>;
|
|
389
389
|
}>;
|
|
390
390
|
/**
|
|
391
|
-
*
|
|
391
|
+
* Inline-start-only padding override styles.
|
|
392
|
+
* Use when a component needs to override the inline-start edge independently
|
|
393
|
+
* of inline-end. Logical, so it follows the writing direction (left in LTR,
|
|
394
|
+
* right in RTL).
|
|
395
|
+
*/
|
|
396
|
+
export declare const paddingInlineStartStyles: Readonly<{
|
|
397
|
+
readonly 0: Readonly<{
|
|
398
|
+
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "0px">;
|
|
399
|
+
}>;
|
|
400
|
+
readonly 0.5: Readonly<{
|
|
401
|
+
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "2px">;
|
|
402
|
+
}>;
|
|
403
|
+
readonly 1: Readonly<{
|
|
404
|
+
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "4px">;
|
|
405
|
+
}>;
|
|
406
|
+
readonly 1.5: Readonly<{
|
|
407
|
+
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "6px">;
|
|
408
|
+
}>;
|
|
409
|
+
readonly 2: Readonly<{
|
|
410
|
+
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "8px">;
|
|
411
|
+
}>;
|
|
412
|
+
readonly 3: Readonly<{
|
|
413
|
+
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "12px">;
|
|
414
|
+
}>;
|
|
415
|
+
readonly 4: Readonly<{
|
|
416
|
+
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "16px">;
|
|
417
|
+
}>;
|
|
418
|
+
readonly 5: Readonly<{
|
|
419
|
+
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "20px">;
|
|
420
|
+
}>;
|
|
421
|
+
readonly 6: Readonly<{
|
|
422
|
+
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "24px">;
|
|
423
|
+
}>;
|
|
424
|
+
readonly 8: Readonly<{
|
|
425
|
+
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "32px">;
|
|
426
|
+
}>;
|
|
427
|
+
readonly 10: Readonly<{
|
|
428
|
+
readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "40px">;
|
|
429
|
+
}>;
|
|
430
|
+
}>;
|
|
431
|
+
/**
|
|
432
|
+
* Inline-end-only padding override styles.
|
|
433
|
+
* The inline-end counterpart of paddingInlineStartStyles.
|
|
434
|
+
*/
|
|
435
|
+
export declare const paddingInlineEndStyles: Readonly<{
|
|
436
|
+
readonly 0: Readonly<{
|
|
437
|
+
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "0px">;
|
|
438
|
+
}>;
|
|
439
|
+
readonly 0.5: Readonly<{
|
|
440
|
+
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "2px">;
|
|
441
|
+
}>;
|
|
442
|
+
readonly 1: Readonly<{
|
|
443
|
+
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "4px">;
|
|
444
|
+
}>;
|
|
445
|
+
readonly 1.5: Readonly<{
|
|
446
|
+
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "6px">;
|
|
447
|
+
}>;
|
|
448
|
+
readonly 2: Readonly<{
|
|
449
|
+
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "8px">;
|
|
450
|
+
}>;
|
|
451
|
+
readonly 3: Readonly<{
|
|
452
|
+
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "12px">;
|
|
453
|
+
}>;
|
|
454
|
+
readonly 4: Readonly<{
|
|
455
|
+
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "16px">;
|
|
456
|
+
}>;
|
|
457
|
+
readonly 5: Readonly<{
|
|
458
|
+
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "20px">;
|
|
459
|
+
}>;
|
|
460
|
+
readonly 6: Readonly<{
|
|
461
|
+
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "24px">;
|
|
462
|
+
}>;
|
|
463
|
+
readonly 8: Readonly<{
|
|
464
|
+
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "32px">;
|
|
465
|
+
}>;
|
|
466
|
+
readonly 10: Readonly<{
|
|
467
|
+
readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "40px">;
|
|
468
|
+
}>;
|
|
469
|
+
}>;
|
|
470
|
+
/**
|
|
471
|
+
* Container padding inline-start CSS variable style, set independently of
|
|
472
|
+
* inline-end so a per-edge override keeps edge-compensating children (Card,
|
|
473
|
+
* Divider, a nested Section) compensating against the padding actually
|
|
474
|
+
* applied on that edge.
|
|
475
|
+
*/
|
|
476
|
+
export declare const containerPaddingInlineStartVarStyles: Readonly<{
|
|
477
|
+
readonly 0: Readonly<{
|
|
478
|
+
readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "0px">;
|
|
479
|
+
}>;
|
|
480
|
+
readonly 0.5: Readonly<{
|
|
481
|
+
readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "2px">;
|
|
482
|
+
}>;
|
|
483
|
+
readonly 1: Readonly<{
|
|
484
|
+
readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "4px">;
|
|
485
|
+
}>;
|
|
486
|
+
readonly 1.5: Readonly<{
|
|
487
|
+
readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "6px">;
|
|
488
|
+
}>;
|
|
489
|
+
readonly 2: Readonly<{
|
|
490
|
+
readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "8px">;
|
|
491
|
+
}>;
|
|
492
|
+
readonly 3: Readonly<{
|
|
493
|
+
readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "12px">;
|
|
494
|
+
}>;
|
|
495
|
+
readonly 4: Readonly<{
|
|
496
|
+
readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "16px">;
|
|
497
|
+
}>;
|
|
498
|
+
readonly 5: Readonly<{
|
|
499
|
+
readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "20px">;
|
|
500
|
+
}>;
|
|
501
|
+
readonly 6: Readonly<{
|
|
502
|
+
readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "24px">;
|
|
503
|
+
}>;
|
|
504
|
+
readonly 8: Readonly<{
|
|
505
|
+
readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "32px">;
|
|
506
|
+
}>;
|
|
507
|
+
readonly 10: Readonly<{
|
|
508
|
+
readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "40px">;
|
|
509
|
+
}>;
|
|
510
|
+
}>;
|
|
511
|
+
/**
|
|
512
|
+
* Container padding inline-end CSS variable style, the counterpart of
|
|
513
|
+
* containerPaddingInlineStartVarStyles.
|
|
514
|
+
*/
|
|
515
|
+
export declare const containerPaddingInlineEndVarStyles: Readonly<{
|
|
516
|
+
readonly 0: Readonly<{
|
|
517
|
+
readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "0px">;
|
|
518
|
+
}>;
|
|
519
|
+
readonly 0.5: Readonly<{
|
|
520
|
+
readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "2px">;
|
|
521
|
+
}>;
|
|
522
|
+
readonly 1: Readonly<{
|
|
523
|
+
readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "4px">;
|
|
524
|
+
}>;
|
|
525
|
+
readonly 1.5: Readonly<{
|
|
526
|
+
readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "6px">;
|
|
527
|
+
}>;
|
|
528
|
+
readonly 2: Readonly<{
|
|
529
|
+
readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "8px">;
|
|
530
|
+
}>;
|
|
531
|
+
readonly 3: Readonly<{
|
|
532
|
+
readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "12px">;
|
|
533
|
+
}>;
|
|
534
|
+
readonly 4: Readonly<{
|
|
535
|
+
readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "16px">;
|
|
536
|
+
}>;
|
|
537
|
+
readonly 5: Readonly<{
|
|
538
|
+
readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "20px">;
|
|
539
|
+
}>;
|
|
540
|
+
readonly 6: Readonly<{
|
|
541
|
+
readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "24px">;
|
|
542
|
+
}>;
|
|
543
|
+
readonly 8: Readonly<{
|
|
544
|
+
readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "32px">;
|
|
545
|
+
}>;
|
|
546
|
+
readonly 10: Readonly<{
|
|
547
|
+
readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "40px">;
|
|
548
|
+
}>;
|
|
549
|
+
}>;
|
|
550
|
+
/**
|
|
551
|
+
* Block-start-only padding override styles.
|
|
552
|
+
* Use when a component needs to override the block-start (top) edge
|
|
553
|
+
* independently of block-end — e.g. a section that sits under a sticky
|
|
554
|
+
* header and needs less padding above than below.
|
|
555
|
+
*/
|
|
556
|
+
export declare const paddingBlockStartStyles: Readonly<{
|
|
557
|
+
readonly 0: Readonly<{
|
|
558
|
+
readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "0px">;
|
|
559
|
+
}>;
|
|
560
|
+
readonly 0.5: Readonly<{
|
|
561
|
+
readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "2px">;
|
|
562
|
+
}>;
|
|
563
|
+
readonly 1: Readonly<{
|
|
564
|
+
readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "4px">;
|
|
565
|
+
}>;
|
|
566
|
+
readonly 1.5: Readonly<{
|
|
567
|
+
readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "6px">;
|
|
568
|
+
}>;
|
|
569
|
+
readonly 2: Readonly<{
|
|
570
|
+
readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "8px">;
|
|
571
|
+
}>;
|
|
572
|
+
readonly 3: Readonly<{
|
|
573
|
+
readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "12px">;
|
|
574
|
+
}>;
|
|
575
|
+
readonly 4: Readonly<{
|
|
576
|
+
readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "16px">;
|
|
577
|
+
}>;
|
|
578
|
+
readonly 5: Readonly<{
|
|
579
|
+
readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "20px">;
|
|
580
|
+
}>;
|
|
581
|
+
readonly 6: Readonly<{
|
|
582
|
+
readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "24px">;
|
|
583
|
+
}>;
|
|
584
|
+
readonly 8: Readonly<{
|
|
585
|
+
readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "32px">;
|
|
586
|
+
}>;
|
|
587
|
+
readonly 10: Readonly<{
|
|
588
|
+
readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "40px">;
|
|
589
|
+
}>;
|
|
590
|
+
}>;
|
|
591
|
+
/**
|
|
592
|
+
* Block-end-only padding override styles.
|
|
593
|
+
* The block-end counterpart of paddingBlockStartStyles.
|
|
594
|
+
*/
|
|
595
|
+
export declare const paddingBlockEndStyles: Readonly<{
|
|
596
|
+
readonly 0: Readonly<{
|
|
597
|
+
readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "0px">;
|
|
598
|
+
}>;
|
|
599
|
+
readonly 0.5: Readonly<{
|
|
600
|
+
readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "2px">;
|
|
601
|
+
}>;
|
|
602
|
+
readonly 1: Readonly<{
|
|
603
|
+
readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "4px">;
|
|
604
|
+
}>;
|
|
605
|
+
readonly 1.5: Readonly<{
|
|
606
|
+
readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "6px">;
|
|
607
|
+
}>;
|
|
608
|
+
readonly 2: Readonly<{
|
|
609
|
+
readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "8px">;
|
|
610
|
+
}>;
|
|
611
|
+
readonly 3: Readonly<{
|
|
612
|
+
readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "12px">;
|
|
613
|
+
}>;
|
|
614
|
+
readonly 4: Readonly<{
|
|
615
|
+
readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "16px">;
|
|
616
|
+
}>;
|
|
617
|
+
readonly 5: Readonly<{
|
|
618
|
+
readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "20px">;
|
|
619
|
+
}>;
|
|
620
|
+
readonly 6: Readonly<{
|
|
621
|
+
readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "24px">;
|
|
622
|
+
}>;
|
|
623
|
+
readonly 8: Readonly<{
|
|
624
|
+
readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "32px">;
|
|
625
|
+
}>;
|
|
626
|
+
readonly 10: Readonly<{
|
|
627
|
+
readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "40px">;
|
|
628
|
+
}>;
|
|
629
|
+
}>;
|
|
630
|
+
/**
|
|
631
|
+
* Propagation styles for `--_section-padding-propagated`.
|
|
392
632
|
* When a parent section sets explicit padding, this propagates the value
|
|
393
633
|
* through the CSS custom property cascade so nested sections that use
|
|
394
634
|
* useThemeDefault inherit the parent's padding instead of the theme default.
|
|
635
|
+
*
|
|
636
|
+
* This is deliberately NOT the public `--astryx-section-padding` token. The
|
|
637
|
+
* two carry different authority: the public token is the THEME's section
|
|
638
|
+
* padding, set once at the theme root, while this one is one ancestor
|
|
639
|
+
* Section's padding, propagated down the tree. An overlay has to drop the
|
|
640
|
+
* inherited value at its boundary (see {@link overlayPaddingReset}) without
|
|
641
|
+
* dropping the theme's — impossible while both live under one name.
|
|
642
|
+
* `container.stylex.ts` reads this ahead of the public token, so a propagated
|
|
643
|
+
* value still wins over the theme for nested sections, as before.
|
|
395
644
|
*/
|
|
396
645
|
export declare const sectionPaddingPropagationStyles: Readonly<{
|
|
397
646
|
readonly 0: Readonly<{
|
|
398
|
-
readonly '--
|
|
647
|
+
readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "0px">;
|
|
399
648
|
}>;
|
|
400
649
|
readonly 0.5: Readonly<{
|
|
401
|
-
readonly '--
|
|
650
|
+
readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "2px">;
|
|
402
651
|
}>;
|
|
403
652
|
readonly 1: Readonly<{
|
|
404
|
-
readonly '--
|
|
653
|
+
readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "4px">;
|
|
405
654
|
}>;
|
|
406
655
|
readonly 1.5: Readonly<{
|
|
407
|
-
readonly '--
|
|
656
|
+
readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "6px">;
|
|
408
657
|
}>;
|
|
409
658
|
readonly 2: Readonly<{
|
|
410
|
-
readonly '--
|
|
659
|
+
readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "8px">;
|
|
411
660
|
}>;
|
|
412
661
|
readonly 3: Readonly<{
|
|
413
|
-
readonly '--
|
|
662
|
+
readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "12px">;
|
|
414
663
|
}>;
|
|
415
664
|
readonly 4: Readonly<{
|
|
416
|
-
readonly '--
|
|
665
|
+
readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "16px">;
|
|
417
666
|
}>;
|
|
418
667
|
readonly 5: Readonly<{
|
|
419
|
-
readonly '--
|
|
668
|
+
readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "20px">;
|
|
420
669
|
}>;
|
|
421
670
|
readonly 6: Readonly<{
|
|
422
|
-
readonly '--
|
|
671
|
+
readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "24px">;
|
|
423
672
|
}>;
|
|
424
673
|
readonly 8: Readonly<{
|
|
425
|
-
readonly '--
|
|
674
|
+
readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "32px">;
|
|
426
675
|
}>;
|
|
427
676
|
readonly 10: Readonly<{
|
|
428
|
-
readonly '--
|
|
677
|
+
readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "40px">;
|
|
678
|
+
}>;
|
|
679
|
+
}>;
|
|
680
|
+
/**
|
|
681
|
+
* Padding-variable reset for overlay roots (Dialog, BottomSheet, Drawer,
|
|
682
|
+
* MobileNav, Lightbox, and every layer surface).
|
|
683
|
+
*
|
|
684
|
+
* ## Why an overlay needs this
|
|
685
|
+
*
|
|
686
|
+
* The container padding system talks to descendants through inherited custom
|
|
687
|
+
* properties: a padded container announces its padding, and children read the
|
|
688
|
+
* value either to apply it or to cancel it with a negative margin
|
|
689
|
+
* (`Section`, `Divider`, `Layout`, `Table`).
|
|
690
|
+
*
|
|
691
|
+
* Inheritance follows the DOM, but an overlay leaves its parent's visual box —
|
|
692
|
+
* a fixed/top-layer `<dialog>` is a DOM descendant of the padded page while
|
|
693
|
+
* being nowhere near it on screen. It inherits values describing padding that
|
|
694
|
+
* is not there, and its content compensates against phantom space: a `Section`
|
|
695
|
+
* inside a 640px sheet rendered 672px wide and hung off both edges (#5208).
|
|
696
|
+
*
|
|
697
|
+
* Two families leak, and they need opposite treatments:
|
|
698
|
+
*
|
|
699
|
+
* - `--container-padding-*` -> `0px`. Descendants SUBTRACT these (bleed
|
|
700
|
+
* margins). The overlay root has no padding of its own to escape, so the
|
|
701
|
+
* honest answer is zero. Nested containers that do set padding (a Dialog's
|
|
702
|
+
* content wrapper) re-announce their own values below this point, so
|
|
703
|
+
* legitimate edge-to-edge bleed inside the overlay is unaffected.
|
|
704
|
+
* - `--layout-padding-*` and `--_section-padding-propagated` -> `initial`.
|
|
705
|
+
* Descendants ADD these, so zeroing them would strip padding rather than
|
|
706
|
+
* restore it. `initial` makes each guaranteed-invalid, so readers fall
|
|
707
|
+
* through their own `var(…, fallback)` chain and land on the theme default —
|
|
708
|
+
* which is what an overlay at the top of the tree should show.
|
|
709
|
+
*
|
|
710
|
+
* `initial` is also why propagation moved off `--astryx-section-padding`: that
|
|
711
|
+
* name is public theme surface, set at the theme root, and making it invalid
|
|
712
|
+
* here would blank the theme's own section padding inside every overlay.
|
|
713
|
+
*
|
|
714
|
+
* Apply on the overlay's outermost styled element.
|
|
715
|
+
*
|
|
716
|
+
* @example
|
|
717
|
+
* ```
|
|
718
|
+
* <dialog {...stylex.props(styles.dialog, overlayPaddingReset.reset)} />
|
|
719
|
+
* ```
|
|
720
|
+
*/
|
|
721
|
+
export declare const overlayPaddingReset: Readonly<{
|
|
722
|
+
readonly reset: Readonly<{
|
|
723
|
+
readonly '--container-padding-inline-start': stylex.StyleXClassNameFor<"--container-padding-inline-start", "0px">;
|
|
724
|
+
readonly '--container-padding-inline-end': stylex.StyleXClassNameFor<"--container-padding-inline-end", "0px">;
|
|
725
|
+
readonly '--container-padding-block-start': stylex.StyleXClassNameFor<"--container-padding-block-start", "0px">;
|
|
726
|
+
readonly '--container-padding-block-end': stylex.StyleXClassNameFor<"--container-padding-block-end", "0px">;
|
|
727
|
+
readonly '--layout-padding-outer-x': stylex.StyleXClassNameFor<"--layout-padding-outer-x", "initial">;
|
|
728
|
+
readonly '--layout-padding-outer-y': stylex.StyleXClassNameFor<"--layout-padding-outer-y", "initial">;
|
|
729
|
+
readonly '--layout-padding-inner-x': stylex.StyleXClassNameFor<"--layout-padding-inner-x", "initial">;
|
|
730
|
+
readonly '--layout-padding-inner-y': stylex.StyleXClassNameFor<"--layout-padding-inner-y", "initial">;
|
|
731
|
+
readonly '--_section-padding-propagated': stylex.StyleXClassNameFor<"--_section-padding-propagated", "initial">;
|
|
429
732
|
}>;
|
|
430
733
|
}>;
|
|
431
734
|
//# sourceMappingURL=padding.stylex.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"padding.stylex.d.ts","sourceRoot":"","sources":["../../src/Layout/padding.stylex.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAE3C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAEhD;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAY1D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmExB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6C1C,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,mCAAmC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY9C,CAAC;AAEH,eAAO,MAAM,iCAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY5C,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYvC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYvC,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6C9B,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6C7B,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY1C,CAAC"}
|
|
1
|
+
{"version":3,"file":"padding.stylex.d.ts","sourceRoot":"","sources":["../../src/Layout/padding.stylex.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAE3C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAEhD;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAY1D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmExB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6C1C,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,mCAAmC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY9C,CAAC;AAEH,eAAO,MAAM,iCAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY5C,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYvC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYvC,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6C9B,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6C7B,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYnC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYjC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,oCAAoC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY/C,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,kCAAkC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY7C,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYlC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYhC,CAAC;AAEH;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY1C,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;EAc9B,CAAC"}
|