@astryxdesign/core 0.3.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +156 -0
- package/dist/AlertDialog/AlertDialog.d.ts +10 -2
- package/dist/AlertDialog/AlertDialog.d.ts.map +1 -1
- package/dist/AlertDialog/AlertDialog.js +22 -3
- package/dist/AppShell/AppShell.d.ts +2 -2
- package/dist/AppShell/AppShell.d.ts.map +1 -1
- package/dist/AppShell/AppShell.js +40 -9
- package/dist/AspectRatio/AspectRatio.d.ts +13 -0
- package/dist/AspectRatio/AspectRatio.d.ts.map +1 -1
- package/dist/AspectRatio/AspectRatio.js +9 -0
- package/dist/Avatar/Avatar.d.ts.map +1 -1
- package/dist/Avatar/Avatar.js +33 -20
- package/dist/AvatarGroup/AvatarGroupOverflow.d.ts.map +1 -1
- package/dist/AvatarGroup/AvatarGroupOverflow.js +2 -3
- package/dist/Banner/Banner.d.ts.map +1 -1
- package/dist/Banner/Banner.js +15 -14
- package/dist/Breadcrumbs/BreadcrumbItem.d.ts.map +1 -1
- package/dist/Breadcrumbs/BreadcrumbItem.js +21 -8
- package/dist/Breadcrumbs/index.d.ts +2 -1
- package/dist/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/Breadcrumbs/index.js +1 -0
- package/dist/Button/Button.d.ts.map +1 -1
- package/dist/Button/Button.js +11 -15
- package/dist/Calendar/Calendar.d.ts.map +1 -1
- package/dist/Calendar/Calendar.js +2 -1
- package/dist/Calendar/styles.d.ts +0 -2
- package/dist/Calendar/styles.d.ts.map +1 -1
- package/dist/Calendar/styles.js +0 -2
- package/dist/Carousel/Carousel.d.ts.map +1 -1
- package/dist/Carousel/Carousel.js +8 -12
- package/dist/Chat/ChatDictationButton.d.ts.map +1 -1
- package/dist/Chat/ChatDictationButton.js +2 -1
- package/dist/Chat/ChatLayoutScrollButton.d.ts.map +1 -1
- package/dist/Chat/ChatLayoutScrollButton.js +3 -1
- package/dist/Chat/ChatSendButton.d.ts.map +1 -1
- package/dist/Chat/ChatSendButton.js +4 -3
- package/dist/Chat/ChatToolCalls.d.ts.map +1 -1
- package/dist/Chat/ChatToolCalls.js +17 -17
- package/dist/Chat/useTriggerMenu.d.ts.map +1 -1
- package/dist/Chat/useTriggerMenu.js +2 -6
- package/dist/CheckboxInput/CheckboxInput.d.ts.map +1 -1
- package/dist/CheckboxInput/CheckboxInput.js +36 -125
- package/dist/ClickableCard/ClickableCard.d.ts.map +1 -1
- package/dist/ClickableCard/ClickableCard.js +3 -11
- package/dist/CodeBlock/CodeBlock.d.ts.map +1 -1
- package/dist/CodeBlock/CodeBlock.js +84 -67
- package/dist/Collapsible/Collapsible.d.ts.map +1 -1
- package/dist/Collapsible/Collapsible.js +35 -15
- package/dist/CommandPalette/CommandPaletteItem.d.ts +1 -1
- package/dist/CommandPalette/CommandPaletteItem.d.ts.map +1 -1
- package/dist/CommandPalette/CommandPaletteItem.js +6 -3
- package/dist/CommandPalette/CommandPaletteList.js +1 -1
- package/dist/ComplexSelector/ComplexSelector.d.ts +1 -1
- package/dist/ComplexSelector/ComplexSelector.d.ts.map +1 -1
- package/dist/ComplexSelector/ComplexSelector.js +35 -33
- package/dist/ContextMenu/ContextMenu.d.ts +2 -2
- package/dist/ContextMenu/ContextMenu.d.ts.map +1 -1
- package/dist/ContextMenu/ContextMenu.js +1 -1
- package/dist/ContextMenu/index.d.ts +2 -1
- package/dist/ContextMenu/index.d.ts.map +1 -1
- package/dist/ContextMenu/index.js +1 -0
- package/dist/DateInput/DateInput.d.ts +9 -2
- package/dist/DateInput/DateInput.d.ts.map +1 -1
- package/dist/DateInput/DateInput.js +24 -23
- package/dist/DateRangeInput/DateRangeInput.d.ts +9 -2
- package/dist/DateRangeInput/DateRangeInput.d.ts.map +1 -1
- package/dist/DateRangeInput/DateRangeInput.js +11 -16
- package/dist/DateTimeInput/DateTimeInput.d.ts +9 -1
- package/dist/DateTimeInput/DateTimeInput.d.ts.map +1 -1
- package/dist/DateTimeInput/DateTimeInput.js +22 -17
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +4 -4
- package/dist/DropdownMenu/DropdownMenu.d.ts +33 -8
- package/dist/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenu.js +62 -20
- package/dist/DropdownMenu/DropdownMenuCheckboxItem.d.ts +8 -11
- package/dist/DropdownMenu/DropdownMenuCheckboxItem.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenuCheckboxItem.js +32 -31
- package/dist/DropdownMenu/DropdownMenuDivider.d.ts +25 -0
- package/dist/DropdownMenu/DropdownMenuDivider.d.ts.map +1 -0
- package/dist/DropdownMenu/DropdownMenuDivider.js +66 -0
- package/dist/DropdownMenu/DropdownMenuItem.d.ts +15 -2
- package/dist/DropdownMenu/DropdownMenuItem.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenuItem.js +20 -8
- package/dist/DropdownMenu/DropdownMenuRadioItem.d.ts +5 -5
- package/dist/DropdownMenu/DropdownMenuRadioItem.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenuRadioItem.js +24 -67
- package/dist/DropdownMenu/DropdownMenuSubMenu.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenuSubMenu.js +2 -8
- package/dist/DropdownMenu/index.d.ts +2 -1
- package/dist/DropdownMenu/index.d.ts.map +1 -1
- package/dist/DropdownMenu/index.js +4 -0
- package/dist/DropdownMenu/renderDropdownItems.d.ts.map +1 -1
- package/dist/DropdownMenu/renderDropdownItems.js +35 -27
- package/dist/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/EmptyState/EmptyState.js +9 -5
- package/dist/Field/InputClearButton.d.ts +16 -3
- package/dist/Field/InputClearButton.d.ts.map +1 -1
- package/dist/Field/InputClearButton.js +15 -4
- package/dist/HoverCard/useHoverCard.d.ts.map +1 -1
- package/dist/HoverCard/useHoverCard.js +3 -19
- package/dist/Indicator/CheckIndicator.d.ts +25 -0
- package/dist/Indicator/CheckIndicator.d.ts.map +1 -0
- package/dist/Indicator/CheckIndicator.js +155 -0
- package/dist/Indicator/CheckboxIndicator.d.ts +22 -0
- package/dist/Indicator/CheckboxIndicator.d.ts.map +1 -0
- package/dist/Indicator/CheckboxIndicator.js +173 -0
- package/dist/Indicator/RadioIndicator.d.ts +23 -0
- package/dist/Indicator/RadioIndicator.d.ts.map +1 -0
- package/dist/Indicator/RadioIndicator.js +137 -0
- package/dist/Indicator/index.d.ts +24 -0
- package/dist/Indicator/index.d.ts.map +1 -0
- package/dist/Indicator/index.js +26 -0
- package/dist/Indicator/indicator.markers.stylex.d.ts +16 -0
- package/dist/Indicator/indicator.markers.stylex.d.ts.map +1 -0
- package/dist/Indicator/indicator.markers.stylex.js +21 -0
- package/dist/Indicator/indicatorRegistry.d.ts +71 -0
- package/dist/Indicator/indicatorRegistry.d.ts.map +1 -0
- package/dist/Indicator/indicatorRegistry.js +93 -0
- package/dist/Indicator/types.d.ts +167 -0
- package/dist/Indicator/types.d.ts.map +1 -0
- package/dist/Indicator/types.js +1 -0
- package/dist/Indicator/useIndicator.d.ts +18 -0
- package/dist/Indicator/useIndicator.d.ts.map +1 -0
- package/dist/Indicator/useIndicator.js +30 -0
- package/dist/Item/Item.d.ts.map +1 -1
- package/dist/Item/Item.js +4 -8
- package/dist/Layer/useLayer.d.ts +14 -0
- package/dist/Layer/useLayer.d.ts.map +1 -1
- package/dist/Layer/useLayer.js +25 -2
- package/dist/Lightbox/Lightbox.d.ts.map +1 -1
- package/dist/Lightbox/Lightbox.js +56 -53
- package/dist/Link/Link.d.ts.map +1 -1
- package/dist/Link/Link.js +4 -5
- package/dist/MobileNav/MobileNav.js +8 -8
- package/dist/MoreMenu/MoreMenu.d.ts +14 -1
- package/dist/MoreMenu/MoreMenu.d.ts.map +1 -1
- package/dist/MoreMenu/MoreMenu.js +4 -0
- package/dist/MultiSelector/MultiSelector.d.ts.map +1 -1
- package/dist/MultiSelector/MultiSelector.js +78 -75
- package/dist/NumberInput/NumberInput.d.ts +27 -1
- package/dist/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/NumberInput/NumberInput.js +230 -42
- package/dist/Outline/Outline.d.ts.map +1 -1
- package/dist/Outline/Outline.js +2 -3
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Pagination/Pagination.js +61 -63
- package/dist/Popover/Popover.d.ts.map +1 -1
- package/dist/Popover/Popover.js +6 -8
- package/dist/PowerSearch/PowerSearch.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearch.js +1 -1
- package/dist/PowerSearch/PowerSearchEditPopover.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearchEditPopover.js +7 -0
- package/dist/ProgressBar/ProgressBar.d.ts +11 -4
- package/dist/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/dist/ProgressBar/ProgressBar.js +96 -6
- package/dist/RadioList/RadioListItem.d.ts.map +1 -1
- package/dist/RadioList/RadioListItem.js +29 -84
- package/dist/Resizable/ResizeHandle.d.ts.map +1 -1
- package/dist/Resizable/ResizeHandle.js +2 -3
- package/dist/SegmentedControl/SegmentedControlItem.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControlItem.js +2 -3
- package/dist/SelectableCard/SelectableCard.d.ts.map +1 -1
- package/dist/SelectableCard/SelectableCard.js +3 -11
- package/dist/Selector/Selector.d.ts +2 -1
- package/dist/Selector/Selector.d.ts.map +1 -1
- package/dist/Selector/Selector.js +164 -94
- package/dist/Selector/hooks.d.ts +18 -6
- package/dist/Selector/hooks.d.ts.map +1 -1
- package/dist/Selector/hooks.js +57 -40
- package/dist/SideNav/SideNav.d.ts.map +1 -1
- package/dist/SideNav/SideNav.js +1 -1
- package/dist/SideNav/SideNavCollapseButton.d.ts +1 -1
- package/dist/SideNav/SideNavCollapseButton.d.ts.map +1 -1
- package/dist/SideNav/SideNavCollapseButton.js +29 -14
- package/dist/SideNav/SideNavHeading.d.ts.map +1 -1
- package/dist/SideNav/SideNavHeading.js +56 -20
- package/dist/SideNav/SideNavItem.d.ts.map +1 -1
- package/dist/SideNav/SideNavItem.js +28 -22
- package/dist/Stack/stack.stylex.d.ts +3 -3
- package/dist/Switch/Switch.js +11 -10
- package/dist/TabList/Tab.d.ts.map +1 -1
- package/dist/TabList/Tab.js +2 -3
- package/dist/TabList/TabMenu.d.ts.map +1 -1
- package/dist/TabList/TabMenu.js +41 -19
- package/dist/Table/BaseTable.d.ts.map +1 -1
- package/dist/Table/BaseTable.js +8 -0
- package/dist/Table/index.d.ts +1 -1
- package/dist/Table/index.d.ts.map +1 -1
- package/dist/Table/index.js +1 -1
- package/dist/Table/plugins/groupedRows/useTableGroupedRows.d.ts +1 -1
- package/dist/Table/plugins/groupedRows/useTableGroupedRows.d.ts.map +1 -1
- package/dist/Table/plugins/groupedRows/useTableGroupedRows.js +22 -18
- package/dist/Table/plugins/rowExpansion/index.d.ts +1 -1
- package/dist/Table/plugins/rowExpansion/index.d.ts.map +1 -1
- package/dist/Table/plugins/rowExpansion/index.js +1 -1
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts +41 -76
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts.map +1 -1
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.js +94 -345
- package/dist/Table/plugins/sortable/useTableSortable.d.ts.map +1 -1
- package/dist/Table/plugins/sortable/useTableSortable.js +23 -4
- package/dist/Table/plugins/tree/useTableTreeData.d.ts.map +1 -1
- package/dist/Table/plugins/tree/useTableTreeData.js +29 -33
- package/dist/Table/tableContextMenu.d.ts.map +1 -1
- package/dist/Table/tableContextMenu.js +2 -1
- package/dist/Table/types.d.ts +11 -0
- package/dist/Table/types.d.ts.map +1 -1
- package/dist/TextArea/TextArea.d.ts +10 -1
- package/dist/TextArea/TextArea.d.ts.map +1 -1
- package/dist/TextArea/TextArea.js +16 -6
- package/dist/TextInput/TextInput.d.ts +10 -1
- package/dist/TextInput/TextInput.d.ts.map +1 -1
- package/dist/TextInput/TextInput.js +13 -19
- package/dist/Thumbnail/Thumbnail.d.ts.map +1 -1
- package/dist/Thumbnail/Thumbnail.js +32 -26
- package/dist/TimeInput/TimeInput.d.ts.map +1 -1
- package/dist/TimeInput/TimeInput.js +7 -15
- package/dist/Timestamp/TimestampHoverCard.d.ts.map +1 -1
- package/dist/Timestamp/TimestampHoverCard.js +16 -34
- package/dist/Token/Token.d.ts.map +1 -1
- package/dist/Token/Token.js +20 -11
- package/dist/Tokenizer/Tokenizer.d.ts.map +1 -1
- package/dist/Tokenizer/Tokenizer.js +4 -2
- package/dist/Tooltip/useTooltip.d.ts.map +1 -1
- package/dist/Tooltip/useTooltip.js +3 -19
- package/dist/TopNav/TopNav.d.ts.map +1 -1
- package/dist/TopNav/TopNav.js +6 -5
- package/dist/TopNav/TopNavHeading.d.ts.map +1 -1
- package/dist/TopNav/TopNavHeading.js +54 -16
- package/dist/TopNav/TopNavItem.d.ts.map +1 -1
- package/dist/TopNav/TopNavItem.js +3 -9
- package/dist/TopNav/TopNavMegaMenu.d.ts +7 -0
- package/dist/TopNav/TopNavMegaMenu.d.ts.map +1 -1
- package/dist/TopNav/TopNavMegaMenu.js +146 -60
- package/dist/TopNav/TopNavMegaMenuItem.d.ts.map +1 -1
- package/dist/TopNav/TopNavMegaMenuItem.js +22 -3
- package/dist/TopNav/TopNavMenu.d.ts.map +1 -1
- package/dist/TopNav/TopNavMenu.js +83 -38
- package/dist/TreeList/TreeList.d.ts.map +1 -1
- package/dist/TreeList/TreeList.js +13 -0
- package/dist/TreeList/TreeListBranches.d.ts +1 -1
- package/dist/TreeList/TreeListBranches.d.ts.map +1 -1
- package/dist/TreeList/TreeListBranches.js +14 -4
- package/dist/TreeList/TreeListItem.d.ts +11 -1
- package/dist/TreeList/TreeListItem.d.ts.map +1 -1
- package/dist/TreeList/TreeListItem.js +57 -30
- package/dist/Typeahead/BaseTypeahead.d.ts.map +1 -1
- package/dist/Typeahead/BaseTypeahead.js +16 -8
- package/dist/astryx.css +74 -85
- package/dist/astryx.umd.js +56 -56
- package/dist/astryx.umd.js.map +4 -4
- package/dist/hooks/containerReveal.stylex.d.ts +61 -0
- package/dist/hooks/containerReveal.stylex.d.ts.map +1 -0
- package/dist/hooks/containerReveal.stylex.js +63 -0
- package/dist/hooks/index.d.ts +3 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +2 -0
- package/dist/hooks/useClipboard.d.ts +59 -0
- package/dist/hooks/useClipboard.d.ts.map +1 -0
- package/dist/hooks/useClipboard.js +106 -0
- package/dist/hooks/useContainerReveal.d.ts +14 -8
- package/dist/hooks/useContainerReveal.d.ts.map +1 -1
- package/dist/hooks/useContainerReveal.js +28 -69
- package/dist/hooks/useIndicatorFocusRing.d.ts +28 -0
- package/dist/hooks/useIndicatorFocusRing.d.ts.map +1 -0
- package/dist/hooks/useIndicatorFocusRing.js +96 -0
- package/dist/hooks/useLongPress.d.ts.map +1 -1
- package/dist/hooks/useLongPress.js +12 -2
- package/dist/hooks/useScrollLock.d.ts.map +1 -1
- package/dist/hooks/useScrollLock.js +33 -18
- package/dist/hooks/useStreamingText.d.ts +18 -3
- package/dist/hooks/useStreamingText.d.ts.map +1 -1
- package/dist/hooks/useStreamingText.js +47 -7
- package/dist/hooks/useTreeFocus.d.ts.map +1 -1
- package/dist/hooks/useTreeFocus.js +9 -3
- package/dist/hooks/useTypeahead.d.ts +3 -2
- package/dist/hooks/useTypeahead.d.ts.map +1 -1
- package/dist/hooks/useTypeahead.js +19 -7
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/theme/defineTheme.d.ts +16 -0
- package/dist/theme/defineTheme.d.ts.map +1 -1
- package/dist/theme/defineTheme.js +8 -0
- package/dist/theme/derivedVarRegistry.d.ts +8 -0
- package/dist/theme/derivedVarRegistry.d.ts.map +1 -1
- package/dist/theme/derivedVarRegistry.js +14 -13
- package/dist/theme/expandColorScale.d.ts +3 -1
- package/dist/theme/expandColorScale.d.ts.map +1 -1
- package/dist/theme/expandColorScale.js +17 -7
- package/dist/theme/expandTypeScale.d.ts.map +1 -1
- package/dist/theme/expandTypeScale.js +17 -0
- package/dist/theme/generateThemeRules.d.ts.map +1 -1
- package/dist/theme/generateThemeRules.js +11 -0
- package/dist/theme/index.d.ts +1 -0
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/utils/focusOutline.stylex.d.ts +107 -0
- package/dist/utils/focusOutline.stylex.d.ts.map +1 -0
- package/dist/utils/focusOutline.stylex.js +130 -0
- package/dist/utils/focusReturn.d.ts +24 -0
- package/dist/utils/focusReturn.d.ts.map +1 -0
- package/dist/utils/focusReturn.js +29 -0
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +1 -0
- package/dist/utils/mergeRefs.d.ts.map +1 -1
- package/dist/utils/mergeRefs.js +7 -5
- package/dist/utils/rtlStyles.d.ts +2 -2
- package/dist/utils/rtlStyles.js +2 -2
- package/dist/utils/themeProps.d.ts +20 -1
- package/dist/utils/themeProps.d.ts.map +1 -1
- package/dist/utils/themeProps.js +8 -2
- package/locales/en.json +12 -0
- package/locales/pseudo.json +9 -0
- package/package.json +7 -2
- package/src/AlertDialog/AlertDialog.doc.mjs +16 -3
- package/src/AlertDialog/AlertDialog.test.tsx +208 -1
- package/src/AlertDialog/AlertDialog.tsx +21 -3
- package/src/AppShell/AppShell.doc.mjs +11 -0
- package/src/AppShell/AppShell.test.tsx +139 -0
- package/src/AppShell/AppShell.tsx +32 -22
- package/src/AspectRatio/AspectRatio.doc.mjs +27 -3
- package/src/AspectRatio/AspectRatio.test.tsx +30 -0
- package/src/AspectRatio/AspectRatio.tsx +13 -0
- package/src/Avatar/Avatar.doc.mjs +2 -13
- package/src/Avatar/Avatar.test.tsx +33 -8
- package/src/Avatar/Avatar.tsx +52 -50
- package/src/AvatarGroup/AvatarGroupOverflow.tsx +2 -9
- package/src/Banner/Banner.tsx +9 -6
- package/src/Breadcrumbs/BreadcrumbItem.tsx +16 -6
- package/src/Breadcrumbs/index.ts +5 -1
- package/src/Button/Button.tsx +21 -41
- package/src/Calendar/Calendar.tsx +2 -1
- package/src/Calendar/styles.ts +0 -8
- package/src/Carousel/Carousel.doc.mjs +3 -0
- package/src/Carousel/Carousel.tsx +10 -6
- package/src/Chat/Chat.doc.mjs +2 -0
- package/src/Chat/ChatDictationButton.tsx +7 -1
- package/src/Chat/ChatLayoutScrollButton.test.tsx +22 -0
- package/src/Chat/ChatLayoutScrollButton.tsx +8 -1
- package/src/Chat/ChatSendButton.tsx +2 -3
- package/src/Chat/ChatToolCalls.test.tsx +35 -0
- package/src/Chat/ChatToolCalls.tsx +36 -16
- package/src/Chat/useTriggerMenu.tsx +2 -5
- package/src/CheckboxInput/CheckboxInput.doc.mjs +4 -2
- package/src/CheckboxInput/CheckboxInput.test.tsx +115 -0
- package/src/CheckboxInput/CheckboxInput.tsx +45 -202
- package/src/ClickableCard/ClickableCard.tsx +6 -11
- package/src/CodeBlock/CodeBlock.doc.mjs +3 -0
- package/src/CodeBlock/CodeBlock.test.tsx +91 -0
- package/src/CodeBlock/CodeBlock.tsx +57 -80
- package/src/Collapsible/Collapsible.tsx +22 -18
- package/src/CommandPalette/CommandPalette.test.tsx +29 -0
- package/src/CommandPalette/CommandPaletteItem.tsx +7 -4
- package/src/CommandPalette/CommandPaletteList.tsx +2 -2
- package/src/ComplexSelector/ComplexSelector.doc.mjs +42 -0
- package/src/ComplexSelector/ComplexSelector.test.tsx +64 -0
- package/src/ComplexSelector/ComplexSelector.tsx +46 -29
- package/src/ContextMenu/ContextMenu.doc.mjs +1 -1
- package/src/ContextMenu/ContextMenu.test.tsx +41 -0
- package/src/ContextMenu/ContextMenu.tsx +3 -3
- package/src/ContextMenu/index.ts +5 -1
- package/src/DateInput/DateInput.doc.mjs +18 -3
- package/src/DateInput/DateInput.test.tsx +93 -11
- package/src/DateInput/DateInput.tsx +41 -19
- package/src/DateRangeInput/DateRangeInput.doc.mjs +10 -2
- package/src/DateRangeInput/DateRangeInput.test.tsx +110 -14
- package/src/DateRangeInput/DateRangeInput.tsx +24 -12
- package/src/DateTimeInput/DateTimeInput.doc.mjs +16 -2
- package/src/DateTimeInput/DateTimeInput.test.tsx +75 -0
- package/src/DateTimeInput/DateTimeInput.tsx +35 -8
- package/src/Dialog/Dialog.tsx +2 -9
- package/src/DropdownMenu/DropdownMenu.doc.mjs +5 -9
- package/src/DropdownMenu/DropdownMenu.test.tsx +534 -4
- package/src/DropdownMenu/DropdownMenu.tsx +113 -52
- package/src/DropdownMenu/DropdownMenuCheckboxItem.tsx +27 -30
- package/src/DropdownMenu/DropdownMenuDivider.doc.mjs +34 -0
- package/src/DropdownMenu/DropdownMenuDivider.tsx +81 -0
- package/src/DropdownMenu/DropdownMenuItem.doc.mjs +39 -4
- package/src/DropdownMenu/DropdownMenuItem.tsx +48 -10
- package/src/DropdownMenu/DropdownMenuRadioItem.tsx +30 -76
- package/src/DropdownMenu/DropdownMenuSelectable.test.tsx +25 -19
- package/src/DropdownMenu/DropdownMenuSubMenu.test.tsx +44 -14
- package/src/DropdownMenu/DropdownMenuSubMenu.tsx +1 -5
- package/src/DropdownMenu/index.ts +8 -1
- package/src/DropdownMenu/renderDropdownItems.tsx +33 -34
- package/src/EmptyState/EmptyState.doc.mjs +4 -0
- package/src/EmptyState/EmptyState.test.tsx +62 -0
- package/src/EmptyState/EmptyState.tsx +16 -6
- package/src/Field/Field.doc.mjs +1 -0
- package/src/Field/InputClearButton.test.tsx +117 -0
- package/src/Field/InputClearButton.tsx +30 -3
- package/src/HoverCard/useHoverCard.tsx +2 -23
- package/src/Icon/Icon.doc.mjs +2 -1
- package/src/Indicator/CheckIndicator.tsx +174 -0
- package/src/Indicator/CheckboxIndicator.tsx +257 -0
- package/src/Indicator/Indicator.doc.mjs +344 -0
- package/src/Indicator/Indicator.test.tsx +393 -0
- package/src/Indicator/RadioIndicator.tsx +206 -0
- package/src/Indicator/index.ts +45 -0
- package/src/Indicator/indicator.markers.stylex.ts +19 -0
- package/src/Indicator/indicatorRegistry.test.tsx +106 -0
- package/src/Indicator/indicatorRegistry.ts +120 -0
- package/src/Indicator/types.ts +186 -0
- package/src/Indicator/useIndicator.ts +39 -0
- package/src/Item/Item.doc.mjs +1 -1
- package/src/Item/Item.tsx +7 -14
- package/src/Layer/useLayer.doc.mjs +2 -2
- package/src/Layer/useLayer.test.tsx +85 -0
- package/src/Layer/useLayer.tsx +39 -1
- package/src/Lightbox/Lightbox.doc.mjs +1 -1
- package/src/Lightbox/Lightbox.tsx +43 -38
- package/src/Link/Link.tsx +4 -11
- package/src/MobileNav/MobileNav.tsx +3 -3
- package/src/MoreMenu/MoreMenu.doc.mjs +31 -0
- package/src/MoreMenu/MoreMenu.test.tsx +68 -1
- package/src/MoreMenu/MoreMenu.tsx +19 -0
- package/src/MultiSelector/MultiSelector.doc.mjs +9 -1
- package/src/MultiSelector/MultiSelector.test.tsx +255 -16
- package/src/MultiSelector/MultiSelector.tsx +103 -99
- package/src/NumberInput/NumberInput.doc.mjs +265 -50
- package/src/NumberInput/NumberInput.test.tsx +726 -21
- package/src/NumberInput/NumberInput.tsx +353 -59
- package/src/Outline/Outline.tsx +2 -5
- package/src/Pagination/Pagination.doc.mjs +1 -1
- package/src/Pagination/Pagination.test.tsx +22 -7
- package/src/Pagination/Pagination.tsx +38 -35
- package/src/Popover/Popover.tsx +6 -7
- package/src/PowerSearch/PowerSearch.tsx +1 -1
- package/src/PowerSearch/PowerSearchEditPopover.test.tsx +42 -0
- package/src/PowerSearch/PowerSearchEditPopover.tsx +7 -0
- package/src/ProgressBar/ProgressBar.doc.mjs +27 -5
- package/src/ProgressBar/ProgressBar.test.tsx +224 -1
- package/src/ProgressBar/ProgressBar.tsx +124 -22
- package/src/RadioList/RadioList.doc.mjs +4 -2
- package/src/RadioList/RadioListItem.tsx +31 -130
- package/src/Resizable/ResizeHandle.tsx +2 -9
- package/src/SegmentedControl/SegmentedControlItem.tsx +2 -9
- package/src/SelectableCard/SelectableCard.tsx +4 -9
- package/src/Selector/Selector.doc.mjs +7 -4
- package/src/Selector/Selector.test.tsx +935 -25
- package/src/Selector/Selector.tsx +189 -106
- package/src/Selector/hooks.ts +77 -50
- package/src/SideNav/SideNav.test.tsx +46 -0
- package/src/SideNav/SideNav.tsx +1 -0
- package/src/SideNav/SideNavCollapseButton.tsx +15 -10
- package/src/SideNav/SideNavHeading.tsx +48 -10
- package/src/SideNav/SideNavItem.tsx +20 -12
- package/src/Stack/Stack.doc.mjs +110 -0
- package/src/StatusDot/StatusDot.doc.mjs +12 -3
- package/src/Switch/Switch.test.tsx +32 -0
- package/src/Switch/Switch.tsx +8 -8
- package/src/TabList/Tab.tsx +2 -9
- package/src/TabList/TabMenu.tsx +14 -21
- package/src/Table/BaseTable.tsx +11 -0
- package/src/Table/index.ts +1 -4
- package/src/Table/plugins/groupedRows/useTableGroupedRows.tsx +30 -14
- package/src/Table/plugins/rowExpansion/index.ts +1 -4
- package/src/Table/plugins/rowExpansion/useTableRowExpansion.test.tsx +125 -175
- package/src/Table/plugins/rowExpansion/useTableRowExpansion.tsx +115 -458
- package/src/Table/plugins/sortable/useTableSortable.tsx +2 -6
- package/src/Table/plugins/tree/useTableTreeData.tsx +43 -24
- package/src/Table/tableContextMenu.test.tsx +27 -0
- package/src/Table/tableContextMenu.tsx +1 -0
- package/src/Table/types.ts +11 -0
- package/src/Table/useTableGroupedRows.doc.mjs +1 -1
- package/src/Table/useTableRowExpansion.doc.mjs +43 -66
- package/src/TextArea/TextArea.doc.mjs +42 -2
- package/src/TextArea/TextArea.test.tsx +219 -0
- package/src/TextArea/TextArea.tsx +34 -7
- package/src/TextInput/TextInput.doc.mjs +18 -2
- package/src/TextInput/TextInput.test.tsx +189 -0
- package/src/TextInput/TextInput.tsx +25 -31
- package/src/Thumbnail/Thumbnail.tsx +2 -9
- package/src/TimeInput/TimeInput.doc.mjs +2 -2
- package/src/TimeInput/TimeInput.test.tsx +30 -3
- package/src/TimeInput/TimeInput.tsx +9 -26
- package/src/Timestamp/Timestamp.doc.mjs +4 -3
- package/src/Timestamp/TimestampHoverCard.tsx +13 -35
- package/src/Token/Token.tsx +5 -28
- package/src/Tokenizer/Tokenizer.doc.mjs +2 -2
- package/src/Tokenizer/Tokenizer.test.tsx +45 -3
- package/src/Tokenizer/Tokenizer.tsx +10 -2
- package/src/Tooltip/useTooltip.tsx +2 -23
- package/src/TopNav/TopNav.tsx +1 -3
- package/src/TopNav/TopNavHeading.tsx +42 -13
- package/src/TopNav/TopNavItem.tsx +3 -21
- package/src/TopNav/TopNavMegaMenu.test.tsx +433 -33
- package/src/TopNav/TopNavMegaMenu.tsx +118 -53
- package/src/TopNav/TopNavMegaMenuItem.tsx +2 -9
- package/src/TopNav/TopNavMenu.tsx +34 -37
- package/src/TreeList/TreeList.doc.mjs +5 -0
- package/src/TreeList/TreeList.test.tsx +206 -7
- package/src/TreeList/TreeList.tsx +22 -0
- package/src/TreeList/TreeListBranches.tsx +25 -2
- package/src/TreeList/TreeListItem.tsx +89 -52
- package/src/Typeahead/BaseTypeahead.tsx +19 -6
- package/src/Typeahead/Typeahead.doc.mjs +1 -0
- package/src/Typeahead/Typeahead.test.tsx +76 -3
- package/src/hooks/containerReveal.stylex.ts +102 -0
- package/src/hooks/index.ts +4 -0
- package/src/hooks/useClipboard.doc.mjs +87 -0
- package/src/hooks/useClipboard.test.tsx +151 -0
- package/src/hooks/useClipboard.ts +135 -0
- package/src/hooks/useContainerReveal.doc.mjs +7 -7
- package/src/hooks/useContainerReveal.test.tsx +42 -62
- package/src/hooks/useContainerReveal.ts +36 -91
- package/src/hooks/useImageMode.test.ts +1 -1
- package/src/hooks/useIndicatorFocusRing.tsx +120 -0
- package/src/hooks/useLongPress.test.tsx +18 -0
- package/src/hooks/useLongPress.ts +12 -2
- package/src/hooks/useScrollLock.test.ts +72 -0
- package/src/hooks/useScrollLock.ts +51 -19
- package/src/hooks/useStreamingText.test.ts +46 -1
- package/src/hooks/useStreamingText.ts +49 -7
- package/src/hooks/useTreeFocus.test.tsx +50 -0
- package/src/hooks/useTreeFocus.ts +14 -3
- package/src/hooks/useTypeahead.test.tsx +150 -0
- package/src/hooks/useTypeahead.ts +24 -9
- package/src/i18n/InternationalizationProvider.doc.mjs +7 -2
- package/src/index.ts +1 -0
- package/src/theme/defineTheme.ts +24 -0
- package/src/theme/derivedVarRegistry.test.ts +21 -1
- package/src/theme/derivedVarRegistry.ts +19 -6
- package/src/theme/expandColorScale.test.ts +14 -0
- package/src/theme/expandColorScale.ts +24 -9
- package/src/theme/expandTypeScale.test.ts +43 -0
- package/src/theme/expandTypeScale.ts +17 -0
- package/src/theme/generateThemeRules.test.ts +61 -20
- package/src/theme/generateThemeRules.ts +11 -0
- package/src/theme/index.ts +13 -0
- package/src/utils/focusOutline.stylex.ts +163 -0
- package/src/utils/focusReturn.test.ts +42 -0
- package/src/utils/focusReturn.ts +31 -0
- package/src/utils/index.ts +1 -0
- package/src/utils/mergeRefs.test.ts +48 -0
- package/src/utils/mergeRefs.ts +12 -6
- package/src/utils/rtlStyles.ts +2 -2
- package/src/utils/themeProps.ts +26 -4
- package/dist/CheckboxInput/checkbox.markers.stylex.d.ts +0 -9
- package/dist/CheckboxInput/checkbox.markers.stylex.d.ts.map +0 -1
- package/dist/CheckboxInput/checkbox.markers.stylex.js +0 -14
- package/dist/RadioList/radio.markers.stylex.d.ts +0 -7
- package/dist/RadioList/radio.markers.stylex.d.ts.map +0 -1
- package/dist/RadioList/radio.markers.stylex.js +0 -12
- package/dist/hooks/containerReveal.pool.stylex.d.ts +0 -303
- package/dist/hooks/containerReveal.pool.stylex.d.ts.map +0 -1
- package/dist/hooks/containerReveal.pool.stylex.js +0 -292
- package/src/CheckboxInput/checkbox.markers.stylex.ts +0 -12
- package/src/RadioList/radio.markers.stylex.ts +0 -10
- package/src/hooks/containerReveal.pool.stylex.ts +0 -571
package/src/utils/themeProps.ts
CHANGED
|
@@ -73,9 +73,7 @@ function buildClassName(component: string, props?: ClassProps): string {
|
|
|
73
73
|
* literal prop values, including numeric values (`level: 1` → `data-level="1"`).
|
|
74
74
|
* Nullish values are omitted.
|
|
75
75
|
*/
|
|
76
|
-
export function themeDataAttributes(
|
|
77
|
-
props?: ClassProps,
|
|
78
|
-
): ThemeDataAttributes {
|
|
76
|
+
export function themeDataAttributes(props?: ClassProps): ThemeDataAttributes {
|
|
79
77
|
const attrs: ThemeDataAttributes = {};
|
|
80
78
|
|
|
81
79
|
if (props) {
|
|
@@ -102,12 +100,36 @@ export function themeDataAttributes(
|
|
|
102
100
|
* // → { className: 'astryx-button primary sm', data-variant: 'primary', data-size: 'sm' }
|
|
103
101
|
* ```
|
|
104
102
|
*/
|
|
103
|
+
/**
|
|
104
|
+
* Options for {@link themeProps}.
|
|
105
|
+
*/
|
|
106
|
+
export type ThemePropsOptions = {
|
|
107
|
+
/**
|
|
108
|
+
* Stable class names to emit ALONGSIDE the component's own, for targets that
|
|
109
|
+
* have been renamed.
|
|
110
|
+
*
|
|
111
|
+
* A theme target is public API: renaming one silently breaks every theme
|
|
112
|
+
* that styles it. Emitting the old name beside the new one keeps those
|
|
113
|
+
* themes working through a deprecation window, at the cost of one extra
|
|
114
|
+
* class on the element until the old name is dropped in a major.
|
|
115
|
+
*
|
|
116
|
+
* Pass plain string literals — the theming guards scan for them statically.
|
|
117
|
+
* Document the old name with `deprecated` in the component's
|
|
118
|
+
* `theming.targets` so the docsite says which to use.
|
|
119
|
+
*/
|
|
120
|
+
legacyNames?: ReadonlyArray<string>;
|
|
121
|
+
};
|
|
122
|
+
|
|
105
123
|
export function themeProps(
|
|
106
124
|
component: string,
|
|
107
125
|
props?: ClassProps,
|
|
126
|
+
options?: ThemePropsOptions,
|
|
108
127
|
): ThemeProps {
|
|
128
|
+
const className = buildClassName(component, props);
|
|
129
|
+
const legacy = options?.legacyNames?.map(name => stableClassName(name)) ?? [];
|
|
130
|
+
|
|
109
131
|
return {
|
|
110
|
-
className:
|
|
132
|
+
className: legacy.length > 0 ? [className, ...legacy].join(' ') : className,
|
|
111
133
|
...themeDataAttributes(props),
|
|
112
134
|
};
|
|
113
135
|
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as stylex from '@stylexjs/stylex';
|
|
2
|
-
/**
|
|
3
|
-
* Scoped marker for CheckboxInput ancestor selectors.
|
|
4
|
-
* Prevents focus-within and hover styles from leaking when
|
|
5
|
-
* checkboxes are placed inside Popovers or other containers
|
|
6
|
-
* that also have focus-within state.
|
|
7
|
-
*/
|
|
8
|
-
export declare const checkboxScope: ReturnType<typeof stylex.defineMarker>;
|
|
9
|
-
//# sourceMappingURL=checkbox.markers.stylex.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.markers.stylex.d.ts","sourceRoot":"","sources":["../../src/CheckboxInput/checkbox.markers.stylex.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAE3C;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,YAAY,CAC1C,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
// Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
2
|
-
|
|
3
|
-
import * as stylex from '@stylexjs/stylex';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Scoped marker for CheckboxInput ancestor selectors.
|
|
7
|
-
* Prevents focus-within and hover styles from leaking when
|
|
8
|
-
* checkboxes are placed inside Popovers or other containers
|
|
9
|
-
* that also have focus-within state.
|
|
10
|
-
*/
|
|
11
|
-
export const checkboxScope = {
|
|
12
|
-
x1tspnpo: "x1tspnpo",
|
|
13
|
-
$$css: true
|
|
14
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as stylex from '@stylexjs/stylex';
|
|
2
|
-
/**
|
|
3
|
-
* Scoped marker for RadioListItem ancestor selectors.
|
|
4
|
-
* Prevents hover styles from leaking from parent containers.
|
|
5
|
-
*/
|
|
6
|
-
export declare const radioScope: ReturnType<typeof stylex.defineMarker>;
|
|
7
|
-
//# sourceMappingURL=radio.markers.stylex.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radio.markers.stylex.d.ts","sourceRoot":"","sources":["../../src/RadioList/radio.markers.stylex.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAE3C;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,YAAY,CACvC,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
// Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
2
|
-
|
|
3
|
-
import * as stylex from '@stylexjs/stylex';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Scoped marker for RadioListItem ancestor selectors.
|
|
7
|
-
* Prevents hover styles from leaking from parent containers.
|
|
8
|
-
*/
|
|
9
|
-
export const radioScope = {
|
|
10
|
-
xklqth5: "xklqth5",
|
|
11
|
-
$$css: true
|
|
12
|
-
};
|
|
@@ -1,303 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @file containerReveal.pool.stylex.ts
|
|
3
|
-
* @input Uses StyleX, theme tokens
|
|
4
|
-
* @output A fixed pool of scoped markers, each paired with its reveal style
|
|
5
|
-
* blocks (reveal / conceal, each with a layout-preserved variant) compiled
|
|
6
|
-
* against that marker.
|
|
7
|
-
* @position Internal to useContainerReveal. GENERATED by
|
|
8
|
-
* scripts/gen-container-reveal-pool.mjs — do not edit by hand.
|
|
9
|
-
*
|
|
10
|
-
* WHY A POOL: `stylex.when.ancestor(':hover', marker)` welds the marker's
|
|
11
|
-
* class into the compiled selector (`.marker:hover *`), so a marker and the
|
|
12
|
-
* styles referencing it are inseparable at compile time. A single shared
|
|
13
|
-
* marker would leak hover/focus across NESTED reveal containers (an ancestor
|
|
14
|
-
* container's `:hover` matches a descendant container's revealed content).
|
|
15
|
-
* Pre-declaring N markers lets useContainerReveal hand each concurrently
|
|
16
|
-
* mounted container a distinct marker (free-list in useContainerReveal),
|
|
17
|
-
* isolating nested containers without the caller authoring any StyleX.
|
|
18
|
-
*
|
|
19
|
-
* SYNC: When the block shape changes, edit
|
|
20
|
-
* scripts/gen-container-reveal-pool.mjs and useContainerReveal.ts, then
|
|
21
|
-
* regenerate (node scripts/gen-container-reveal-pool.mjs) and commit.
|
|
22
|
-
*/
|
|
23
|
-
import * as stylex from '@stylexjs/stylex';
|
|
24
|
-
export declare const POOL_SIZE = 6;
|
|
25
|
-
export declare const m0: Readonly<{
|
|
26
|
-
readonly marker: stylex.StyleXClassNameFor<"marker", symbol>;
|
|
27
|
-
}>;
|
|
28
|
-
export declare const m1: Readonly<{
|
|
29
|
-
readonly marker: stylex.StyleXClassNameFor<"marker", symbol>;
|
|
30
|
-
}>;
|
|
31
|
-
export declare const m2: Readonly<{
|
|
32
|
-
readonly marker: stylex.StyleXClassNameFor<"marker", symbol>;
|
|
33
|
-
}>;
|
|
34
|
-
export declare const m3: Readonly<{
|
|
35
|
-
readonly marker: stylex.StyleXClassNameFor<"marker", symbol>;
|
|
36
|
-
}>;
|
|
37
|
-
export declare const m4: Readonly<{
|
|
38
|
-
readonly marker: stylex.StyleXClassNameFor<"marker", symbol>;
|
|
39
|
-
}>;
|
|
40
|
-
export declare const m5: Readonly<{
|
|
41
|
-
readonly marker: stylex.StyleXClassNameFor<"marker", symbol>;
|
|
42
|
-
}>;
|
|
43
|
-
export declare const POOL: readonly [{
|
|
44
|
-
readonly marker: Readonly<{
|
|
45
|
-
readonly marker: stylex.StyleXClassNameFor<"marker", symbol>;
|
|
46
|
-
}>;
|
|
47
|
-
readonly reveal: Readonly<{
|
|
48
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity, position">;
|
|
49
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", string>;
|
|
50
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
51
|
-
readonly transitionBehavior: stylex.StyleXClassNameFor<"transitionBehavior", "allow-discrete">;
|
|
52
|
-
readonly transitionDelay: stylex.StyleXClassNameFor<"transitionDelay", string | {
|
|
53
|
-
readonly '@media (hover: hover)': "0s, 0s";
|
|
54
|
-
}>;
|
|
55
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 0 | 1 | {
|
|
56
|
-
readonly '@media (hover: hover)': 1;
|
|
57
|
-
}>;
|
|
58
|
-
readonly position: stylex.StyleXClassNameFor<"position", "static" | "absolute" | {
|
|
59
|
-
readonly '@media (hover: hover)': "static";
|
|
60
|
-
}>;
|
|
61
|
-
}>;
|
|
62
|
-
readonly revealLayoutPreserved: Readonly<{
|
|
63
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
64
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
|
|
65
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
66
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 0 | 1 | {
|
|
67
|
-
readonly '@media (hover: hover)': 1;
|
|
68
|
-
}>;
|
|
69
|
-
}>;
|
|
70
|
-
readonly conceal: Readonly<{
|
|
71
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
72
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
|
|
73
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
74
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 1 | {
|
|
75
|
-
readonly '@media (hover: hover)': 0;
|
|
76
|
-
}>;
|
|
77
|
-
}>;
|
|
78
|
-
readonly concealLayoutPreserved: Readonly<{
|
|
79
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
80
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
|
|
81
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
82
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 1 | {
|
|
83
|
-
readonly '@media (hover: hover)': 0;
|
|
84
|
-
}>;
|
|
85
|
-
}>;
|
|
86
|
-
}, {
|
|
87
|
-
readonly marker: Readonly<{
|
|
88
|
-
readonly marker: stylex.StyleXClassNameFor<"marker", symbol>;
|
|
89
|
-
}>;
|
|
90
|
-
readonly reveal: Readonly<{
|
|
91
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity, position">;
|
|
92
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", string>;
|
|
93
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
94
|
-
readonly transitionBehavior: stylex.StyleXClassNameFor<"transitionBehavior", "allow-discrete">;
|
|
95
|
-
readonly transitionDelay: stylex.StyleXClassNameFor<"transitionDelay", string | {
|
|
96
|
-
readonly '@media (hover: hover)': "0s, 0s";
|
|
97
|
-
}>;
|
|
98
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 0 | 1 | {
|
|
99
|
-
readonly '@media (hover: hover)': 1;
|
|
100
|
-
}>;
|
|
101
|
-
readonly position: stylex.StyleXClassNameFor<"position", "static" | "absolute" | {
|
|
102
|
-
readonly '@media (hover: hover)': "static";
|
|
103
|
-
}>;
|
|
104
|
-
}>;
|
|
105
|
-
readonly revealLayoutPreserved: Readonly<{
|
|
106
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
107
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
|
|
108
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
109
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 0 | 1 | {
|
|
110
|
-
readonly '@media (hover: hover)': 1;
|
|
111
|
-
}>;
|
|
112
|
-
}>;
|
|
113
|
-
readonly conceal: Readonly<{
|
|
114
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
115
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
|
|
116
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
117
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 1 | {
|
|
118
|
-
readonly '@media (hover: hover)': 0;
|
|
119
|
-
}>;
|
|
120
|
-
}>;
|
|
121
|
-
readonly concealLayoutPreserved: Readonly<{
|
|
122
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
123
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
|
|
124
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
125
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 1 | {
|
|
126
|
-
readonly '@media (hover: hover)': 0;
|
|
127
|
-
}>;
|
|
128
|
-
}>;
|
|
129
|
-
}, {
|
|
130
|
-
readonly marker: Readonly<{
|
|
131
|
-
readonly marker: stylex.StyleXClassNameFor<"marker", symbol>;
|
|
132
|
-
}>;
|
|
133
|
-
readonly reveal: Readonly<{
|
|
134
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity, position">;
|
|
135
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", string>;
|
|
136
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
137
|
-
readonly transitionBehavior: stylex.StyleXClassNameFor<"transitionBehavior", "allow-discrete">;
|
|
138
|
-
readonly transitionDelay: stylex.StyleXClassNameFor<"transitionDelay", string | {
|
|
139
|
-
readonly '@media (hover: hover)': "0s, 0s";
|
|
140
|
-
}>;
|
|
141
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 0 | 1 | {
|
|
142
|
-
readonly '@media (hover: hover)': 1;
|
|
143
|
-
}>;
|
|
144
|
-
readonly position: stylex.StyleXClassNameFor<"position", "static" | "absolute" | {
|
|
145
|
-
readonly '@media (hover: hover)': "static";
|
|
146
|
-
}>;
|
|
147
|
-
}>;
|
|
148
|
-
readonly revealLayoutPreserved: Readonly<{
|
|
149
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
150
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
|
|
151
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
152
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 0 | 1 | {
|
|
153
|
-
readonly '@media (hover: hover)': 1;
|
|
154
|
-
}>;
|
|
155
|
-
}>;
|
|
156
|
-
readonly conceal: Readonly<{
|
|
157
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
158
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
|
|
159
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
160
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 1 | {
|
|
161
|
-
readonly '@media (hover: hover)': 0;
|
|
162
|
-
}>;
|
|
163
|
-
}>;
|
|
164
|
-
readonly concealLayoutPreserved: Readonly<{
|
|
165
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
166
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
|
|
167
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
168
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 1 | {
|
|
169
|
-
readonly '@media (hover: hover)': 0;
|
|
170
|
-
}>;
|
|
171
|
-
}>;
|
|
172
|
-
}, {
|
|
173
|
-
readonly marker: Readonly<{
|
|
174
|
-
readonly marker: stylex.StyleXClassNameFor<"marker", symbol>;
|
|
175
|
-
}>;
|
|
176
|
-
readonly reveal: Readonly<{
|
|
177
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity, position">;
|
|
178
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", string>;
|
|
179
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
180
|
-
readonly transitionBehavior: stylex.StyleXClassNameFor<"transitionBehavior", "allow-discrete">;
|
|
181
|
-
readonly transitionDelay: stylex.StyleXClassNameFor<"transitionDelay", string | {
|
|
182
|
-
readonly '@media (hover: hover)': "0s, 0s";
|
|
183
|
-
}>;
|
|
184
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 0 | 1 | {
|
|
185
|
-
readonly '@media (hover: hover)': 1;
|
|
186
|
-
}>;
|
|
187
|
-
readonly position: stylex.StyleXClassNameFor<"position", "static" | "absolute" | {
|
|
188
|
-
readonly '@media (hover: hover)': "static";
|
|
189
|
-
}>;
|
|
190
|
-
}>;
|
|
191
|
-
readonly revealLayoutPreserved: Readonly<{
|
|
192
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
193
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
|
|
194
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
195
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 0 | 1 | {
|
|
196
|
-
readonly '@media (hover: hover)': 1;
|
|
197
|
-
}>;
|
|
198
|
-
}>;
|
|
199
|
-
readonly conceal: Readonly<{
|
|
200
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
201
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
|
|
202
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
203
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 1 | {
|
|
204
|
-
readonly '@media (hover: hover)': 0;
|
|
205
|
-
}>;
|
|
206
|
-
}>;
|
|
207
|
-
readonly concealLayoutPreserved: Readonly<{
|
|
208
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
209
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
|
|
210
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
211
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 1 | {
|
|
212
|
-
readonly '@media (hover: hover)': 0;
|
|
213
|
-
}>;
|
|
214
|
-
}>;
|
|
215
|
-
}, {
|
|
216
|
-
readonly marker: Readonly<{
|
|
217
|
-
readonly marker: stylex.StyleXClassNameFor<"marker", symbol>;
|
|
218
|
-
}>;
|
|
219
|
-
readonly reveal: Readonly<{
|
|
220
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity, position">;
|
|
221
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", string>;
|
|
222
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
223
|
-
readonly transitionBehavior: stylex.StyleXClassNameFor<"transitionBehavior", "allow-discrete">;
|
|
224
|
-
readonly transitionDelay: stylex.StyleXClassNameFor<"transitionDelay", string | {
|
|
225
|
-
readonly '@media (hover: hover)': "0s, 0s";
|
|
226
|
-
}>;
|
|
227
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 0 | 1 | {
|
|
228
|
-
readonly '@media (hover: hover)': 1;
|
|
229
|
-
}>;
|
|
230
|
-
readonly position: stylex.StyleXClassNameFor<"position", "static" | "absolute" | {
|
|
231
|
-
readonly '@media (hover: hover)': "static";
|
|
232
|
-
}>;
|
|
233
|
-
}>;
|
|
234
|
-
readonly revealLayoutPreserved: Readonly<{
|
|
235
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
236
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
|
|
237
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
238
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 0 | 1 | {
|
|
239
|
-
readonly '@media (hover: hover)': 1;
|
|
240
|
-
}>;
|
|
241
|
-
}>;
|
|
242
|
-
readonly conceal: Readonly<{
|
|
243
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
244
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
|
|
245
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
246
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 1 | {
|
|
247
|
-
readonly '@media (hover: hover)': 0;
|
|
248
|
-
}>;
|
|
249
|
-
}>;
|
|
250
|
-
readonly concealLayoutPreserved: Readonly<{
|
|
251
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
252
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
|
|
253
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
254
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 1 | {
|
|
255
|
-
readonly '@media (hover: hover)': 0;
|
|
256
|
-
}>;
|
|
257
|
-
}>;
|
|
258
|
-
}, {
|
|
259
|
-
readonly marker: Readonly<{
|
|
260
|
-
readonly marker: stylex.StyleXClassNameFor<"marker", symbol>;
|
|
261
|
-
}>;
|
|
262
|
-
readonly reveal: Readonly<{
|
|
263
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity, position">;
|
|
264
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", string>;
|
|
265
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
266
|
-
readonly transitionBehavior: stylex.StyleXClassNameFor<"transitionBehavior", "allow-discrete">;
|
|
267
|
-
readonly transitionDelay: stylex.StyleXClassNameFor<"transitionDelay", string | {
|
|
268
|
-
readonly '@media (hover: hover)': "0s, 0s";
|
|
269
|
-
}>;
|
|
270
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 0 | 1 | {
|
|
271
|
-
readonly '@media (hover: hover)': 1;
|
|
272
|
-
}>;
|
|
273
|
-
readonly position: stylex.StyleXClassNameFor<"position", "static" | "absolute" | {
|
|
274
|
-
readonly '@media (hover: hover)': "static";
|
|
275
|
-
}>;
|
|
276
|
-
}>;
|
|
277
|
-
readonly revealLayoutPreserved: Readonly<{
|
|
278
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
279
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
|
|
280
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
281
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 0 | 1 | {
|
|
282
|
-
readonly '@media (hover: hover)': 1;
|
|
283
|
-
}>;
|
|
284
|
-
}>;
|
|
285
|
-
readonly conceal: Readonly<{
|
|
286
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
287
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
|
|
288
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
289
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 1 | {
|
|
290
|
-
readonly '@media (hover: hover)': 0;
|
|
291
|
-
}>;
|
|
292
|
-
}>;
|
|
293
|
-
readonly concealLayoutPreserved: Readonly<{
|
|
294
|
-
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
|
|
295
|
-
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms" | "0s">;
|
|
296
|
-
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
297
|
-
readonly opacity: stylex.StyleXClassNameFor<"opacity", 1 | {
|
|
298
|
-
readonly '@media (hover: hover)': 0;
|
|
299
|
-
}>;
|
|
300
|
-
}>;
|
|
301
|
-
}];
|
|
302
|
-
export type RevealSlot = (typeof POOL)[number];
|
|
303
|
-
//# sourceMappingURL=containerReveal.pool.stylex.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"containerReveal.pool.stylex.d.ts","sourceRoot":"","sources":["../../src/hooks/containerReveal.pool.stylex.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAG3C,eAAO,MAAM,SAAS,IAAI,CAAC;AAE3B,eAAO,MAAM,EAAE;;EAAwB,CAAC;AAkFxC,eAAO,MAAM,EAAE;;EAAwB,CAAC;AAkFxC,eAAO,MAAM,EAAE;;EAAwB,CAAC;AAkFxC,eAAO,MAAM,EAAE;;EAAwB,CAAC;AAkFxC,eAAO,MAAM,EAAE;;EAAwB,CAAC;AAkFxC,eAAO,MAAM,EAAE;;EAAwB,CAAC;AAqFxC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CP,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC"}
|