@astryxdesign/core 0.1.3 → 0.1.4-canary.01e5b29
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 +51 -0
- package/dist/AlertDialog/AlertDialog.d.ts +1 -1
- package/dist/AlertDialog/AlertDialog.d.ts.map +1 -1
- package/dist/AlertDialog/AlertDialog.js +20 -18
- package/dist/AlertDialog/useImperativeAlertDialog.js +3 -3
- package/dist/AppShell/AppShell.d.ts +1 -1
- package/dist/AppShell/AppShell.d.ts.map +1 -1
- package/dist/AppShell/AppShell.js +55 -53
- package/dist/AspectRatio/AspectRatio.js +5 -5
- package/dist/Avatar/Avatar.d.ts.map +1 -1
- package/dist/Avatar/Avatar.js +27 -25
- package/dist/Avatar/AvatarStatusDot.js +5 -5
- package/dist/AvatarGroup/AvatarGroup.js +5 -5
- package/dist/AvatarGroup/AvatarGroupOverflow.js +5 -5
- package/dist/Badge/Badge.js +3 -3
- package/dist/Banner/Banner.d.ts.map +1 -1
- package/dist/Banner/Banner.js +32 -25
- package/dist/Blockquote/Blockquote.js +7 -7
- package/dist/Breadcrumbs/BreadcrumbItem.js +17 -17
- package/dist/Breadcrumbs/Breadcrumbs.js +7 -7
- package/dist/Button/Button.d.ts.map +1 -1
- package/dist/Button/Button.js +47 -26
- package/dist/ButtonGroup/ButtonGroup.js +7 -7
- package/dist/Calendar/Calendar.d.ts.map +1 -1
- package/dist/Calendar/Calendar.js +108 -64
- package/dist/Calendar/dayCellUtils.d.ts +67 -5
- package/dist/Calendar/dayCellUtils.d.ts.map +1 -1
- package/dist/Calendar/dayCellUtils.js +139 -18
- package/dist/Calendar/styles.d.ts +2 -2
- package/dist/Calendar/styles.d.ts.map +1 -1
- package/dist/Calendar/styles.js +2 -2
- package/dist/Card/Card.d.ts +4 -2
- package/dist/Card/Card.d.ts.map +1 -1
- package/dist/Card/Card.js +18 -10
- package/dist/Carousel/Carousel.d.ts.map +1 -1
- package/dist/Carousel/Carousel.js +20 -19
- package/dist/Center/Center.js +3 -3
- package/dist/Chat/ChatComposer.js +23 -23
- package/dist/Chat/ChatComposerDrawer.js +14 -14
- package/dist/Chat/ChatComposerInput.d.ts.map +1 -1
- package/dist/Chat/ChatComposerInput.js +27 -15
- package/dist/Chat/ChatDictationButton.d.ts +1 -1
- package/dist/Chat/ChatDictationButton.d.ts.map +1 -1
- package/dist/Chat/ChatDictationButton.js +13 -11
- package/dist/Chat/ChatLayout.js +17 -17
- package/dist/Chat/ChatLayoutScrollButton.d.ts +1 -1
- package/dist/Chat/ChatLayoutScrollButton.d.ts.map +1 -1
- package/dist/Chat/ChatLayoutScrollButton.js +12 -10
- package/dist/Chat/ChatMessage.js +12 -12
- package/dist/Chat/ChatMessageBubble.js +7 -7
- package/dist/Chat/ChatMessageList.js +14 -14
- package/dist/Chat/ChatMessageMetadata.d.ts +1 -1
- package/dist/Chat/ChatMessageMetadata.d.ts.map +1 -1
- package/dist/Chat/ChatMessageMetadata.js +14 -12
- package/dist/Chat/ChatPastedTextToken.js +13 -13
- package/dist/Chat/ChatSendButton.js +3 -3
- package/dist/Chat/ChatSystemMessage.d.ts +1 -1
- package/dist/Chat/ChatSystemMessage.d.ts.map +1 -1
- package/dist/Chat/ChatSystemMessage.js +17 -17
- package/dist/Chat/ChatTokenizedText.d.ts +1 -1
- package/dist/Chat/ChatTokenizedText.d.ts.map +1 -1
- package/dist/Chat/ChatTokenizedText.js +24 -15
- package/dist/Chat/ChatToolCalls.d.ts.map +1 -1
- package/dist/Chat/ChatToolCalls.js +81 -74
- package/dist/Chat/index.d.ts +1 -1
- package/dist/Chat/index.d.ts.map +1 -1
- package/dist/Chat/useTriggerMenu.js +15 -15
- package/dist/CheckboxInput/CheckboxInput.d.ts +6 -1
- package/dist/CheckboxInput/CheckboxInput.d.ts.map +1 -1
- package/dist/CheckboxInput/CheckboxInput.js +32 -24
- package/dist/CheckboxList/CheckboxList.js +9 -9
- package/dist/CheckboxList/CheckboxListItem.d.ts +1 -1
- package/dist/CheckboxList/CheckboxListItem.d.ts.map +1 -1
- package/dist/CheckboxList/CheckboxListItem.js +8 -6
- package/dist/Citation/Citation.js +10 -10
- package/dist/ClickableCard/ClickableCard.d.ts.map +1 -1
- package/dist/ClickableCard/ClickableCard.js +32 -9
- package/dist/Code/Code.d.ts +15 -1
- package/dist/Code/Code.d.ts.map +1 -1
- package/dist/Code/Code.js +35 -5
- package/dist/Code/index.d.ts +1 -1
- package/dist/Code/index.d.ts.map +1 -1
- package/dist/CodeBlock/CodeBlock.d.ts +10 -1
- package/dist/CodeBlock/CodeBlock.d.ts.map +1 -1
- package/dist/CodeBlock/CodeBlock.js +88 -52
- package/dist/CodeBlock/index.d.ts +1 -1
- package/dist/CodeBlock/index.d.ts.map +1 -1
- package/dist/Collapsible/Collapsible.d.ts +9 -3
- package/dist/Collapsible/Collapsible.d.ts.map +1 -1
- package/dist/Collapsible/Collapsible.js +110 -22
- package/dist/Collapsible/CollapsibleGroup.d.ts +39 -7
- package/dist/Collapsible/CollapsibleGroup.d.ts.map +1 -1
- package/dist/Collapsible/CollapsibleGroup.js +73 -12
- package/dist/Collapsible/CollapsibleGroupContext.d.ts +31 -0
- package/dist/Collapsible/CollapsibleGroupContext.d.ts.map +1 -1
- package/dist/Collapsible/CollapsibleGroupContext.js +33 -3
- package/dist/Collapsible/index.d.ts +1 -0
- package/dist/Collapsible/index.d.ts.map +1 -1
- package/dist/Collapsible/useCollapsible.d.ts +4 -1
- package/dist/Collapsible/useCollapsible.d.ts.map +1 -1
- package/dist/Collapsible/useCollapsible.js +20 -6
- package/dist/CommandPalette/CommandPalette.d.ts.map +1 -1
- package/dist/CommandPalette/CommandPalette.js +36 -34
- package/dist/CommandPalette/CommandPaletteEmpty.d.ts +1 -1
- package/dist/CommandPalette/CommandPaletteEmpty.d.ts.map +1 -1
- package/dist/CommandPalette/CommandPaletteEmpty.js +27 -7
- package/dist/CommandPalette/CommandPaletteFooter.js +16 -16
- package/dist/CommandPalette/CommandPaletteGroup.js +5 -5
- package/dist/CommandPalette/CommandPaletteInput.js +13 -13
- package/dist/CommandPalette/CommandPaletteItem.js +3 -3
- package/dist/CommandPalette/CommandPaletteList.js +3 -3
- package/dist/ContextMenu/ContextMenu.d.ts +9 -1
- package/dist/ContextMenu/ContextMenu.d.ts.map +1 -1
- package/dist/ContextMenu/ContextMenu.js +16 -11
- package/dist/DateInput/DateInput.js +18 -18
- package/dist/DateRangeInput/DateRangeInput.js +23 -23
- package/dist/DateTimeInput/DateTimeInput.d.ts +5 -7
- package/dist/DateTimeInput/DateTimeInput.d.ts.map +1 -1
- package/dist/DateTimeInput/DateTimeInput.js +30 -26
- package/dist/DateTimeInput/index.d.ts +1 -1
- package/dist/DateTimeInput/index.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +9 -9
- package/dist/Dialog/DialogHeader.js +16 -16
- package/dist/Dialog/useImperativeDialog.js +3 -3
- package/dist/Divider/Divider.d.ts +0 -22
- package/dist/Divider/Divider.d.ts.map +1 -1
- package/dist/Divider/Divider.js +7 -7
- package/dist/DropdownMenu/DropdownMenu.js +10 -10
- package/dist/DropdownMenu/DropdownMenuItem.d.ts +2 -17
- package/dist/DropdownMenu/DropdownMenuItem.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenuItem.js +3 -3
- package/dist/DropdownMenu/renderDropdownItems.js +10 -10
- package/dist/EmptyState/EmptyState.js +9 -9
- package/dist/Field/Field.js +17 -17
- package/dist/Field/FieldLabel.js +15 -15
- package/dist/Field/InputClearButton.js +5 -5
- package/dist/FieldStatus/FieldStatus.js +3 -3
- package/dist/FileInput/FileInput.js +29 -29
- package/dist/FormLayout/FormLayout.js +5 -5
- package/dist/Grid/Grid.d.ts +4 -3
- package/dist/Grid/Grid.d.ts.map +1 -1
- package/dist/Grid/Grid.js +29 -12
- package/dist/Grid/GridSpan.js +3 -3
- package/dist/HStack/HStack.js +3 -3
- package/dist/Heading/Heading.js +10 -10
- package/dist/HoverCard/HoverCard.js +9 -9
- package/dist/HoverCard/useHoverCard.js +3 -3
- package/dist/Icon/Icon.d.ts.map +1 -1
- package/dist/Icon/Icon.js +16 -12
- package/dist/Icon/defaultIcons.js +116 -116
- package/dist/IconButton/IconButton.js +3 -3
- package/dist/InputGroup/InputGroup.js +11 -11
- package/dist/InputGroup/InputGroupText.js +3 -3
- package/dist/Item/Item.js +18 -18
- package/dist/Kbd/Kbd.js +5 -5
- package/dist/Layer/LayerProvider.js +7 -7
- package/dist/Layer/useLayer.js +5 -5
- package/dist/Layout/Layout.js +21 -21
- package/dist/Layout/LayoutContent.js +3 -3
- package/dist/Layout/LayoutFooter.js +5 -5
- package/dist/Layout/LayoutHeader.js +5 -5
- package/dist/Layout/LayoutPanel.js +3 -3
- package/dist/Lightbox/Lightbox.d.ts.map +1 -1
- package/dist/Lightbox/Lightbox.js +55 -31
- package/dist/Lightbox/useLightbox.js +3 -3
- package/dist/Link/Link.js +15 -15
- package/dist/Link/LinkProvider.js +3 -3
- package/dist/Link/useLinkify.js +3 -3
- package/dist/List/List.js +11 -11
- package/dist/List/ListItem.js +11 -11
- package/dist/Markdown/Markdown.d.ts.map +1 -1
- package/dist/Markdown/Markdown.js +102 -102
- package/dist/Markdown/parser.d.ts +7 -0
- package/dist/Markdown/parser.d.ts.map +1 -1
- package/dist/Markdown/parser.js +300 -6
- package/dist/MetadataList/MetadataList.js +10 -10
- package/dist/MetadataList/MetadataListItem.js +15 -15
- package/dist/MobileNav/MobileNav.js +15 -15
- package/dist/MobileNav/MobileNavToggle.js +5 -5
- package/dist/MoreMenu/MoreMenu.js +3 -3
- package/dist/MultiSelector/MultiSelector.d.ts +7 -1
- package/dist/MultiSelector/MultiSelector.d.ts.map +1 -1
- package/dist/MultiSelector/MultiSelector.js +64 -55
- package/dist/NavIcon/NavIcon.js +3 -3
- package/dist/NavMenu/NavHeadingMenu.js +5 -5
- package/dist/NavMenu/NavHeadingMenuItem.js +8 -8
- package/dist/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/NumberInput/NumberInput.js +48 -32
- package/dist/Outline/Outline.js +15 -15
- package/dist/OverflowList/OverflowList.js +8 -8
- package/dist/Overlay/Overlay.js +3 -3
- package/dist/Overlay/OverlayScrim.js +5 -5
- package/dist/Overlay/useOverlay.js +3 -3
- package/dist/Pagination/Pagination.d.ts +1 -1
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Pagination/Pagination.js +125 -72
- package/dist/Popover/Popover.js +16 -16
- package/dist/Popover/usePopover.js +7 -7
- package/dist/PowerSearch/PowerSearch.d.ts.map +1 -1
- package/dist/PowerSearch/PowerSearch.js +110 -92
- package/dist/PowerSearch/PowerSearchEditPopover.js +84 -84
- package/dist/PowerSearch/PowerSearchFilterEditor.js +3 -3
- package/dist/PowerSearch/PowerSearchToken.js +5 -5
- package/dist/PowerSearch/PowerSearchValueEditor.js +54 -54
- package/dist/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/dist/ProgressBar/ProgressBar.js +25 -18
- package/dist/RadioList/RadioList.d.ts +7 -1
- package/dist/RadioList/RadioList.d.ts.map +1 -1
- package/dist/RadioList/RadioList.js +10 -8
- package/dist/RadioList/RadioListItem.d.ts +1 -1
- package/dist/RadioList/RadioListItem.d.ts.map +1 -1
- package/dist/RadioList/RadioListItem.js +30 -22
- package/dist/Resizable/ResizeHandle.d.ts.map +1 -1
- package/dist/Resizable/ResizeHandle.js +28 -10
- package/dist/Section/Section.js +5 -5
- package/dist/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/dist/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControl.js +32 -10
- package/dist/SegmentedControl/SegmentedControlItem.d.ts +1 -1
- package/dist/SegmentedControl/SegmentedControlItem.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControlItem.js +18 -12
- package/dist/SelectableCard/SelectableCard.js +5 -5
- package/dist/Selector/Selector.d.ts +6 -0
- package/dist/Selector/Selector.d.ts.map +1 -1
- package/dist/Selector/Selector.js +54 -45
- package/dist/Selector/SelectorOption.js +3 -3
- package/dist/SideNav/SideNav.d.ts.map +1 -1
- package/dist/SideNav/SideNav.js +38 -34
- package/dist/SideNav/SideNavCollapseButton.d.ts +1 -1
- package/dist/SideNav/SideNavCollapseButton.d.ts.map +1 -1
- package/dist/SideNav/SideNavCollapseButton.js +8 -6
- package/dist/SideNav/SideNavHeading.js +87 -87
- package/dist/SideNav/SideNavItem.js +42 -42
- package/dist/SideNav/SideNavSection.d.ts +1 -1
- package/dist/SideNav/SideNavSection.d.ts.map +1 -1
- package/dist/SideNav/SideNavSection.js +18 -16
- package/dist/Skeleton/Skeleton.js +3 -3
- package/dist/Slider/Slider.d.ts +6 -0
- package/dist/Slider/Slider.d.ts.map +1 -1
- package/dist/Slider/Slider.js +31 -22
- package/dist/Spinner/Spinner.d.ts.map +1 -1
- package/dist/Spinner/Spinner.js +10 -10
- package/dist/StatusDot/StatusDot.js +5 -5
- package/dist/Switch/Switch.d.ts +13 -4
- package/dist/Switch/Switch.d.ts.map +1 -1
- package/dist/Switch/Switch.js +41 -30
- package/dist/TabList/Tab.js +18 -18
- package/dist/TabList/TabList.js +5 -5
- package/dist/TabList/TabMenu.d.ts.map +1 -1
- package/dist/TabList/TabMenu.js +57 -30
- package/dist/TabList/tab.markers.stylex.d.ts +1 -1
- package/dist/Table/BaseTable.d.ts.map +1 -1
- package/dist/Table/BaseTable.js +51 -39
- package/dist/Table/Table.js +7 -7
- package/dist/Table/TableBody.d.ts +1 -1
- package/dist/Table/TableBody.d.ts.map +1 -1
- package/dist/Table/TableBody.js +9 -5
- package/dist/Table/TableCell.d.ts.map +1 -1
- package/dist/Table/TableCell.js +76 -7
- package/dist/Table/TableFooter.d.ts +1 -1
- package/dist/Table/TableFooter.d.ts.map +1 -1
- package/dist/Table/TableFooter.js +9 -5
- package/dist/Table/TableHeader.d.ts +1 -1
- package/dist/Table/TableHeader.d.ts.map +1 -1
- package/dist/Table/TableHeader.js +9 -5
- package/dist/Table/TableHeaderCell.js +3 -3
- package/dist/Table/TableRow.js +5 -5
- package/dist/Table/index.d.ts +2 -0
- package/dist/Table/index.d.ts.map +1 -1
- package/dist/Table/index.js +1 -0
- package/dist/Table/plugins/columnResize/useTableColumnResize.d.ts.map +1 -1
- package/dist/Table/plugins/columnResize/useTableColumnResize.js +14 -11
- package/dist/Table/plugins/filtering/useTableFiltering.js +71 -71
- package/dist/Table/plugins/pagination/paginateData.d.ts.map +1 -1
- package/dist/Table/plugins/pagination/paginateData.js +5 -1
- package/dist/Table/plugins/pagination/useTablePagination.js +7 -7
- package/dist/Table/plugins/rowExpansion/index.d.ts +3 -0
- package/dist/Table/plugins/rowExpansion/index.d.ts.map +1 -0
- package/dist/Table/plugins/rowExpansion/index.js +3 -0
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts +90 -0
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts.map +1 -0
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.js +398 -0
- package/dist/Table/plugins/selection/useTableSelection.js +18 -18
- package/dist/Table/plugins/selection/useTableSelectionState.d.ts.map +1 -1
- package/dist/Table/plugins/selection/useTableSelectionState.js +11 -1
- package/dist/Table/plugins/sortable/useTableSortable.js +17 -17
- package/dist/Table/plugins/sortable/useTableSortableState.d.ts.map +1 -1
- package/dist/Table/plugins/sortable/useTableSortableState.js +8 -4
- package/dist/Table/tableContextMenu.d.ts +5 -1
- package/dist/Table/tableContextMenu.d.ts.map +1 -1
- package/dist/Table/tableContextMenu.js +19 -12
- package/dist/Text/Text.d.ts +1 -1
- package/dist/Text/Text.d.ts.map +1 -1
- package/dist/Text/Text.js +14 -13
- package/dist/Text/text.stylex.d.ts +35 -0
- package/dist/Text/text.stylex.d.ts.map +1 -1
- package/dist/Text/text.stylex.js +52 -1
- package/dist/TextArea/TextArea.js +14 -14
- package/dist/TextInput/TextInput.js +15 -15
- package/dist/Thumbnail/Thumbnail.d.ts +3 -2
- package/dist/Thumbnail/Thumbnail.d.ts.map +1 -1
- package/dist/Thumbnail/Thumbnail.js +30 -29
- package/dist/TimeInput/TimeInput.d.ts.map +1 -1
- package/dist/TimeInput/TimeInput.js +26 -21
- package/dist/Timestamp/Timestamp.d.ts +1 -1
- package/dist/Timestamp/Timestamp.d.ts.map +1 -1
- package/dist/Timestamp/Timestamp.js +37 -26
- package/dist/Toast/Toast.d.ts.map +1 -1
- package/dist/Toast/Toast.js +25 -17
- package/dist/Toast/ToastViewport.d.ts.map +1 -1
- package/dist/Toast/ToastViewport.js +23 -11
- package/dist/Toast/useToast.js +4 -4
- package/dist/ToggleButton/ToggleButton.js +12 -12
- package/dist/ToggleButton/ToggleButtonGroup.js +5 -5
- package/dist/Token/Token.js +21 -21
- package/dist/Tokenizer/Tokenizer.d.ts +6 -1
- package/dist/Tokenizer/Tokenizer.d.ts.map +1 -1
- package/dist/Tokenizer/Tokenizer.js +38 -29
- package/dist/Toolbar/Toolbar.js +18 -18
- package/dist/Tooltip/Tooltip.js +11 -11
- package/dist/Tooltip/useTooltip.js +3 -3
- package/dist/TopNav/TopNav.js +32 -32
- package/dist/TopNav/TopNavHeading.js +67 -67
- package/dist/TopNav/TopNavItem.js +5 -5
- package/dist/TopNav/TopNavMegaMenu.js +30 -30
- package/dist/TopNav/TopNavMegaMenuFeaturedCard.d.ts +1 -1
- package/dist/TopNav/TopNavMegaMenuFeaturedCard.d.ts.map +1 -1
- package/dist/TopNav/TopNavMegaMenuFeaturedCard.js +25 -14
- package/dist/TopNav/TopNavMegaMenuItem.js +16 -16
- package/dist/TopNav/TopNavMenu.js +32 -32
- package/dist/TreeList/TreeList.js +8 -8
- package/dist/TreeList/TreeListBranches.js +11 -11
- package/dist/TreeList/TreeListItem.js +30 -30
- package/dist/Typeahead/BaseTypeahead.d.ts.map +1 -1
- package/dist/Typeahead/BaseTypeahead.js +23 -20
- package/dist/Typeahead/Typeahead.js +12 -12
- package/dist/Typeahead/TypeaheadItem.js +10 -10
- package/dist/VStack/VStack.js +3 -3
- package/dist/astryx.css +23 -0
- package/dist/astryx.umd.js +60 -58
- package/dist/astryx.umd.js.map +4 -4
- package/dist/docs-types.d.ts +13 -1
- package/dist/docs-types.d.ts.map +1 -1
- package/dist/hooks/focusableSelector.d.ts +1 -1
- package/dist/hooks/focusableSelector.d.ts.map +1 -1
- package/dist/hooks/focusableSelector.js +1 -1
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/useFocusTrap.d.ts +3 -0
- package/dist/hooks/useFocusTrap.d.ts.map +1 -1
- package/dist/hooks/useFocusTrap.js +38 -1
- package/dist/hooks/useHotkeys.d.ts +51 -0
- package/dist/hooks/useHotkeys.d.ts.map +1 -0
- package/dist/hooks/useHotkeys.js +160 -0
- package/dist/hooks/useInteractiveRole.d.ts +6 -2
- package/dist/hooks/useInteractiveRole.d.ts.map +1 -1
- package/dist/hooks/useInteractiveRole.js +6 -2
- package/dist/hooks/useKeyboardHint.js +9 -9
- package/dist/hooks/useStreamingText.d.ts +3 -1
- package/dist/hooks/useStreamingText.d.ts.map +1 -1
- package/dist/hooks/useStreamingText.js +14 -5
- package/dist/theme/MediaTheme.js +3 -3
- package/dist/theme/Theme.js +7 -7
- package/dist/theme/defineTheme.d.ts +1 -1
- package/dist/theme/defineTheme.d.ts.map +1 -1
- package/dist/theme/expandColorScale.d.ts.map +1 -1
- package/dist/theme/expandColorScale.js +10 -3
- package/dist/theme/hct.d.ts +0 -15
- package/dist/theme/hct.d.ts.map +1 -1
- package/dist/theme/hct.js +9 -9
- package/dist/theme/syntax/SyntaxTheme.js +5 -5
- package/dist/theme/tokens.d.ts +10 -2
- package/dist/theme/tokens.d.ts.map +1 -1
- package/dist/theme/tokens.js +220 -4
- package/dist/utils/color.d.ts +42 -0
- package/dist/utils/color.d.ts.map +1 -0
- package/dist/utils/color.js +150 -0
- package/dist/utils/composeEventHandlers.d.ts +30 -0
- package/dist/utils/composeEventHandlers.d.ts.map +1 -0
- package/dist/utils/composeEventHandlers.js +40 -0
- package/dist/utils/index.d.ts +3 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +3 -1
- package/dist/utils/timeParser.d.ts.map +1 -1
- package/dist/utils/timeParser.js +8 -5
- package/package.json +3 -3
- package/src/AlertDialog/AlertDialog.tsx +2 -0
- package/src/AppShell/AppShell.tsx +2 -0
- package/src/AspectRatio/AspectRatio.doc.mjs +1 -1
- package/src/Avatar/Avatar.doc.mjs +13 -2
- package/src/Avatar/Avatar.test.tsx +32 -1
- package/src/Avatar/Avatar.tsx +12 -20
- package/src/Banner/Banner.doc.mjs +8 -0
- package/src/Banner/Banner.test.tsx +38 -0
- package/src/Banner/Banner.tsx +8 -1
- package/src/Button/Button.tsx +39 -6
- package/src/ButtonGroup/ButtonGroup.doc.mjs +1 -1
- package/src/Calendar/Calendar.doc.mjs +1 -1
- package/src/Calendar/Calendar.test.tsx +201 -17
- package/src/Calendar/Calendar.tsx +79 -26
- package/src/Calendar/dayCellUtils.test.ts +306 -1
- package/src/Calendar/dayCellUtils.ts +206 -13
- package/src/Calendar/styles.ts +12 -2
- package/src/Card/Card.doc.mjs +1 -1
- package/src/Card/Card.tsx +16 -6
- package/src/Carousel/Carousel.doc.mjs +12 -12
- package/src/Carousel/Carousel.test.tsx +13 -0
- package/src/Carousel/Carousel.tsx +1 -0
- package/src/Chat/Chat.doc.mjs +1 -1
- package/src/Chat/ChatComposerInput.test.tsx +24 -0
- package/src/Chat/ChatComposerInput.tsx +17 -1
- package/src/Chat/ChatDictationButton.test.tsx +43 -0
- package/src/Chat/ChatDictationButton.tsx +4 -4
- package/src/Chat/ChatLayoutScrollButton.test.tsx +33 -0
- package/src/Chat/ChatLayoutScrollButton.tsx +3 -1
- package/src/Chat/ChatMessageMetadata.test.tsx +32 -0
- package/src/Chat/ChatMessageMetadata.tsx +4 -6
- package/src/Chat/ChatSystemMessage.test.tsx +26 -11
- package/src/Chat/ChatSystemMessage.tsx +7 -7
- package/src/Chat/ChatTokenizedText.test.tsx +29 -16
- package/src/Chat/ChatTokenizedText.tsx +15 -8
- package/src/Chat/ChatToolCalls.test.tsx +55 -0
- package/src/Chat/ChatToolCalls.tsx +10 -12
- package/src/Chat/index.ts +1 -4
- package/src/Chat/useChatNewMessages.test.tsx +4 -4
- package/src/CheckboxInput/CheckboxInput.doc.mjs +12 -4
- package/src/CheckboxInput/CheckboxInput.test.tsx +103 -0
- package/src/CheckboxInput/CheckboxInput.tsx +13 -0
- package/src/CheckboxList/CheckboxList.doc.mjs +1 -1
- package/src/CheckboxList/CheckboxList.test.tsx +19 -0
- package/src/CheckboxList/CheckboxListItem.tsx +11 -2
- package/src/Citation/Citation.doc.mjs +5 -0
- package/src/ClickableCard/ClickableCard.tsx +45 -2
- package/src/Code/Code.test.tsx +54 -0
- package/src/Code/Code.tsx +48 -4
- package/src/Code/index.ts +1 -1
- package/src/CodeBlock/CodeBlock.doc.mjs +7 -2
- package/src/CodeBlock/CodeBlock.test.tsx +122 -3
- package/src/CodeBlock/CodeBlock.tsx +62 -4
- package/src/CodeBlock/index.ts +1 -1
- package/src/Collapsible/Collapsible.doc.mjs +8 -4
- package/src/Collapsible/Collapsible.test.tsx +405 -0
- package/src/Collapsible/Collapsible.tsx +86 -10
- package/src/Collapsible/CollapsibleGroup.doc.mjs +27 -3
- package/src/Collapsible/CollapsibleGroup.test.tsx +318 -0
- package/src/Collapsible/CollapsibleGroup.tsx +107 -9
- package/src/Collapsible/CollapsibleGroupContext.tsx +42 -2
- package/src/Collapsible/index.ts +4 -0
- package/src/Collapsible/useCollapsible.ts +20 -6
- package/src/CommandPalette/CommandPalette.tsx +5 -3
- package/src/CommandPalette/CommandPaletteEmpty.doc.mjs +5 -0
- package/src/CommandPalette/CommandPaletteEmpty.tsx +15 -1
- package/src/CommandPalette/CommandPaletteGroup.doc.mjs +10 -0
- package/src/CommandPalette/CommandPaletteInput.doc.mjs +6 -0
- package/src/CommandPalette/CommandPaletteItem.doc.mjs +6 -0
- package/src/CommandPalette/CommandPaletteList.doc.mjs +9 -0
- package/src/ContextMenu/ContextMenu.doc.mjs +15 -0
- package/src/ContextMenu/ContextMenu.test.tsx +15 -0
- package/src/ContextMenu/ContextMenu.tsx +19 -1
- package/src/ContextMenu/ContextMenuItem.doc.mjs +6 -0
- package/src/DateInput/DateInput.doc.mjs +6 -1
- package/src/DateInput/DateInput.test.tsx +11 -20
- package/src/DateRangeInput/DateRangeInput.doc.mjs +1 -1
- package/src/DateRangeInput/DateRangeInput.test.tsx +31 -44
- package/src/DateRangeInput/DateRangeInput.tsx +2 -2
- package/src/DateTimeInput/DateTimeInput.doc.mjs +4 -3
- package/src/DateTimeInput/DateTimeInput.test.tsx +118 -16
- package/src/DateTimeInput/DateTimeInput.tsx +9 -8
- package/src/DateTimeInput/index.ts +1 -0
- package/src/Dialog/DialogHeader.doc.mjs +45 -0
- package/src/Divider/Divider.tsx +1 -23
- package/src/DropdownMenu/DropdownMenu.doc.mjs +1 -1
- package/src/DropdownMenu/DropdownMenu.test.tsx +5 -3
- package/src/DropdownMenu/DropdownMenuItem.tsx +5 -17
- package/src/EmptyState/EmptyState.doc.mjs +1 -1
- package/src/Field/Field.doc.mjs +1 -1
- package/src/Field/FieldLabel.test.tsx +2 -2
- package/src/FieldStatus/FieldStatus.test.tsx +282 -0
- package/src/FileInput/FileInput.doc.mjs +1 -1
- package/src/FormLayout/__snapshots__/FormLayout.test.tsx.snap +0 -3
- package/src/Grid/Grid.doc.mjs +3 -3
- package/src/Grid/Grid.test.tsx +43 -18
- package/src/Grid/Grid.tsx +26 -9
- package/src/Icon/Icon.test.tsx +41 -29
- package/src/Icon/Icon.tsx +6 -2
- package/src/InputGroup/InputGroup.tsx +2 -2
- package/src/InteractiveRoleContext/InteractiveRoleContext.test.tsx +185 -0
- package/src/Item/Item.tsx +1 -1
- package/src/Layout/Layout.test.tsx +285 -0
- package/src/Layout/LayoutContent.doc.mjs +12 -0
- package/src/Layout/LayoutPanel.doc.mjs +40 -0
- package/src/Layout/LayoutSlots.test.tsx +364 -0
- package/src/Layout/__tests__/edgeCompensation.test.tsx +72 -0
- package/src/Lightbox/Lightbox.doc.mjs +5 -0
- package/src/Lightbox/Lightbox.test.tsx +123 -2
- package/src/Lightbox/Lightbox.tsx +29 -1
- package/src/Markdown/Markdown.test.tsx +23 -0
- package/src/Markdown/Markdown.tsx +9 -7
- package/src/Markdown/incremental.test.ts +36 -0
- package/src/Markdown/parser.perf.test.ts +34 -12
- package/src/Markdown/parser.test.ts +210 -0
- package/src/Markdown/parser.ts +301 -6
- package/src/MobileNav/MobileNav.doc.mjs +20 -0
- package/src/MultiSelector/MultiSelector.doc.mjs +14 -1
- package/src/MultiSelector/MultiSelector.test.tsx +33 -0
- package/src/MultiSelector/MultiSelector.tsx +20 -0
- package/src/NavMenu/NavMenu.doc.mjs +15 -0
- package/src/NumberInput/NumberInput.test.tsx +48 -3
- package/src/NumberInput/NumberInput.tsx +32 -15
- package/src/Outline/parseOutlineFromMarkdown.test.ts +80 -0
- package/src/OverflowList/OverflowList.test.tsx +416 -0
- package/src/Overlay/Overlay.doc.mjs +6 -0
- package/src/Overlay/Overlay.test.tsx +356 -0
- package/src/Pagination/Pagination.test.tsx +162 -0
- package/src/Pagination/Pagination.tsx +80 -26
- package/src/Popover/Popover.test.tsx +65 -0
- package/src/PowerSearch/PowerSearch.doc.mjs +4 -4
- package/src/PowerSearch/PowerSearch.test.tsx +109 -1
- package/src/PowerSearch/PowerSearch.tsx +37 -16
- package/src/ProgressBar/ProgressBar.test.tsx +30 -0
- package/src/ProgressBar/ProgressBar.tsx +12 -5
- package/src/RadioList/RadioList.doc.mjs +7 -1
- package/src/RadioList/RadioList.test.tsx +65 -0
- package/src/RadioList/RadioList.tsx +10 -1
- package/src/RadioList/RadioListItem.tsx +13 -4
- package/src/Resizable/ResizeHandle.test.tsx +218 -0
- package/src/Resizable/ResizeHandle.tsx +22 -4
- package/src/Section/Section.test.tsx +4 -10
- package/src/SegmentedControl/SegmentedControl.doc.mjs +2 -2
- package/src/SegmentedControl/SegmentedControl.test.tsx +192 -0
- package/src/SegmentedControl/SegmentedControl.tsx +27 -5
- package/src/SegmentedControl/SegmentedControlItem.tsx +9 -4
- package/src/SelectableCard/SelectableCard.doc.mjs +1 -1
- package/src/Selector/Selector.doc.mjs +12 -1
- package/src/Selector/Selector.test.tsx +30 -0
- package/src/Selector/Selector.tsx +18 -0
- package/src/SideNav/SideNav.doc.mjs +7 -1
- package/src/SideNav/SideNav.test.tsx +66 -0
- package/src/SideNav/SideNav.tsx +6 -2
- package/src/SideNav/SideNavCollapseButton.tsx +4 -3
- package/src/SideNav/SideNavSection.tsx +6 -4
- package/src/SizeContext/SizeContext.test.tsx +226 -0
- package/src/Slider/Slider.doc.mjs +14 -2
- package/src/Slider/Slider.test.tsx +30 -0
- package/src/Slider/Slider.tsx +20 -0
- package/src/Spinner/Spinner.tsx +1 -0
- package/src/Switch/Switch.doc.mjs +21 -9
- package/src/Switch/Switch.test.tsx +137 -0
- package/src/Switch/Switch.tsx +32 -7
- package/src/TabList/TabList.doc.mjs +3 -3
- package/src/TabList/TabList.test.tsx +185 -1
- package/src/TabList/TabMenu.tsx +45 -9
- package/src/Table/BaseTable.tsx +16 -3
- package/src/Table/Table.test.tsx +87 -0
- package/src/Table/TableBody.tsx +15 -2
- package/src/Table/TableCell.tsx +87 -8
- package/src/Table/TableFooter.tsx +15 -2
- package/src/Table/TableHeader.tsx +15 -2
- package/src/Table/index.ts +5 -0
- package/src/Table/plugins/columnResize/useTableColumnResize.test.tsx +13 -0
- package/src/Table/plugins/columnResize/useTableColumnResize.tsx +3 -1
- package/src/Table/plugins/pagination/paginateData.ts +5 -1
- package/src/Table/plugins/pagination/useTablePagination.test.tsx +13 -0
- package/src/Table/plugins/rowExpansion/index.ts +7 -0
- package/src/Table/plugins/rowExpansion/useTableRowExpansion.test.tsx +155 -0
- package/src/Table/plugins/rowExpansion/useTableRowExpansion.tsx +590 -0
- package/src/Table/plugins/selection/useTableSelectionState.test.tsx +23 -0
- package/src/Table/plugins/selection/useTableSelectionState.tsx +11 -6
- package/src/Table/plugins/sortable/useTableSortableState.test.tsx +35 -1
- package/src/Table/plugins/sortable/useTableSortableState.tsx +8 -4
- package/src/Table/tableContextMenu.test.tsx +27 -3
- package/src/Table/tableContextMenu.tsx +20 -2
- package/src/Table/useTablePagination.doc.mjs +4 -1
- package/src/Table/useTableRowExpansion.doc.mjs +80 -0
- package/src/Table/useTableSortable.doc.mjs +4 -1
- package/src/Text/Text.doc.mjs +2 -2
- package/src/Text/Text.test.tsx +11 -0
- package/src/Text/Text.tsx +4 -2
- package/src/Text/text.stylex.ts +41 -0
- package/src/TextArea/TextArea.doc.mjs +1 -1
- package/src/TextArea/TextArea.test.tsx +3 -3
- package/src/TextInput/TextInput.doc.mjs +1 -1
- package/src/TextInput/TextInput.test.tsx +3 -3
- package/src/Thumbnail/Thumbnail.test.tsx +36 -2
- package/src/Thumbnail/Thumbnail.tsx +4 -2
- package/src/TimeInput/TimeInput.doc.mjs +11 -6
- package/src/TimeInput/TimeInput.test.tsx +37 -0
- package/src/TimeInput/TimeInput.tsx +11 -1
- package/src/Timestamp/Timestamp.doc.mjs +1 -1
- package/src/Timestamp/Timestamp.test.tsx +52 -0
- package/src/Timestamp/Timestamp.tsx +30 -16
- package/src/Toast/Toast.tsx +11 -3
- package/src/Toast/ToastViewport.test.tsx +64 -0
- package/src/Toast/ToastViewport.tsx +12 -0
- package/src/ToggleButton/ToggleButton.doc.mjs +1 -0
- package/src/Tokenizer/Tokenizer.doc.mjs +16 -4
- package/src/Tokenizer/Tokenizer.test.tsx +33 -0
- package/src/Tokenizer/Tokenizer.tsx +19 -0
- package/src/Toolbar/Toolbar.test.tsx +1 -1
- package/src/TopNav/TopNav.doc.mjs +1 -1
- package/src/TopNav/TopNav.test.tsx +18 -0
- package/src/TopNav/TopNavMegaMenuFeaturedCard.tsx +9 -2
- package/src/TreeList/TreeList.doc.mjs +2 -2
- package/src/Typeahead/BaseTypeahead.doc.mjs +19 -0
- package/src/Typeahead/BaseTypeahead.tsx +5 -2
- package/src/Typeahead/Typeahead.doc.mjs +7 -2
- package/src/Typeahead/Typeahead.test.tsx +45 -1
- package/src/__tests__/TestIcon.tsx +26 -0
- package/src/__tests__/fastRoleQueries.ts +66 -0
- package/src/docPropReferences.test.ts +178 -0
- package/src/docs-types.ts +14 -0
- package/src/hooks/focusableSelector.ts +1 -1
- package/src/hooks/index.ts +3 -0
- package/src/hooks/useFocusTrap.doc.mjs +4 -2
- package/src/hooks/useFocusTrap.test.tsx +149 -1
- package/src/hooks/useFocusTrap.ts +50 -1
- package/src/hooks/useHotkeys.doc.mjs +52 -0
- package/src/hooks/useHotkeys.test.ts +245 -0
- package/src/hooks/useHotkeys.ts +203 -0
- package/src/hooks/useInteractiveRole.ts +12 -4
- package/src/hooks/useKeyboardHint.doc.mjs +6 -6
- package/src/hooks/useStreamingText.test.ts +54 -19
- package/src/hooks/useStreamingText.ts +16 -5
- package/src/theme/SyntaxTheme.doc.mjs +4 -4
- package/src/theme/defineTheme.ts +4 -13
- package/src/theme/derivedVarRegistry.test.ts +2 -2
- package/src/theme/expandColorScale.test.ts +29 -0
- package/src/theme/expandColorScale.ts +11 -6
- package/src/theme/hct.ts +9 -17
- package/src/theme/tokens.test.ts +182 -9
- package/src/theme/tokens.ts +239 -4
- package/src/theme/useTheme.test.tsx +20 -0
- package/src/utils/color.test.ts +133 -0
- package/src/utils/color.ts +148 -0
- package/src/utils/composeEventHandlers.test.ts +71 -0
- package/src/utils/composeEventHandlers.ts +44 -0
- package/src/utils/index.ts +4 -0
- package/src/utils/mergeProps.test.ts +166 -0
- package/src/utils/sharedResizeObserver.test.ts +2 -2
- package/src/utils/timeParser.test.ts +13 -0
- package/src/utils/timeParser.ts +8 -5
|
@@ -23,7 +23,7 @@ import * as stylex from '@stylexjs/stylex';
|
|
|
23
23
|
import { mergeProps } from "../utils/index.js";
|
|
24
24
|
import { AvatarGroupContext } from "./AvatarGroupContext.js";
|
|
25
25
|
import { themeProps } from "../utils/themeProps.js";
|
|
26
|
-
import {
|
|
26
|
+
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
|
|
27
27
|
const OVERLAP_RATIO = 0.25;
|
|
28
28
|
const styles = {
|
|
29
29
|
root: {
|
|
@@ -69,9 +69,9 @@ export function AvatarGroup({
|
|
|
69
69
|
overlap,
|
|
70
70
|
numericSize
|
|
71
71
|
}), [size, overlap, numericSize]);
|
|
72
|
-
return /*#__PURE__*/
|
|
72
|
+
return /*#__PURE__*/_jsxDEV(AvatarGroupContext, {
|
|
73
73
|
value: contextValue,
|
|
74
|
-
children: /*#__PURE__*/
|
|
74
|
+
children: /*#__PURE__*/_jsxDEV("div", {
|
|
75
75
|
ref: ref,
|
|
76
76
|
role: "group",
|
|
77
77
|
"aria-label": ariaLabel,
|
|
@@ -81,7 +81,7 @@ export function AvatarGroup({
|
|
|
81
81
|
}), stylex.props(styles.root, xstyle), className, style),
|
|
82
82
|
...props,
|
|
83
83
|
children: children
|
|
84
|
-
})
|
|
85
|
-
});
|
|
84
|
+
}, void 0, false)
|
|
85
|
+
}, void 0, false);
|
|
86
86
|
}
|
|
87
87
|
AvatarGroup.displayName = 'AvatarGroup';
|
|
@@ -19,7 +19,7 @@ import { colorVars, typographyVars, fontWeightVars, radiusVars } from "../theme/
|
|
|
19
19
|
import { mergeProps } from "../utils/index.js";
|
|
20
20
|
import { useAvatarGroup } from "./AvatarGroupContext.js";
|
|
21
21
|
import { themeProps } from "../utils/themeProps.js";
|
|
22
|
-
import {
|
|
22
|
+
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
|
|
23
23
|
const BORDER_WIDTH = 2;
|
|
24
24
|
const OVERFLOW_FONT_RATIO = 0.35;
|
|
25
25
|
const styles = {
|
|
@@ -109,7 +109,7 @@ export function AvatarGroupOverflow({
|
|
|
109
109
|
const label = `${count} more`;
|
|
110
110
|
const content = children ?? `+${count}`;
|
|
111
111
|
if (onClick) {
|
|
112
|
-
return /*#__PURE__*/
|
|
112
|
+
return /*#__PURE__*/_jsxDEV("button", {
|
|
113
113
|
ref: ref,
|
|
114
114
|
type: "button",
|
|
115
115
|
onClick: onClick,
|
|
@@ -117,14 +117,14 @@ export function AvatarGroupOverflow({
|
|
|
117
117
|
...rest,
|
|
118
118
|
...mergeProps(themeProps('avatar-group-overflow'), stylex.props(styles.base, styles.button, styles.overlap, dynamicStyles.size(numericSize), dynamicStyles.fontSize(numericSize), dynamicStyles.overlap(-overlap), xstyle), className, style),
|
|
119
119
|
children: content
|
|
120
|
-
});
|
|
120
|
+
}, void 0, false);
|
|
121
121
|
}
|
|
122
|
-
return /*#__PURE__*/
|
|
122
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
123
123
|
ref: ref,
|
|
124
124
|
"aria-label": label,
|
|
125
125
|
...rest,
|
|
126
126
|
...mergeProps(themeProps('avatar-group-overflow'), stylex.props(styles.base, styles.overlap, dynamicStyles.size(numericSize), dynamicStyles.fontSize(numericSize), dynamicStyles.overlap(-overlap), xstyle), className, style),
|
|
127
127
|
children: content
|
|
128
|
-
});
|
|
128
|
+
}, void 0, false);
|
|
129
129
|
}
|
|
130
130
|
AvatarGroupOverflow.displayName = 'AvatarGroupOverflow';
|
package/dist/Badge/Badge.js
CHANGED
|
@@ -24,7 +24,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
24
24
|
/**
|
|
25
25
|
* Base badge styles
|
|
26
26
|
*/
|
|
27
|
-
import {
|
|
27
|
+
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
|
|
28
28
|
const styles = {
|
|
29
29
|
base: {
|
|
30
30
|
k1xSpc: "x3nfvp2",
|
|
@@ -164,13 +164,13 @@ export function Badge({
|
|
|
164
164
|
ref,
|
|
165
165
|
...props
|
|
166
166
|
}) {
|
|
167
|
-
return /*#__PURE__*/
|
|
167
|
+
return /*#__PURE__*/_jsxDEV("span", {
|
|
168
168
|
ref: ref,
|
|
169
169
|
...mergeProps(themeProps('badge', {
|
|
170
170
|
variant
|
|
171
171
|
}), stylex.props(styles.base, variants[variant], xstyle), className, style),
|
|
172
172
|
...props,
|
|
173
173
|
children: [icon, label]
|
|
174
|
-
});
|
|
174
|
+
}, void 0, true);
|
|
175
175
|
}
|
|
176
176
|
Badge.displayName = 'Badge';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAsB5C;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,IAAI,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC;AAEjD;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;CACf;AAED;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA2JD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,KAAK,EACL,WAAW,EACX,IAAI,EACJ,aAAqB,EACrB,SAAS,EACT,UAAU,EACV,SAAkB,EAClB,iBAAyB,EACzB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,sCAiIb;yBAjJe,MAAM"}
|
package/dist/Banner/Banner.js
CHANGED
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
* - /apps/storybook/stories/Banner.stories.tsx (storybook stories)
|
|
31
31
|
* - /packages/cli/templates/blocks/components/Banner/ (showcase blocks)
|
|
32
32
|
*/
|
|
33
|
-
import { useState } from 'react';
|
|
33
|
+
import { useId, useState } from 'react';
|
|
34
34
|
import * as stylex from '@stylexjs/stylex';
|
|
35
35
|
import { Button } from "../Button/index.js";
|
|
36
36
|
import { Icon } from "../Icon/index.js";
|
|
@@ -84,7 +84,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
84
84
|
*
|
|
85
85
|
* Extensible via module augmentation of BannerContainerMap.
|
|
86
86
|
*/
|
|
87
|
-
import {
|
|
87
|
+
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
|
|
88
88
|
// =============================================================================
|
|
89
89
|
// Status → Icon mapping
|
|
90
90
|
// =============================================================================
|
|
@@ -249,6 +249,11 @@ export function Banner({
|
|
|
249
249
|
}) {
|
|
250
250
|
const [isDismissed, setIsDismissed] = useState(false);
|
|
251
251
|
const [isExpanded, setIsExpanded] = useState(defaultIsExpanded);
|
|
252
|
+
// Links the expand/collapse toggle to the content region it shows/hides so
|
|
253
|
+
// assistive tech can move from the button to its controlled content
|
|
254
|
+
// (disclosure pattern). The region is conditionally rendered, so aria-controls
|
|
255
|
+
// below is set only while it's mounted to avoid a dangling reference.
|
|
256
|
+
const contentId = useId();
|
|
252
257
|
const defaultIconName = defaultIconNames[status];
|
|
253
258
|
const role = statusRole[status];
|
|
254
259
|
const iconColor = statusIconColor[status];
|
|
@@ -272,51 +277,51 @@ export function Banner({
|
|
|
272
277
|
const isSingleLine = description == null && hasActions;
|
|
273
278
|
const showContent = hasChildren && isExpanded;
|
|
274
279
|
const isCard = container === 'card';
|
|
275
|
-
return /*#__PURE__*/
|
|
280
|
+
return /*#__PURE__*/_jsxDEV("div", {
|
|
276
281
|
ref: ref,
|
|
277
282
|
role: role,
|
|
278
283
|
...mergeProps(stylex.props(styles.root, xstyle), className, style),
|
|
279
284
|
...rest,
|
|
280
|
-
children: [/*#__PURE__*/
|
|
285
|
+
children: [/*#__PURE__*/_jsxDEV("div", {
|
|
281
286
|
...mergeProps(themeProps('banner', {
|
|
282
287
|
container,
|
|
283
288
|
status
|
|
284
289
|
}), stylex.props(styles.header, isSingleLine && styles.headerCentered, statusStyles[status], isCard && (showContent ? styles.headerCardWithContent : styles.headerCardStandalone))),
|
|
285
|
-
children: [/*#__PURE__*/
|
|
290
|
+
children: [/*#__PURE__*/_jsxDEV("div", {
|
|
286
291
|
...mergeProps(themeProps('banner-icon', {
|
|
287
292
|
status
|
|
288
293
|
}), {
|
|
289
294
|
className: "x78zum5 x6s0dn4 x2lah0s"
|
|
290
295
|
}),
|
|
291
296
|
"aria-hidden": "true",
|
|
292
|
-
children: icon != null ? icon : /*#__PURE__*/
|
|
297
|
+
children: icon != null ? icon : /*#__PURE__*/_jsxDEV(Icon, {
|
|
293
298
|
icon: defaultIconName,
|
|
294
299
|
size: "md",
|
|
295
300
|
color: iconColor
|
|
296
|
-
})
|
|
297
|
-
}), /*#__PURE__*/
|
|
301
|
+
}, void 0, false)
|
|
302
|
+
}, void 0, false), /*#__PURE__*/_jsxDEV("div", {
|
|
298
303
|
...{
|
|
299
304
|
className: "x78zum5 xdt5ytf xxhr3t x98rzlu xeuugli"
|
|
300
305
|
},
|
|
301
|
-
children: [/*#__PURE__*/
|
|
306
|
+
children: [/*#__PURE__*/_jsxDEV("div", {
|
|
302
307
|
...{
|
|
303
308
|
className: "x1ghz6dp xjb2p0i xcr08ib x2mo6ok x1kq96og x1tgivj0"
|
|
304
309
|
},
|
|
305
310
|
children: title
|
|
306
|
-
}), description != null && /*#__PURE__*/
|
|
311
|
+
}, void 0, false), description != null && /*#__PURE__*/_jsxDEV("div", {
|
|
307
312
|
...{
|
|
308
313
|
className: "x1ghz6dp xjb2p0i x141an7d x1sodnla x1ltkj2j xv1l7n4"
|
|
309
314
|
},
|
|
310
315
|
children: description
|
|
311
|
-
})]
|
|
312
|
-
}), showEndArea && /*#__PURE__*/
|
|
316
|
+
}, void 0, false)]
|
|
317
|
+
}, void 0, true), showEndArea && /*#__PURE__*/_jsxDEV("div", {
|
|
313
318
|
...stylex.props(styles.endArea, edgeCompSlot.inset(spacingVars['--spacing-2'])),
|
|
314
|
-
children: [endContent, hasChildren && /*#__PURE__*/
|
|
319
|
+
children: [endContent, hasChildren && /*#__PURE__*/_jsxDEV(Button, {
|
|
315
320
|
variant: "ghost",
|
|
316
321
|
size: "sm",
|
|
317
322
|
label: isExpanded ? 'Collapse' : 'Expand',
|
|
318
323
|
tooltip: isExpanded ? 'Collapse' : 'Expand',
|
|
319
|
-
icon: /*#__PURE__*/
|
|
324
|
+
icon: /*#__PURE__*/_jsxDEV("span", {
|
|
320
325
|
...{
|
|
321
326
|
0: {
|
|
322
327
|
className: "x3nfvp2 x11xpdln xuedmi6 xlr8y92"
|
|
@@ -325,30 +330,32 @@ export function Banner({
|
|
|
325
330
|
className: "x3nfvp2 x11xpdln xuedmi6 xlr8y92 x19jd1h0"
|
|
326
331
|
}
|
|
327
332
|
}[!!isExpanded << 0],
|
|
328
|
-
children: /*#__PURE__*/
|
|
333
|
+
children: /*#__PURE__*/_jsxDEV(Icon, {
|
|
329
334
|
icon: "chevronDown",
|
|
330
335
|
size: "sm",
|
|
331
336
|
color: "inherit"
|
|
332
|
-
})
|
|
333
|
-
}),
|
|
337
|
+
}, void 0, false)
|
|
338
|
+
}, void 0, false),
|
|
334
339
|
onClick: handleToggleExpand,
|
|
335
340
|
"aria-expanded": isExpanded,
|
|
341
|
+
"aria-controls": showContent ? contentId : undefined,
|
|
336
342
|
isIconOnly: true
|
|
337
|
-
}), isDismissable && /*#__PURE__*/
|
|
343
|
+
}, void 0, false), isDismissable && /*#__PURE__*/_jsxDEV(Button, {
|
|
338
344
|
variant: "ghost",
|
|
339
345
|
size: "sm",
|
|
340
346
|
label: "Dismiss",
|
|
341
347
|
tooltip: "Dismiss",
|
|
342
|
-
icon: /*#__PURE__*/
|
|
348
|
+
icon: /*#__PURE__*/_jsxDEV(Icon, {
|
|
343
349
|
icon: "close",
|
|
344
350
|
size: "sm",
|
|
345
351
|
color: "inherit"
|
|
346
|
-
}),
|
|
352
|
+
}, void 0, false),
|
|
347
353
|
onClick: handleDismiss,
|
|
348
354
|
isIconOnly: true
|
|
349
|
-
})]
|
|
350
|
-
})]
|
|
351
|
-
}), showContent && /*#__PURE__*/
|
|
355
|
+
}, void 0, false)]
|
|
356
|
+
}, void 0, true)]
|
|
357
|
+
}, void 0, true), showContent && /*#__PURE__*/_jsxDEV("div", {
|
|
358
|
+
id: contentId,
|
|
352
359
|
...mergeProps(themeProps('banner-content', {
|
|
353
360
|
container,
|
|
354
361
|
status
|
|
@@ -361,7 +368,7 @@ export function Banner({
|
|
|
361
368
|
}
|
|
362
369
|
}[!!isCard << 0]),
|
|
363
370
|
children: children
|
|
364
|
-
})]
|
|
365
|
-
});
|
|
371
|
+
}, void 0, false)]
|
|
372
|
+
}, void 0, true);
|
|
366
373
|
}
|
|
367
374
|
Banner.displayName = 'Banner';
|
|
@@ -19,7 +19,7 @@ import "../theme/tokens.stylex.js";
|
|
|
19
19
|
import { colorVars, spacingVars, typeScaleVars } from "../theme/tokens.stylex.js";
|
|
20
20
|
import { mergeProps } from "../utils/index.js";
|
|
21
21
|
import { themeProps } from "../utils/themeProps.js";
|
|
22
|
-
import {
|
|
22
|
+
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
|
|
23
23
|
const styles = {
|
|
24
24
|
root: {
|
|
25
25
|
k2ei4v: "xtpqe59",
|
|
@@ -55,18 +55,18 @@ export function Blockquote({
|
|
|
55
55
|
ref,
|
|
56
56
|
...props
|
|
57
57
|
}) {
|
|
58
|
-
return /*#__PURE__*/
|
|
58
|
+
return /*#__PURE__*/_jsxDEV("blockquote", {
|
|
59
59
|
ref: ref,
|
|
60
60
|
...mergeProps(themeProps('blockquote'), stylex.props(styles.root, xstyle), className, style),
|
|
61
61
|
...props,
|
|
62
|
-
children: [children, cite != null && /*#__PURE__*/
|
|
63
|
-
children: /*#__PURE__*/
|
|
62
|
+
children: [children, cite != null && /*#__PURE__*/_jsxDEV("footer", {
|
|
63
|
+
children: /*#__PURE__*/_jsxDEV("cite", {
|
|
64
64
|
...{
|
|
65
65
|
className: "x1lliihq xtbrsbv x141an7d x1ltkj2j x1j61x8r"
|
|
66
66
|
},
|
|
67
67
|
children: cite
|
|
68
|
-
})
|
|
69
|
-
})]
|
|
70
|
-
});
|
|
68
|
+
}, void 0, false)
|
|
69
|
+
}, void 0, false)]
|
|
70
|
+
}, void 0, true);
|
|
71
71
|
}
|
|
72
72
|
Blockquote.displayName = 'Blockquote';
|
|
@@ -27,7 +27,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
27
27
|
// =============================================================================
|
|
28
28
|
// Props
|
|
29
29
|
// =============================================================================
|
|
30
|
-
import {
|
|
30
|
+
import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
|
|
31
31
|
// =============================================================================
|
|
32
32
|
// Styles
|
|
33
33
|
// =============================================================================
|
|
@@ -132,27 +132,27 @@ export function BreadcrumbItem({
|
|
|
132
132
|
};
|
|
133
133
|
}
|
|
134
134
|
});
|
|
135
|
-
const content = /*#__PURE__*/
|
|
136
|
-
children: [startIcon && /*#__PURE__*/
|
|
135
|
+
const content = /*#__PURE__*/_jsxDEV(_Fragment, {
|
|
136
|
+
children: [startIcon && /*#__PURE__*/_jsxDEV("span", {
|
|
137
137
|
...{
|
|
138
138
|
className: "x78zum5 x6s0dn4 x2lah0s"
|
|
139
139
|
},
|
|
140
140
|
children: startIcon
|
|
141
|
-
}), children]
|
|
142
|
-
});
|
|
141
|
+
}, void 0, false), children]
|
|
142
|
+
}, void 0, true);
|
|
143
143
|
if (isCurrent) {
|
|
144
|
-
return /*#__PURE__*/
|
|
144
|
+
return /*#__PURE__*/_jsxDEV("li", {
|
|
145
145
|
ref: mergeRefs(ref, liRef),
|
|
146
146
|
...mergeProps(themeProps('breadcrumb-item'), stylex.props(itemStyles.root, isSupporting ? itemStyles.supportingSize : itemStyles.defaultSize, xstyle), className, style),
|
|
147
147
|
"data-testid": testId,
|
|
148
148
|
...rest,
|
|
149
|
-
children: [/*#__PURE__*/
|
|
149
|
+
children: [/*#__PURE__*/_jsxDEV("span", {
|
|
150
150
|
"aria-hidden": "true",
|
|
151
151
|
...{
|
|
152
152
|
className: "x11ke7fs x6s0dn4 xv1l7n4 xu0wf1k x87ps6o"
|
|
153
153
|
},
|
|
154
154
|
children: ctx.separator
|
|
155
|
-
}), /*#__PURE__*/
|
|
155
|
+
}, void 0, false), /*#__PURE__*/_jsxDEV("span", {
|
|
156
156
|
...{
|
|
157
157
|
0: {
|
|
158
158
|
className: "x78zum5 x6s0dn4 xzye2dw x1pd3egz x1tgivj0"
|
|
@@ -163,24 +163,24 @@ export function BreadcrumbItem({
|
|
|
163
163
|
}[!!isSupporting << 0],
|
|
164
164
|
"aria-current": "page",
|
|
165
165
|
children: content
|
|
166
|
-
})]
|
|
167
|
-
});
|
|
166
|
+
}, void 0, false)]
|
|
167
|
+
}, void 0, true);
|
|
168
168
|
}
|
|
169
169
|
|
|
170
170
|
// Items without isCurrent set render as links (if href) or plain spans.
|
|
171
171
|
// The effect handles adding aria-current for auto-last detection.
|
|
172
|
-
return /*#__PURE__*/
|
|
172
|
+
return /*#__PURE__*/_jsxDEV("li", {
|
|
173
173
|
ref: mergeRefs(ref, liRef),
|
|
174
174
|
...mergeProps(themeProps('breadcrumb-item'), stylex.props(itemStyles.root, isSupporting ? itemStyles.supportingSize : itemStyles.defaultSize, xstyle), className, style),
|
|
175
175
|
"data-testid": testId,
|
|
176
176
|
...rest,
|
|
177
|
-
children: [/*#__PURE__*/
|
|
177
|
+
children: [/*#__PURE__*/_jsxDEV("span", {
|
|
178
178
|
"aria-hidden": "true",
|
|
179
179
|
...{
|
|
180
180
|
className: "x11ke7fs x6s0dn4 xv1l7n4 xu0wf1k x87ps6o"
|
|
181
181
|
},
|
|
182
182
|
children: ctx.separator
|
|
183
|
-
}), href != null ? /*#__PURE__*/
|
|
183
|
+
}, void 0, false), href != null ? /*#__PURE__*/_jsxDEV(LinkComponent, {
|
|
184
184
|
ref: contentRef,
|
|
185
185
|
href: href,
|
|
186
186
|
onClick: onClick,
|
|
@@ -193,7 +193,7 @@ export function BreadcrumbItem({
|
|
|
193
193
|
}
|
|
194
194
|
}[!!isSupporting << 0],
|
|
195
195
|
children: content
|
|
196
|
-
}) : onClick != null ? /*#__PURE__*/
|
|
196
|
+
}, void 0, false) : onClick != null ? /*#__PURE__*/_jsxDEV("button", {
|
|
197
197
|
ref: contentRef,
|
|
198
198
|
type: "button",
|
|
199
199
|
onClick: onClick,
|
|
@@ -206,7 +206,7 @@ export function BreadcrumbItem({
|
|
|
206
206
|
}
|
|
207
207
|
}[!!isSupporting << 0],
|
|
208
208
|
children: content
|
|
209
|
-
}) : /*#__PURE__*/
|
|
209
|
+
}, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
|
|
210
210
|
ref: contentRef,
|
|
211
211
|
...{
|
|
212
212
|
0: {
|
|
@@ -217,7 +217,7 @@ export function BreadcrumbItem({
|
|
|
217
217
|
}
|
|
218
218
|
}[!!isSupporting << 0],
|
|
219
219
|
children: content
|
|
220
|
-
})]
|
|
221
|
-
});
|
|
220
|
+
}, void 0, false)]
|
|
221
|
+
}, void 0, true);
|
|
222
222
|
}
|
|
223
223
|
BreadcrumbItem.displayName = 'BreadcrumbItem';
|
|
@@ -53,7 +53,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
53
53
|
// =============================================================================
|
|
54
54
|
|
|
55
55
|
/** @internal Context for passing variant and separator from Breadcrumbs to BreadcrumbItem. */
|
|
56
|
-
import {
|
|
56
|
+
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
|
|
57
57
|
export const BreadcrumbContext = /*#__PURE__*/createContext({
|
|
58
58
|
variant: 'default',
|
|
59
59
|
separator: '/'
|
|
@@ -110,22 +110,22 @@ export function Breadcrumbs({
|
|
|
110
110
|
variant,
|
|
111
111
|
separator
|
|
112
112
|
}), [variant, separator]);
|
|
113
|
-
return /*#__PURE__*/
|
|
113
|
+
return /*#__PURE__*/_jsxDEV(BreadcrumbContext, {
|
|
114
114
|
value: ctxValue,
|
|
115
|
-
children: /*#__PURE__*/
|
|
115
|
+
children: /*#__PURE__*/_jsxDEV("nav", {
|
|
116
116
|
ref: ref,
|
|
117
117
|
"aria-label": label,
|
|
118
118
|
...mergeProps(themeProps('breadcrumbs', {
|
|
119
119
|
variant
|
|
120
120
|
}), stylex.props(navStyles.root, xstyle), className, style),
|
|
121
121
|
...rest,
|
|
122
|
-
children: /*#__PURE__*/
|
|
122
|
+
children: /*#__PURE__*/_jsxDEV("ol", {
|
|
123
123
|
...{
|
|
124
124
|
className: "x78zum5 x6s0dn4 x1a02dak xe8uvvx x1ghz6dp x1717udv xzye2dw"
|
|
125
125
|
},
|
|
126
126
|
children: children
|
|
127
|
-
})
|
|
128
|
-
})
|
|
129
|
-
});
|
|
127
|
+
}, void 0, false)
|
|
128
|
+
}, void 0, false)
|
|
129
|
+
}, void 0, false);
|
|
130
130
|
}
|
|
131
131
|
Breadcrumbs.displayName = 'Breadcrumbs';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAwB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAqB3C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAyFrD,QAAA,MAAM,UAAU;;;;;;;;;;EAUd,CAAC;AAsGH;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,IAAI,CAAC;IACd,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,EAAE,IAAI,CAAC;IACZ,WAAW,EAAE,IAAI,CAAC;CACnB;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,gBAAgB,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,UAAU,CAAC;AAEjD,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAC/D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,oDAAoD;IACpD,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IAChD,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;;OAQG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD;;OAEG;IACH,WAAW,CAAC,EAAE,CACZ,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KACnC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAuHD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAqB,EACrB,IAAI,EAAE,QAAQ,EACd,IAAe,EACf,UAAkB,EAClB,SAAiB,EACjB,eAAuB,EACvB,WAAW,EACX,IAAI,EACJ,UAAkB,EAClB,QAAQ,EACR,UAAU,EACV,OAAO,EACP,IAAI,EACJ,EAAE,EACF,MAAM,EACN,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"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"}
|
package/dist/Button/Button.js
CHANGED
|
@@ -19,15 +19,15 @@
|
|
|
19
19
|
*/
|
|
20
20
|
import { useRef, useTransition } from 'react';
|
|
21
21
|
import * as stylex from '@stylexjs/stylex';
|
|
22
|
+
import { useTooltip } from "../Tooltip/useTooltip.js";
|
|
22
23
|
import "../theme/tokens.stylex.js";
|
|
23
24
|
import { colorVars, sizeVars, spacingVars, radiusVars, borderVars, durationVars, easeVars, fontWeightVars, typeScaleVars } from "../theme/tokens.stylex.js";
|
|
24
|
-
import { Tooltip } from "../Tooltip/Tooltip.js";
|
|
25
25
|
import { Spinner } from "../Spinner/index.js";
|
|
26
26
|
import { VisuallyHidden } from "../VisuallyHidden/index.js";
|
|
27
27
|
import { EDGE_COMP_ATTR } from "../Layout/edgeCompensation.stylex.js";
|
|
28
28
|
import { useSize } from "../SizeContext/SizeContext.js";
|
|
29
29
|
import { useButtonGroup } from "../ButtonGroup/ButtonGroupContext.js";
|
|
30
|
-
import { mergeProps } from "../utils/index.js";
|
|
30
|
+
import { mergeProps, mergeRefs } from "../utils/index.js";
|
|
31
31
|
import { useLinkComponent } from "../Link/useLinkComponent.js";
|
|
32
32
|
import { themeProps } from "../utils/themeProps.js";
|
|
33
33
|
|
|
@@ -36,7 +36,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
36
36
|
* Pseudo-classes are nested within properties per StyleX recommendation:
|
|
37
37
|
* https://stylexjs.com/docs/learn/styling-ui/defining-styles#pseudo-classes
|
|
38
38
|
*/
|
|
39
|
-
import {
|
|
39
|
+
import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
|
|
40
40
|
const styles = {
|
|
41
41
|
base: {
|
|
42
42
|
kVAEAm: "x1n2onr6",
|
|
@@ -339,6 +339,16 @@ export function Button({
|
|
|
339
339
|
// Use aria-disabled when tooltip is present so the button remains focusable
|
|
340
340
|
// for keyboard users to reach the tooltip. Otherwise use native disabled.
|
|
341
341
|
const useAriaDisabled = tooltip != null && buttonDisabled;
|
|
342
|
+
|
|
343
|
+
// Attach tooltip behavior via the hook rather than wrapping the button in a
|
|
344
|
+
// <Tooltip> element. The hook adds hover/focus triggers to the button itself,
|
|
345
|
+
// so no extra DOM node is inserted — the button stays a direct child of its
|
|
346
|
+
// container (no layout shift, and edge-compensation markers remain
|
|
347
|
+
// discoverable through the container's direct-child `:has()` selector).
|
|
348
|
+
const tooltipHook = useTooltip({
|
|
349
|
+
placement: 'above',
|
|
350
|
+
isEnabled: tooltip != null
|
|
351
|
+
});
|
|
342
352
|
const handleClick = e => {
|
|
343
353
|
// The ref guard dedupes fire-once actions. Interruptible callers skip it so
|
|
344
354
|
// a re-click while pending starts a fresh action that interrupts the prior.
|
|
@@ -382,8 +392,8 @@ export function Button({
|
|
|
382
392
|
variant,
|
|
383
393
|
size
|
|
384
394
|
}), sharedStylexProps, className, style);
|
|
385
|
-
const buttonContent = /*#__PURE__*/
|
|
386
|
-
children: [isLoadingState && /*#__PURE__*/
|
|
395
|
+
const buttonContent = /*#__PURE__*/_jsxDEV(_Fragment, {
|
|
396
|
+
children: [isLoadingState && /*#__PURE__*/_jsxDEV("span", {
|
|
387
397
|
...{
|
|
388
398
|
0: {
|
|
389
399
|
className: "x10l6tqk x13vifvy xu96u03 x3m8u43 x1ey2m1c xrvj5dj x1ku5rj1"
|
|
@@ -393,33 +403,33 @@ export function Button({
|
|
|
393
403
|
}
|
|
394
404
|
}[!!delaySpinner << 0],
|
|
395
405
|
"aria-hidden": "true",
|
|
396
|
-
children: /*#__PURE__*/
|
|
406
|
+
children: /*#__PURE__*/_jsxDEV(Spinner, {
|
|
397
407
|
size: "sm",
|
|
398
408
|
shade: "inherit"
|
|
399
|
-
})
|
|
400
|
-
}), /*#__PURE__*/
|
|
409
|
+
}, void 0, false)
|
|
410
|
+
}, void 0, false), /*#__PURE__*/_jsxDEV("span", {
|
|
401
411
|
...stylex.props(styles.contentWrapper, isLoadingState && (delaySpinner ? loadingStyles.hiddenContentDelayed : loadingStyles.hiddenContent)),
|
|
402
412
|
"aria-hidden": isLoadingState || undefined,
|
|
403
|
-
children: [icon && /*#__PURE__*/
|
|
413
|
+
children: [icon && /*#__PURE__*/_jsxDEV("span", {
|
|
404
414
|
...stylex.props(styles.iconWrapper, iconSizeStyles[size]),
|
|
405
415
|
children: icon
|
|
406
|
-
}), isIconOnly ? null : /*#__PURE__*/
|
|
416
|
+
}, void 0, false), isIconOnly ? null : /*#__PURE__*/_jsxDEV("span", {
|
|
407
417
|
...{
|
|
408
418
|
className: "xb3r6kr xlyipyv xeuugli"
|
|
409
419
|
},
|
|
410
420
|
children: children ?? label
|
|
411
|
-
}), !isIconOnly && endContent && /*#__PURE__*/
|
|
421
|
+
}, void 0, false), !isIconOnly && endContent && /*#__PURE__*/_jsxDEV("span", {
|
|
412
422
|
...{
|
|
413
423
|
className: "x3nfvp2 x6s0dn4 x1heor9g"
|
|
414
424
|
},
|
|
415
425
|
children: endContent
|
|
416
|
-
})]
|
|
417
|
-
}), /*#__PURE__*/
|
|
426
|
+
}, void 0, false)]
|
|
427
|
+
}, void 0, true), /*#__PURE__*/_jsxDEV(VisuallyHidden, {
|
|
418
428
|
role: "status",
|
|
419
429
|
"aria-live": "polite",
|
|
420
430
|
children: isLoadingState ? 'Loading' : ''
|
|
421
|
-
})]
|
|
422
|
-
});
|
|
431
|
+
}, void 0, false)]
|
|
432
|
+
}, void 0, true);
|
|
423
433
|
|
|
424
434
|
// aria-label is set when:
|
|
425
435
|
// 1. Icon-only mode (label is the only accessible name)
|
|
@@ -429,28 +439,41 @@ export function Button({
|
|
|
429
439
|
const ariaLabelProp = needsAriaLabel ? {
|
|
430
440
|
'aria-label': label
|
|
431
441
|
} : null;
|
|
442
|
+
|
|
443
|
+
// When a tooltip is attached via the hook, point aria-describedby at the
|
|
444
|
+
// tooltip content (composing with any consumer-provided value).
|
|
445
|
+
const describedByProp = tooltip != null ? {
|
|
446
|
+
'aria-describedby': [props['aria-describedby'], tooltipHook.describedBy].filter(Boolean).join(' ') || undefined
|
|
447
|
+
} : null;
|
|
448
|
+
|
|
449
|
+
// Merge the consumer ref with the tooltip hook's trigger ref so both point at
|
|
450
|
+
// the same element. mergeRefs tolerates undefined, so this is a no-op for the
|
|
451
|
+
// tooltip side when no tooltip is set.
|
|
452
|
+
const mergedButtonRef = mergeRefs(ref, tooltip != null ? tooltipHook.ref : undefined);
|
|
432
453
|
let element;
|
|
433
454
|
if (renderAsLink) {
|
|
434
|
-
element = /*#__PURE__*/
|
|
435
|
-
ref:
|
|
455
|
+
element = /*#__PURE__*/_jsxDEV(LinkComponent, {
|
|
456
|
+
ref: mergedButtonRef,
|
|
436
457
|
href: href,
|
|
437
458
|
target: target,
|
|
438
459
|
rel: rel,
|
|
439
460
|
...sharedMergedProps,
|
|
440
461
|
...props,
|
|
441
462
|
...ariaLabelProp,
|
|
463
|
+
...describedByProp,
|
|
442
464
|
...edgeCompAttr,
|
|
443
465
|
onClick: handleClick,
|
|
444
466
|
children: buttonContent
|
|
445
|
-
});
|
|
467
|
+
}, void 0, false);
|
|
446
468
|
} else {
|
|
447
|
-
element = /*#__PURE__*/
|
|
448
|
-
ref:
|
|
469
|
+
element = /*#__PURE__*/_jsxDEV("button", {
|
|
470
|
+
ref: mergedButtonRef,
|
|
449
471
|
type: type,
|
|
450
472
|
disabled: useAriaDisabled ? undefined : buttonDisabled,
|
|
451
473
|
...sharedMergedProps,
|
|
452
474
|
...props,
|
|
453
475
|
...ariaLabelProp,
|
|
476
|
+
...describedByProp,
|
|
454
477
|
...edgeCompAttr,
|
|
455
478
|
"aria-busy": isLoadingState || undefined,
|
|
456
479
|
"aria-disabled": useAriaDisabled || undefined,
|
|
@@ -459,14 +482,12 @@ export function Button({
|
|
|
459
482
|
onKeyDown: handleKeyDown
|
|
460
483
|
} : null),
|
|
461
484
|
children: buttonContent
|
|
462
|
-
});
|
|
485
|
+
}, void 0, false);
|
|
463
486
|
}
|
|
464
487
|
if (tooltip) {
|
|
465
|
-
return /*#__PURE__*/
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
children: element
|
|
469
|
-
});
|
|
488
|
+
return /*#__PURE__*/_jsxDEV(_Fragment, {
|
|
489
|
+
children: [element, tooltipHook.renderTooltip(tooltip)]
|
|
490
|
+
}, void 0, true);
|
|
470
491
|
}
|
|
471
492
|
return element;
|
|
472
493
|
}
|
|
@@ -30,7 +30,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
30
30
|
// =============================================================================
|
|
31
31
|
// Props
|
|
32
32
|
// =============================================================================
|
|
33
|
-
import {
|
|
33
|
+
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
|
|
34
34
|
// =============================================================================
|
|
35
35
|
// Styles
|
|
36
36
|
// =============================================================================
|
|
@@ -92,11 +92,11 @@ export function ButtonGroup({
|
|
|
92
92
|
orientation,
|
|
93
93
|
isDisabled
|
|
94
94
|
}), [orientation, isDisabled]);
|
|
95
|
-
return /*#__PURE__*/
|
|
95
|
+
return /*#__PURE__*/_jsxDEV(ButtonGroupContext, {
|
|
96
96
|
value: contextValue,
|
|
97
|
-
children: /*#__PURE__*/
|
|
97
|
+
children: /*#__PURE__*/_jsxDEV(SizeProvider, {
|
|
98
98
|
value: size,
|
|
99
|
-
children: /*#__PURE__*/
|
|
99
|
+
children: /*#__PURE__*/_jsxDEV("div", {
|
|
100
100
|
ref: mergeRefs(ref, listRef),
|
|
101
101
|
role: "group",
|
|
102
102
|
"aria-label": label,
|
|
@@ -109,8 +109,8 @@ export function ButtonGroup({
|
|
|
109
109
|
}), stylex.props(styles.group, orientation === 'vertical' && styles.vertical, xstyle), className, style),
|
|
110
110
|
...props,
|
|
111
111
|
children: children
|
|
112
|
-
})
|
|
113
|
-
})
|
|
114
|
-
});
|
|
112
|
+
}, void 0, false)
|
|
113
|
+
}, void 0, false)
|
|
114
|
+
}, void 0, false);
|
|
115
115
|
}
|
|
116
116
|
ButtonGroup.displayName = 'ButtonGroup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA8C5C,YAAY,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,GACV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACV,MAAM,oBAAoB,CAAC;AAI5B,+CAA+C;AAE/C,MAAM,WAAW,cAAc;IAC7B,wEAAwE;IACxE,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C;AAID,UAAU,iBAAkB,SAAQ,IAAI,CACtC,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,GAAG,cAAc,CAC5B;IACC,kDAAkD;IAClD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACtC,+CAA+C;IAC/C,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAEvB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAEzD;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAEvD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CAC1C;AAID,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,qBAAqB;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,aAAa,CAAC;IAE7B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,IAAI,KAAK,IAAI,CAAC;CAC9D;AAED,UAAU,kBAAmB,SAAQ,iBAAiB;IACpD,qBAAqB;IACrB,IAAI,EAAE,OAAO,CAAC;IAEd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,kBAAkB,CAAC;AAMrE;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,EAAC,GAAG,EAAE,GAAG,KAAK,EAAC,EAAE,aAAa,+BA4StD;yBA5Se,QAAQ"}
|