@astryxdesign/core 0.1.4-canary.ff77e1c → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AlertDialog/AlertDialog.d.ts +1 -1
- package/dist/AlertDialog/AlertDialog.d.ts.map +1 -1
- package/dist/AlertDialog/AlertDialog.js +18 -20
- 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 +53 -55
- package/dist/AspectRatio/AspectRatio.d.ts +10 -48
- package/dist/AspectRatio/AspectRatio.d.ts.map +1 -1
- package/dist/AspectRatio/AspectRatio.js +12 -33
- package/dist/AspectRatio/index.d.ts +1 -1
- package/dist/AspectRatio/index.d.ts.map +1 -1
- package/dist/Avatar/Avatar.d.ts.map +1 -1
- package/dist/Avatar/Avatar.js +25 -27
- 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 +25 -32
- 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.js +19 -19
- package/dist/ButtonGroup/ButtonGroup.js +7 -7
- package/dist/Calendar/Calendar.d.ts.map +1 -1
- package/dist/Calendar/Calendar.js +48 -68
- package/dist/Calendar/dayCellUtils.d.ts.map +1 -1
- 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 +2 -4
- package/dist/Card/Card.d.ts.map +1 -1
- package/dist/Card/Card.js +10 -18
- package/dist/Carousel/Carousel.d.ts.map +1 -1
- package/dist/Carousel/Carousel.js +21 -24
- package/dist/Carousel/carousel.markers.stylex.d.ts +7 -0
- package/dist/Carousel/carousel.markers.stylex.d.ts.map +1 -0
- package/dist/Carousel/carousel.markers.stylex.js +12 -0
- 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 +1 -1
- package/dist/Chat/ChatComposerInput.d.ts.map +1 -1
- package/dist/Chat/ChatComposerInput.js +15 -27
- package/dist/Chat/ChatDictationButton.d.ts +1 -1
- package/dist/Chat/ChatDictationButton.d.ts.map +1 -1
- package/dist/Chat/ChatDictationButton.js +11 -13
- 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 +10 -12
- 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 +12 -14
- 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 +15 -24
- package/dist/Chat/ChatToolCalls.d.ts.map +1 -1
- package/dist/Chat/ChatToolCalls.js +74 -81
- package/dist/Chat/index.d.ts +1 -1
- package/dist/Chat/index.d.ts.map +1 -1
- package/dist/Chat/useTriggerMenu.d.ts.map +1 -1
- package/dist/Chat/useTriggerMenu.js +15 -15
- package/dist/CheckboxInput/CheckboxInput.d.ts +1 -1
- package/dist/CheckboxInput/CheckboxInput.d.ts.map +1 -1
- package/dist/CheckboxInput/CheckboxInput.js +23 -25
- 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 +6 -8
- package/dist/Citation/Citation.js +10 -10
- package/dist/ClickableCard/ClickableCard.d.ts.map +1 -1
- package/dist/ClickableCard/ClickableCard.js +9 -32
- package/dist/Code/Code.js +3 -3
- package/dist/CodeBlock/CodeBlock.d.ts +1 -10
- package/dist/CodeBlock/CodeBlock.d.ts.map +1 -1
- package/dist/CodeBlock/CodeBlock.js +52 -88
- package/dist/Collapsible/Collapsible.d.ts +3 -9
- package/dist/Collapsible/Collapsible.d.ts.map +1 -1
- package/dist/Collapsible/Collapsible.js +22 -110
- package/dist/Collapsible/CollapsibleGroup.d.ts +7 -39
- package/dist/Collapsible/CollapsibleGroup.d.ts.map +1 -1
- package/dist/Collapsible/CollapsibleGroup.js +12 -73
- package/dist/Collapsible/CollapsibleGroupContext.d.ts +0 -31
- package/dist/Collapsible/CollapsibleGroupContext.d.ts.map +1 -1
- package/dist/Collapsible/CollapsibleGroupContext.js +3 -33
- package/dist/Collapsible/index.d.ts +0 -1
- package/dist/Collapsible/index.d.ts.map +1 -1
- package/dist/Collapsible/useCollapsible.d.ts +1 -4
- package/dist/Collapsible/useCollapsible.d.ts.map +1 -1
- package/dist/Collapsible/useCollapsible.js +6 -20
- package/dist/CommandPalette/CommandPalette.d.ts.map +1 -1
- package/dist/CommandPalette/CommandPalette.js +34 -36
- package/dist/CommandPalette/CommandPaletteEmpty.js +3 -3
- 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 +2 -7
- package/dist/ContextMenu/ContextMenu.d.ts.map +1 -1
- package/dist/ContextMenu/ContextMenu.js +43 -76
- package/dist/DateInput/DateInput.js +18 -18
- package/dist/DateRangeInput/DateRangeInput.js +21 -21
- package/dist/DateTimeInput/DateTimeInput.d.ts +2 -5
- package/dist/DateTimeInput/DateTimeInput.d.ts.map +1 -1
- package/dist/DateTimeInput/DateTimeInput.js +26 -30
- 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.js +7 -7
- package/dist/DropdownMenu/DropdownMenu.js +10 -10
- package/dist/DropdownMenu/DropdownMenuItem.d.ts +17 -2
- 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 +3 -4
- package/dist/Grid/Grid.d.ts.map +1 -1
- package/dist/Grid/Grid.js +12 -29
- 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.d.ts +1 -5
- package/dist/HoverCard/useHoverCard.d.ts.map +1 -1
- package/dist/HoverCard/useHoverCard.js +3 -3
- package/dist/Icon/Icon.d.ts.map +1 -1
- package/dist/Icon/Icon.js +12 -16
- 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.d.ts +2 -29
- package/dist/Layer/useLayer.d.ts.map +1 -1
- package/dist/Layer/useLayer.js +31 -44
- 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 +31 -55
- 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/MetadataList/MetadataList.js +10 -10
- package/dist/MetadataList/MetadataListItem.js +15 -15
- package/dist/MobileNav/MobileNav.d.ts +1 -1
- package/dist/MobileNav/MobileNav.d.ts.map +1 -1
- package/dist/MobileNav/MobileNav.js +23 -26
- package/dist/MobileNav/MobileNavToggle.js +5 -5
- package/dist/MoreMenu/MoreMenu.js +3 -3
- package/dist/MultiSelector/MultiSelector.js +56 -56
- 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 +32 -48
- 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 +72 -125
- 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 +92 -110
- 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 +18 -25
- package/dist/RadioList/RadioList.js +7 -7
- package/dist/RadioList/RadioListItem.d.ts +1 -1
- package/dist/RadioList/RadioListItem.d.ts.map +1 -1
- package/dist/RadioList/RadioListItem.js +21 -24
- package/dist/Resizable/ResizeHandle.d.ts.map +1 -1
- package/dist/Resizable/ResizeHandle.js +10 -28
- 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 +10 -32
- package/dist/SegmentedControl/SegmentedControlItem.d.ts +1 -1
- package/dist/SegmentedControl/SegmentedControlItem.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControlItem.js +12 -18
- package/dist/SelectableCard/SelectableCard.js +5 -5
- package/dist/Selector/Selector.js +46 -46
- package/dist/Selector/SelectorOption.js +3 -3
- package/dist/SideNav/SideNav.d.ts.map +1 -1
- package/dist/SideNav/SideNav.js +34 -38
- package/dist/SideNav/SideNavCollapseButton.d.ts +1 -1
- package/dist/SideNav/SideNavCollapseButton.d.ts.map +1 -1
- package/dist/SideNav/SideNavCollapseButton.js +6 -8
- 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 +16 -18
- package/dist/Skeleton/Skeleton.js +3 -3
- package/dist/Slider/Slider.js +23 -23
- package/dist/Spinner/Spinner.js +9 -9
- package/dist/StatusDot/StatusDot.js +5 -5
- package/dist/Switch/Switch.d.ts +4 -8
- package/dist/Switch/Switch.d.ts.map +1 -1
- package/dist/Switch/Switch.js +29 -34
- 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 +30 -57
- package/dist/TabList/tab.markers.stylex.d.ts +1 -1
- package/dist/Table/BaseTable.d.ts.map +1 -1
- package/dist/Table/BaseTable.js +39 -50
- 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 +5 -9
- package/dist/Table/TableCell.js +3 -3
- package/dist/Table/TableFooter.d.ts +1 -1
- package/dist/Table/TableFooter.d.ts.map +1 -1
- package/dist/Table/TableFooter.js +5 -9
- package/dist/Table/TableHeader.d.ts +1 -1
- package/dist/Table/TableHeader.d.ts.map +1 -1
- package/dist/Table/TableHeader.js +5 -9
- package/dist/Table/TableHeaderCell.js +3 -3
- package/dist/Table/TableRow.js +5 -5
- package/dist/Table/plugins/columnResize/useTableColumnResize.d.ts.map +1 -1
- package/dist/Table/plugins/columnResize/useTableColumnResize.js +11 -14
- 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 +1 -5
- package/dist/Table/plugins/pagination/useTablePagination.js +7 -7
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.js +22 -22
- 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 +1 -11
- 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 +4 -8
- package/dist/Table/tableContextMenu.js +9 -9
- package/dist/Text/Text.js +10 -10
- package/dist/TextArea/TextArea.js +14 -14
- package/dist/TextInput/TextInput.js +15 -15
- package/dist/Thumbnail/Thumbnail.d.ts +2 -3
- package/dist/Thumbnail/Thumbnail.d.ts.map +1 -1
- package/dist/Thumbnail/Thumbnail.js +29 -30
- package/dist/TimeInput/TimeInput.d.ts.map +1 -1
- package/dist/TimeInput/TimeInput.js +21 -26
- package/dist/Timestamp/Timestamp.d.ts +1 -1
- package/dist/Timestamp/Timestamp.d.ts.map +1 -1
- package/dist/Timestamp/Timestamp.js +26 -37
- package/dist/Toast/Toast.d.ts.map +1 -1
- package/dist/Toast/Toast.js +17 -25
- package/dist/Toast/ToastViewport.d.ts.map +1 -1
- package/dist/Toast/ToastViewport.js +11 -23
- package/dist/Toast/useToast.d.ts.map +1 -1
- package/dist/Toast/useToast.js +4 -44
- 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.map +1 -1
- package/dist/Tokenizer/Tokenizer.js +34 -36
- package/dist/Toolbar/Toolbar.js +18 -18
- package/dist/Tooltip/Tooltip.js +11 -11
- package/dist/Tooltip/useTooltip.d.ts +1 -5
- package/dist/Tooltip/useTooltip.d.ts.map +1 -1
- 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 +14 -25
- 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 +20 -23
- 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 +0 -7
- package/dist/astryx.umd.js +59 -59
- package/dist/astryx.umd.js.map +4 -4
- package/dist/docs-types.d.ts +2 -8
- 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 +0 -2
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +0 -1
- package/dist/hooks/useFocusTrap.d.ts +0 -3
- package/dist/hooks/useFocusTrap.d.ts.map +1 -1
- package/dist/hooks/useFocusTrap.js +1 -38
- package/dist/hooks/useInteractiveRole.d.ts +2 -6
- package/dist/hooks/useInteractiveRole.d.ts.map +1 -1
- package/dist/hooks/useInteractiveRole.js +2 -6
- package/dist/hooks/useKeyboardHint.js +9 -9
- package/dist/hooks/useStreamingText.d.ts +1 -3
- package/dist/hooks/useStreamingText.d.ts.map +1 -1
- package/dist/hooks/useStreamingText.js +5 -14
- 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 +3 -10
- package/dist/theme/hct.d.ts +15 -0
- 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 +2 -10
- package/dist/theme/tokens.d.ts.map +1 -1
- package/dist/theme/tokens.js +4 -220
- package/dist/theme/useTheme.d.ts +2 -3
- package/dist/theme/useTheme.d.ts.map +1 -1
- package/dist/theme/useTheme.js +6 -73
- package/dist/utils/index.d.ts +0 -3
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +1 -3
- package/dist/utils/timeParser.d.ts.map +1 -1
- package/dist/utils/timeParser.js +5 -8
- package/package.json +3 -3
- package/src/AlertDialog/AlertDialog.doc.mjs +0 -4
- package/src/AlertDialog/AlertDialog.tsx +0 -2
- package/src/AppShell/AppShell.tsx +0 -2
- package/src/AspectRatio/AspectRatio.doc.mjs +1 -28
- package/src/AspectRatio/AspectRatio.test.tsx +1 -142
- package/src/AspectRatio/AspectRatio.tsx +10 -70
- package/src/AspectRatio/index.ts +1 -5
- package/src/Avatar/Avatar.doc.mjs +0 -11
- package/src/Avatar/Avatar.test.tsx +1 -32
- package/src/Avatar/Avatar.tsx +20 -12
- package/src/AvatarGroup/AvatarGroup.doc.mjs +0 -1
- package/src/Banner/Banner.doc.mjs +0 -8
- package/src/Banner/Banner.test.tsx +0 -38
- package/src/Banner/Banner.tsx +1 -8
- package/src/Calendar/Calendar.doc.mjs +1 -1
- package/src/Calendar/Calendar.test.tsx +17 -122
- package/src/Calendar/Calendar.tsx +5 -26
- package/src/Calendar/dayCellUtils.ts +1 -3
- package/src/Calendar/styles.ts +2 -12
- package/src/Card/Card.doc.mjs +1 -1
- package/src/Card/Card.tsx +6 -16
- package/src/Carousel/Carousel.doc.mjs +12 -12
- package/src/Carousel/Carousel.test.tsx +0 -13
- package/src/Carousel/Carousel.tsx +2 -4
- package/src/Carousel/carousel.markers.stylex.ts +10 -0
- package/src/Chat/Chat.doc.mjs +1 -1
- package/src/Chat/ChatComposerInput.test.tsx +1 -27
- package/src/Chat/ChatComposerInput.tsx +15 -20
- package/src/Chat/ChatDictationButton.tsx +4 -4
- package/src/Chat/ChatLayoutScrollButton.tsx +1 -3
- package/src/Chat/ChatMessageMetadata.tsx +6 -4
- package/src/Chat/ChatSystemMessage.test.tsx +11 -26
- package/src/Chat/ChatSystemMessage.tsx +7 -7
- package/src/Chat/ChatTokenizedText.test.tsx +16 -29
- package/src/Chat/ChatTokenizedText.tsx +8 -15
- package/src/Chat/ChatToolCalls.test.tsx +0 -55
- package/src/Chat/ChatToolCalls.tsx +12 -10
- package/src/Chat/index.ts +4 -1
- package/src/Chat/useTriggerMenu.tsx +4 -1
- package/src/CheckboxInput/CheckboxInput.doc.mjs +3 -3
- package/src/CheckboxInput/CheckboxInput.test.tsx +4 -71
- package/src/CheckboxInput/CheckboxInput.tsx +0 -2
- package/src/CheckboxList/CheckboxList.test.tsx +0 -19
- package/src/CheckboxList/CheckboxListItem.tsx +2 -11
- package/src/Citation/Citation.doc.mjs +0 -5
- package/src/ClickableCard/ClickableCard.tsx +2 -45
- package/src/CodeBlock/CodeBlock.doc.mjs +2 -7
- package/src/CodeBlock/CodeBlock.test.tsx +3 -122
- package/src/CodeBlock/CodeBlock.tsx +4 -62
- package/src/Collapsible/Collapsible.doc.mjs +4 -8
- package/src/Collapsible/Collapsible.tsx +10 -86
- package/src/Collapsible/CollapsibleGroup.doc.mjs +3 -27
- package/src/Collapsible/CollapsibleGroup.test.tsx +0 -318
- package/src/Collapsible/CollapsibleGroup.tsx +9 -107
- package/src/Collapsible/CollapsibleGroupContext.tsx +2 -42
- package/src/Collapsible/index.ts +0 -4
- package/src/Collapsible/useCollapsible.ts +6 -20
- package/src/CommandPalette/CommandPalette.doc.mjs +0 -5
- package/src/CommandPalette/CommandPalette.tsx +3 -5
- package/src/CommandPalette/CommandPaletteEmpty.doc.mjs +0 -5
- package/src/CommandPalette/CommandPaletteGroup.doc.mjs +0 -10
- package/src/CommandPalette/CommandPaletteInput.doc.mjs +0 -6
- package/src/CommandPalette/CommandPaletteItem.doc.mjs +0 -6
- package/src/CommandPalette/CommandPaletteList.doc.mjs +0 -9
- package/src/ContextMenu/ContextMenu.doc.mjs +0 -15
- package/src/ContextMenu/ContextMenu.test.tsx +0 -87
- package/src/ContextMenu/ContextMenu.tsx +28 -87
- package/src/ContextMenu/ContextMenuItem.doc.mjs +0 -6
- package/src/DateInput/DateInput.test.tsx +20 -11
- package/src/DateRangeInput/DateRangeInput.test.tsx +44 -31
- package/src/DateTimeInput/DateTimeInput.doc.mjs +2 -3
- package/src/DateTimeInput/DateTimeInput.test.tsx +16 -118
- package/src/DateTimeInput/DateTimeInput.tsx +2 -8
- package/src/DateTimeInput/index.ts +0 -1
- package/src/Dialog/Dialog.doc.mjs +0 -4
- package/src/Dialog/DialogHeader.doc.mjs +0 -45
- package/src/DropdownMenu/DropdownMenu.doc.mjs +1 -1
- package/src/DropdownMenu/DropdownMenu.test.tsx +2 -22
- package/src/DropdownMenu/DropdownMenuItem.tsx +17 -5
- package/src/EmptyState/EmptyState.doc.mjs +1 -1
- package/src/Field/Field.test.tsx +4 -1
- package/src/Field/FieldLabel.test.tsx +2 -2
- package/src/FormLayout/__snapshots__/FormLayout.test.tsx.snap +3 -0
- package/src/Grid/Grid.test.tsx +18 -43
- package/src/Grid/Grid.tsx +9 -26
- package/src/HoverCard/HoverCard.doc.mjs +6 -6
- package/src/HoverCard/useHoverCard.doc.mjs +5 -5
- package/src/HoverCard/useHoverCard.tsx +2 -9
- package/src/Icon/Icon.test.tsx +29 -41
- package/src/Icon/Icon.tsx +2 -6
- package/src/InputGroup/InputGroup.doc.mjs +0 -1
- package/src/InputGroup/InputGroup.tsx +2 -2
- package/src/Item/Item.tsx +1 -1
- package/src/Layer/useLayer.doc.mjs +2 -2
- package/src/Layer/useLayer.test.tsx +2 -221
- package/src/Layer/useLayer.tsx +30 -69
- package/src/Layout/LayoutContent.doc.mjs +0 -12
- package/src/Layout/LayoutPanel.doc.mjs +0 -40
- package/src/Lightbox/Lightbox.doc.mjs +0 -5
- package/src/Lightbox/Lightbox.test.tsx +2 -123
- package/src/Lightbox/Lightbox.tsx +1 -29
- package/src/Markdown/Markdown.tsx +7 -9
- package/src/Markdown/parser.perf.test.ts +12 -34
- package/src/MobileNav/MobileNav.test.tsx +0 -56
- package/src/MobileNav/MobileNav.tsx +8 -13
- package/src/NavMenu/NavMenu.doc.mjs +0 -15
- package/src/NumberInput/NumberInput.test.tsx +3 -48
- package/src/NumberInput/NumberInput.tsx +15 -32
- package/src/Outline/Outline.doc.mjs +0 -2
- package/src/Overlay/Overlay.doc.mjs +0 -6
- package/src/Pagination/Pagination.test.tsx +0 -162
- package/src/Pagination/Pagination.tsx +26 -80
- package/src/Popover/Popover.doc.mjs +6 -6
- package/src/Popover/Popover.test.tsx +0 -65
- package/src/Popover/usePopover.doc.mjs +1 -1
- package/src/PowerSearch/PowerSearch.doc.mjs +2 -2
- package/src/PowerSearch/PowerSearch.test.tsx +1 -109
- package/src/PowerSearch/PowerSearch.tsx +16 -37
- package/src/ProgressBar/ProgressBar.doc.mjs +0 -2
- package/src/ProgressBar/ProgressBar.test.tsx +0 -30
- package/src/ProgressBar/ProgressBar.tsx +5 -12
- package/src/RadioList/RadioList.test.tsx +0 -19
- package/src/RadioList/RadioListItem.tsx +4 -9
- package/src/Resizable/ResizeHandle.tsx +4 -22
- package/src/SegmentedControl/SegmentedControl.doc.mjs +1 -1
- package/src/SegmentedControl/SegmentedControl.test.tsx +0 -192
- package/src/SegmentedControl/SegmentedControl.tsx +5 -27
- package/src/SegmentedControl/SegmentedControlItem.tsx +4 -9
- package/src/SelectableCard/SelectableCard.doc.mjs +1 -1
- package/src/Selector/Selector.test.tsx +1 -27
- package/src/SideNav/SideNav.doc.mjs +1 -7
- package/src/SideNav/SideNav.test.tsx +0 -66
- package/src/SideNav/SideNav.tsx +2 -6
- package/src/SideNav/SideNavCollapseButton.tsx +3 -4
- package/src/SideNav/SideNavSection.tsx +4 -6
- package/src/Switch/Switch.doc.mjs +7 -7
- package/src/Switch/Switch.test.tsx +3 -102
- package/src/Switch/Switch.tsx +7 -20
- package/src/TabList/TabList.test.tsx +1 -185
- package/src/TabList/TabMenu.tsx +9 -45
- package/src/Table/BaseTable.tsx +2 -13
- package/src/Table/Table.doc.mjs +0 -5
- package/src/Table/Table.test.tsx +0 -87
- package/src/Table/TableBody.tsx +2 -15
- package/src/Table/TableFooter.tsx +2 -15
- package/src/Table/TableHeader.tsx +2 -15
- package/src/Table/plugins/columnResize/useTableColumnResize.test.tsx +0 -13
- package/src/Table/plugins/columnResize/useTableColumnResize.tsx +1 -3
- package/src/Table/plugins/pagination/paginateData.ts +1 -5
- package/src/Table/plugins/pagination/useTablePagination.test.tsx +0 -13
- package/src/Table/plugins/selection/useTableSelectionState.test.tsx +0 -23
- package/src/Table/plugins/selection/useTableSelectionState.tsx +6 -11
- package/src/Table/plugins/sortable/useTableSortableState.test.tsx +1 -35
- package/src/Table/plugins/sortable/useTableSortableState.tsx +4 -8
- package/src/TextArea/TextArea.test.tsx +3 -3
- package/src/TextInput/TextInput.test.tsx +3 -3
- package/src/Thumbnail/Thumbnail.test.tsx +2 -36
- package/src/Thumbnail/Thumbnail.tsx +2 -4
- package/src/TimeInput/TimeInput.test.tsx +0 -37
- package/src/TimeInput/TimeInput.tsx +1 -11
- package/src/Timestamp/Timestamp.doc.mjs +1 -1
- package/src/Timestamp/Timestamp.test.tsx +0 -52
- package/src/Timestamp/Timestamp.tsx +16 -30
- package/src/Toast/Toast.tsx +3 -11
- package/src/Toast/ToastViewport.test.tsx +0 -64
- package/src/Toast/ToastViewport.tsx +0 -12
- package/src/Toast/useToast.tsx +0 -41
- package/src/ToggleButton/ToggleButton.doc.mjs +0 -1
- package/src/Tokenizer/Tokenizer.doc.mjs +2 -2
- package/src/Tokenizer/Tokenizer.test.tsx +0 -54
- package/src/Tokenizer/Tokenizer.tsx +4 -5
- package/src/Tooltip/Tooltip.doc.mjs +6 -6
- package/src/Tooltip/useTooltip.doc.mjs +5 -5
- package/src/Tooltip/useTooltip.tsx +2 -12
- package/src/TopNav/TopNav.doc.mjs +1 -1
- package/src/TopNav/TopNav.test.tsx +7 -23
- package/src/TopNav/TopNavMegaMenuFeaturedCard.tsx +2 -9
- package/src/TreeList/TreeList.doc.mjs +2 -2
- package/src/Typeahead/BaseTypeahead.doc.mjs +0 -19
- package/src/Typeahead/BaseTypeahead.tsx +2 -5
- package/src/Typeahead/Typeahead.doc.mjs +1 -1
- package/src/Typeahead/Typeahead.test.tsx +1 -45
- package/src/docs-types.ts +1 -9
- package/src/hooks/focusableSelector.ts +1 -1
- package/src/hooks/index.ts +0 -3
- package/src/hooks/useFocusTrap.doc.mjs +2 -4
- package/src/hooks/useFocusTrap.test.tsx +1 -149
- package/src/hooks/useFocusTrap.ts +1 -50
- package/src/hooks/useInteractiveRole.ts +4 -12
- package/src/hooks/useStreamingText.test.ts +19 -54
- package/src/hooks/useStreamingText.ts +5 -16
- package/src/hooks/useTreeFocus.test.tsx +3 -1
- package/src/reset.css +0 -29
- package/src/theme/SyntaxTheme.doc.mjs +4 -4
- package/src/theme/defineTheme.ts +13 -4
- package/src/theme/derivedVarRegistry.test.ts +2 -2
- package/src/theme/expandColorScale.test.ts +0 -29
- package/src/theme/expandColorScale.ts +6 -11
- package/src/theme/hct.ts +17 -9
- package/src/theme/tokens.test.ts +9 -182
- package/src/theme/tokens.ts +4 -239
- package/src/theme/useTheme.test.tsx +2 -126
- package/src/theme/useTheme.ts +6 -87
- package/src/utils/index.ts +0 -4
- package/src/utils/sharedResizeObserver.test.ts +2 -2
- package/src/utils/timeParser.test.ts +0 -13
- package/src/utils/timeParser.ts +5 -8
- package/dist/hooks/useHotkeys.d.ts +0 -51
- package/dist/hooks/useHotkeys.d.ts.map +0 -1
- package/dist/hooks/useHotkeys.js +0 -160
- package/dist/utils/color.d.ts +0 -42
- package/dist/utils/color.d.ts.map +0 -1
- package/dist/utils/color.js +0 -150
- package/dist/utils/composeEventHandlers.d.ts +0 -30
- package/dist/utils/composeEventHandlers.d.ts.map +0 -1
- package/dist/utils/composeEventHandlers.js +0 -40
- package/src/Chat/ChatDictationButton.test.tsx +0 -43
- package/src/Chat/ChatLayoutScrollButton.test.tsx +0 -33
- package/src/Chat/ChatMessageMetadata.test.tsx +0 -32
- package/src/Collapsible/Collapsible.test.tsx +0 -405
- package/src/FieldStatus/FieldStatus.test.tsx +0 -282
- package/src/InteractiveRoleContext/InteractiveRoleContext.test.tsx +0 -185
- package/src/Layout/Layout.test.tsx +0 -285
- package/src/Layout/LayoutSlots.test.tsx +0 -364
- package/src/Outline/parseOutlineFromMarkdown.test.ts +0 -80
- package/src/OverflowList/OverflowList.test.tsx +0 -416
- package/src/Overlay/Overlay.test.tsx +0 -356
- package/src/Resizable/ResizeHandle.test.tsx +0 -218
- package/src/SizeContext/SizeContext.test.tsx +0 -226
- package/src/Toast/useToast.test.tsx +0 -258
- package/src/__tests__/TestIcon.tsx +0 -26
- package/src/__tests__/fastRoleQueries.ts +0 -66
- package/src/docPropReferences.test.ts +0 -178
- package/src/hooks/useHotkeys.doc.mjs +0 -52
- package/src/hooks/useHotkeys.test.ts +0 -245
- package/src/hooks/useHotkeys.ts +0 -203
- package/src/theme/themingTargets.test.ts +0 -353
- package/src/utils/color.test.ts +0 -133
- package/src/utils/color.ts +0 -148
- package/src/utils/composeEventHandlers.test.ts +0 -71
- package/src/utils/composeEventHandlers.ts +0 -44
- package/src/utils/mergeProps.test.ts +0 -166
|
@@ -36,7 +36,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
36
36
|
// =============================================================================
|
|
37
37
|
// Styles
|
|
38
38
|
// =============================================================================
|
|
39
|
-
import {
|
|
39
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
40
40
|
const styles = {
|
|
41
41
|
itemCollapsed: {
|
|
42
42
|
kjj79g: "xl56j7k",
|
|
@@ -80,22 +80,22 @@ function NavItemElement({
|
|
|
80
80
|
}) {
|
|
81
81
|
const LinkComponent = useLinkComponent(as);
|
|
82
82
|
if (href && !isDisabled) {
|
|
83
|
-
return /*#__PURE__*/
|
|
83
|
+
return /*#__PURE__*/_jsx(LinkComponent, {
|
|
84
84
|
ref: ref,
|
|
85
85
|
href: href,
|
|
86
86
|
onClick: onClick,
|
|
87
87
|
...rest,
|
|
88
88
|
children: children
|
|
89
|
-
}
|
|
89
|
+
});
|
|
90
90
|
}
|
|
91
|
-
return /*#__PURE__*/
|
|
91
|
+
return /*#__PURE__*/_jsx("button", {
|
|
92
92
|
ref: ref,
|
|
93
93
|
type: "button",
|
|
94
94
|
onClick: onClick,
|
|
95
95
|
disabled: isDisabled,
|
|
96
96
|
...rest,
|
|
97
97
|
children: children
|
|
98
|
-
}
|
|
98
|
+
});
|
|
99
99
|
}
|
|
100
100
|
|
|
101
101
|
// =============================================================================
|
|
@@ -261,11 +261,11 @@ export function SideNavItem({
|
|
|
261
261
|
|
|
262
262
|
// Items with children: popover trigger + popover
|
|
263
263
|
if (hasChildren) {
|
|
264
|
-
return /*#__PURE__*/
|
|
264
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
265
265
|
...{
|
|
266
266
|
className: "x78zum5 xdt5ytf xh8yej3"
|
|
267
267
|
},
|
|
268
|
-
children: [/*#__PURE__*/
|
|
268
|
+
children: [/*#__PURE__*/_jsx("button", {
|
|
269
269
|
ref: mergeRefs(ref, popover.triggerRef),
|
|
270
270
|
type: "button",
|
|
271
271
|
onClick: popover.toggle,
|
|
@@ -276,27 +276,27 @@ export function SideNavItem({
|
|
|
276
276
|
...popover.triggerProps,
|
|
277
277
|
...collapsedItemStyles,
|
|
278
278
|
children: collapsedIcon
|
|
279
|
-
}
|
|
279
|
+
}), popover.render(/*#__PURE__*/_jsxs("div", {
|
|
280
280
|
...{
|
|
281
281
|
className: "x1litavf x1y0btm7 x14i3s5s xu0wf1k x7a5moj x11g1kdw xfb3i0g"
|
|
282
282
|
},
|
|
283
283
|
onMouseEnter: handlePopoverMouseEnter,
|
|
284
284
|
onMouseLeave: handlePopoverMouseLeave,
|
|
285
285
|
onClick: () => popover.hide(),
|
|
286
|
-
children: [/*#__PURE__*/
|
|
286
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
287
287
|
...{
|
|
288
288
|
className: "xf314gf xu0wf1k x141an7d x2mo6ok xv1l7n4 x1ltkj2j"
|
|
289
289
|
},
|
|
290
290
|
children: label
|
|
291
|
-
}
|
|
291
|
+
}), /*#__PURE__*/_jsx(SideNavCollapseContext, {
|
|
292
292
|
value: EXPANDED_COLLAPSE_STATE,
|
|
293
293
|
children: children
|
|
294
|
-
}
|
|
295
|
-
}
|
|
294
|
+
})]
|
|
295
|
+
}), {
|
|
296
296
|
placement: 'end',
|
|
297
297
|
alignment: 'start'
|
|
298
298
|
})]
|
|
299
|
-
}
|
|
299
|
+
});
|
|
300
300
|
}
|
|
301
301
|
|
|
302
302
|
// Items without children: icon-only link/button with tooltip
|
|
@@ -306,7 +306,7 @@ export function SideNavItem({
|
|
|
306
306
|
'aria-label': label,
|
|
307
307
|
'data-testid': testId
|
|
308
308
|
};
|
|
309
|
-
const collapsedElement = /*#__PURE__*/
|
|
309
|
+
const collapsedElement = /*#__PURE__*/_jsx(NavItemElement, {
|
|
310
310
|
ref: ref,
|
|
311
311
|
href: href,
|
|
312
312
|
as: as,
|
|
@@ -315,34 +315,34 @@ export function SideNavItem({
|
|
|
315
315
|
...collapsedAriaProps,
|
|
316
316
|
...collapsedItemStyles,
|
|
317
317
|
children: collapsedIcon
|
|
318
|
-
}
|
|
319
|
-
return /*#__PURE__*/
|
|
318
|
+
});
|
|
319
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
320
320
|
ref: itemRef,
|
|
321
321
|
...{
|
|
322
322
|
className: "x78zum5 xdt5ytf xh8yej3"
|
|
323
323
|
},
|
|
324
|
-
children: [collapsedElement, /*#__PURE__*/
|
|
324
|
+
children: [collapsedElement, /*#__PURE__*/_jsx(Tooltip, {
|
|
325
325
|
content: label,
|
|
326
326
|
placement: "end",
|
|
327
327
|
anchorRef: itemRef
|
|
328
|
-
}
|
|
329
|
-
}
|
|
328
|
+
})]
|
|
329
|
+
});
|
|
330
330
|
}
|
|
331
|
-
const itemContent = /*#__PURE__*/
|
|
331
|
+
const itemContent = /*#__PURE__*/_jsxs(_Fragment, {
|
|
332
332
|
children: [displayIcon && renderIconSlot(displayIcon, {
|
|
333
333
|
size: 'sm',
|
|
334
334
|
color: isSelected ? 'primary' : isDisabled ? 'disabled' : 'secondary'
|
|
335
|
-
}), !isCollapsed && /*#__PURE__*/
|
|
335
|
+
}), !isCollapsed && /*#__PURE__*/_jsx("span", {
|
|
336
336
|
...{
|
|
337
337
|
className: "x98rzlu xeuugli xb3r6kr xlyipyv xuxw1ft"
|
|
338
338
|
},
|
|
339
339
|
children: label
|
|
340
|
-
}
|
|
340
|
+
}), !isCollapsed && endContent && /*#__PURE__*/_jsx("span", {
|
|
341
341
|
...{
|
|
342
342
|
className: "x2lah0s x78zum5 x6s0dn4"
|
|
343
343
|
},
|
|
344
344
|
children: endContent
|
|
345
|
-
}
|
|
345
|
+
}), !isCollapsed && isItemCollapsible && !hasIndependentToggle && /*#__PURE__*/_jsx("span", {
|
|
346
346
|
...{
|
|
347
347
|
0: {
|
|
348
348
|
className: "x3nfvp2 x6s0dn4 xl56j7k x1mtvzj0 xvpftlf x11xpdln xuedmi6 xlr8y92 x2lah0s"
|
|
@@ -352,8 +352,8 @@ export function SideNavItem({
|
|
|
352
352
|
}
|
|
353
353
|
}[!!!isItemCollapsed << 0],
|
|
354
354
|
children: getIcon('chevronDown')
|
|
355
|
-
}
|
|
356
|
-
}
|
|
355
|
+
})]
|
|
356
|
+
});
|
|
357
357
|
const navItemStyleProps = mergeProps(themeProps('side-nav-item', {
|
|
358
358
|
size,
|
|
359
359
|
selected: isSelected ? 'selected' : null
|
|
@@ -374,10 +374,10 @@ export function SideNavItem({
|
|
|
374
374
|
|
|
375
375
|
let itemElement;
|
|
376
376
|
if (hasIndependentToggle) {
|
|
377
|
-
itemElement = /*#__PURE__*/
|
|
377
|
+
itemElement = /*#__PURE__*/_jsxs("div", {
|
|
378
378
|
"data-testid": testId,
|
|
379
379
|
...navItemStyleProps,
|
|
380
|
-
children: [/*#__PURE__*/
|
|
380
|
+
children: [/*#__PURE__*/_jsx(NavItemElement, {
|
|
381
381
|
ref: ref,
|
|
382
382
|
href: href,
|
|
383
383
|
as: as,
|
|
@@ -388,7 +388,7 @@ export function SideNavItem({
|
|
|
388
388
|
className: "x78zum5 x6s0dn4 x1txdalj x98rzlu xeuugli x1heor9g x1hl2dhg x1717udv x1ghz6dp xc342km xng3xce xjbqb8w xjb2p0i x1qlqyl8 x1pd3egz x15bjb6t x1yc453h x1ypdohk"
|
|
389
389
|
},
|
|
390
390
|
children: itemContent
|
|
391
|
-
}
|
|
391
|
+
}), /*#__PURE__*/_jsx("button", {
|
|
392
392
|
type: "button",
|
|
393
393
|
onClick: handleToggleClick,
|
|
394
394
|
"aria-label": isItemCollapsed ? `Expand ${label}` : `Collapse ${label}`,
|
|
@@ -397,7 +397,7 @@ export function SideNavItem({
|
|
|
397
397
|
...{
|
|
398
398
|
className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x1717udv x1ghz6dp xc342km xng3xce xjbqb8w x1heor9g x1ypdohk xh6dtrn xe9uy6x xyxi2l3"
|
|
399
399
|
},
|
|
400
|
-
children: /*#__PURE__*/
|
|
400
|
+
children: /*#__PURE__*/_jsx("span", {
|
|
401
401
|
...{
|
|
402
402
|
0: {
|
|
403
403
|
className: "x3nfvp2 x6s0dn4 xl56j7k x1mtvzj0 xvpftlf x11xpdln xuedmi6 xlr8y92 x2lah0s"
|
|
@@ -407,9 +407,9 @@ export function SideNavItem({
|
|
|
407
407
|
}
|
|
408
408
|
}[!!!isItemCollapsed << 0],
|
|
409
409
|
children: getIcon('chevronDown')
|
|
410
|
-
}
|
|
411
|
-
}
|
|
412
|
-
}
|
|
410
|
+
})
|
|
411
|
+
})]
|
|
412
|
+
});
|
|
413
413
|
} else {
|
|
414
414
|
const ariaProps = {
|
|
415
415
|
'aria-current': isSelected ? 'page' : undefined,
|
|
@@ -418,7 +418,7 @@ export function SideNavItem({
|
|
|
418
418
|
'aria-controls': isItemCollapsible ? `${id}-children` : undefined,
|
|
419
419
|
'data-testid': testId
|
|
420
420
|
};
|
|
421
|
-
itemElement = /*#__PURE__*/
|
|
421
|
+
itemElement = /*#__PURE__*/_jsx(NavItemElement, {
|
|
422
422
|
ref: ref,
|
|
423
423
|
href: href,
|
|
424
424
|
as: as,
|
|
@@ -427,14 +427,14 @@ export function SideNavItem({
|
|
|
427
427
|
...ariaProps,
|
|
428
428
|
...navItemStyleProps,
|
|
429
429
|
children: itemContent
|
|
430
|
-
}
|
|
430
|
+
});
|
|
431
431
|
}
|
|
432
|
-
const item = /*#__PURE__*/
|
|
432
|
+
const item = /*#__PURE__*/_jsxs("div", {
|
|
433
433
|
ref: itemRef,
|
|
434
434
|
...{
|
|
435
435
|
className: "x78zum5 xdt5ytf xh8yej3"
|
|
436
436
|
},
|
|
437
|
-
children: [itemElement, hasChildren && !isCollapsed && /*#__PURE__*/
|
|
437
|
+
children: [itemElement, hasChildren && !isCollapsed && /*#__PURE__*/_jsx("div", {
|
|
438
438
|
id: `${id}-children`,
|
|
439
439
|
role: "group",
|
|
440
440
|
"aria-labelledby": `${id}-label`,
|
|
@@ -448,18 +448,18 @@ export function SideNavItem({
|
|
|
448
448
|
className: "xrvj5dj x1qn9uv2 x80gvsz xlr8y92 xihq33y"
|
|
449
449
|
}
|
|
450
450
|
}[!!isItemCollapsed << 0],
|
|
451
|
-
children: /*#__PURE__*/
|
|
451
|
+
children: /*#__PURE__*/_jsxs("div", {
|
|
452
452
|
...{
|
|
453
453
|
className: "xb3r6kr x2lwn1j x31w388"
|
|
454
454
|
},
|
|
455
|
-
children: [/*#__PURE__*/
|
|
455
|
+
children: [/*#__PURE__*/_jsx("span", {
|
|
456
456
|
id: `${id}-label`,
|
|
457
457
|
hidden: true,
|
|
458
458
|
children: label
|
|
459
|
-
}
|
|
460
|
-
}
|
|
461
|
-
}
|
|
462
|
-
}
|
|
459
|
+
}), children]
|
|
460
|
+
})
|
|
461
|
+
})]
|
|
462
|
+
});
|
|
463
463
|
return item;
|
|
464
464
|
}
|
|
465
465
|
SideNavItem.displayName = 'SideNavItem';
|
|
@@ -54,7 +54,7 @@ export interface SideNavSectionProps extends BaseProps<HTMLDivElement> {
|
|
|
54
54
|
* </SideNavSection>
|
|
55
55
|
* ```
|
|
56
56
|
*/
|
|
57
|
-
export declare function SideNavSection({ ref, title, subtitle, children, endContent, isHeaderHidden, xstyle, className, style, 'data-testid': testId,
|
|
57
|
+
export declare function SideNavSection({ ref, title, subtitle, children, endContent, isHeaderHidden, xstyle, className, style, 'data-testid': testId, }: SideNavSectionProps): React.JSX.Element;
|
|
58
58
|
export declare namespace SideNavSection {
|
|
59
59
|
var displayName: string;
|
|
60
60
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavSection.d.ts","sourceRoot":"","sources":["../../src/SideNav/SideNavSection.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,EAAQ,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AASnD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA+D5C,MAAM,WAAW,mBAAoB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACpE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAMD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,cAAsB,EACtB,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"SideNavSection.d.ts","sourceRoot":"","sources":["../../src/SideNav/SideNavSection.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,EAAQ,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AASnD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA+D5C,MAAM,WAAW,mBAAoB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACpE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAMD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,cAAsB,EACtB,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GACtB,EAAE,mBAAmB,qBAwDrB;yBAnEe,cAAc"}
|
|
@@ -27,7 +27,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
27
27
|
// =============================================================================
|
|
28
28
|
// Styles
|
|
29
29
|
// =============================================================================
|
|
30
|
-
import {
|
|
30
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
31
31
|
const styles = {
|
|
32
32
|
root: {
|
|
33
33
|
k1xSpc: "x78zum5",
|
|
@@ -69,38 +69,37 @@ export function SideNavSection({
|
|
|
69
69
|
xstyle,
|
|
70
70
|
className,
|
|
71
71
|
style,
|
|
72
|
-
'data-testid': testId
|
|
73
|
-
...rest
|
|
72
|
+
'data-testid': testId
|
|
74
73
|
}) {
|
|
75
74
|
const {
|
|
76
75
|
isCollapsed
|
|
77
76
|
} = useSideNavCollapse();
|
|
78
77
|
const id = useId();
|
|
79
78
|
const titleId = `${id}-title`;
|
|
80
|
-
const headerContent = /*#__PURE__*/
|
|
81
|
-
children: [/*#__PURE__*/
|
|
79
|
+
const headerContent = /*#__PURE__*/_jsxs(_Fragment, {
|
|
80
|
+
children: [/*#__PURE__*/_jsxs("span", {
|
|
82
81
|
...{
|
|
83
82
|
className: "x78zum5 xdt5ytf x98rzlu xeuugli"
|
|
84
83
|
},
|
|
85
|
-
children: [/*#__PURE__*/
|
|
84
|
+
children: [/*#__PURE__*/_jsx("span", {
|
|
86
85
|
id: titleId,
|
|
87
86
|
...{
|
|
88
87
|
className: "x141an7d x2mo6ok x1ltkj2j xv1l7n4 xb3r6kr xlyipyv xuxw1ft"
|
|
89
88
|
},
|
|
90
89
|
children: title
|
|
91
|
-
}
|
|
90
|
+
}), subtitle && /*#__PURE__*/_jsx("span", {
|
|
92
91
|
...{
|
|
93
92
|
className: "x141an7d x1ltkj2j xv1l7n4 xb3r6kr xlyipyv xuxw1ft"
|
|
94
93
|
},
|
|
95
94
|
children: subtitle
|
|
96
|
-
}
|
|
97
|
-
}
|
|
95
|
+
})]
|
|
96
|
+
}), endContent && /*#__PURE__*/_jsx("span", {
|
|
98
97
|
...{
|
|
99
98
|
className: "x2lah0s x78zum5 x6s0dn4"
|
|
100
99
|
},
|
|
101
100
|
children: endContent
|
|
102
|
-
}
|
|
103
|
-
}
|
|
101
|
+
})]
|
|
102
|
+
});
|
|
104
103
|
const shouldHideHeader = isHeaderHidden || isCollapsed;
|
|
105
104
|
const visuallyHiddenStyle = shouldHideHeader ? {
|
|
106
105
|
position: 'absolute',
|
|
@@ -113,26 +112,25 @@ export function SideNavSection({
|
|
|
113
112
|
whiteSpace: 'nowrap',
|
|
114
113
|
borderWidth: 0
|
|
115
114
|
} : {};
|
|
116
|
-
return /*#__PURE__*/
|
|
115
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
117
116
|
ref: ref,
|
|
118
|
-
...mergeProps(themeProps('side-nav-section'), stylex.props(styles.root, xstyle), className, style),
|
|
119
|
-
...rest,
|
|
120
117
|
role: "group",
|
|
121
118
|
"aria-labelledby": titleId,
|
|
122
119
|
"data-testid": testId,
|
|
123
|
-
|
|
120
|
+
...mergeProps(themeProps('side-nav-section'), stylex.props(styles.root, xstyle), className, style),
|
|
121
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
124
122
|
...mergeProps({
|
|
125
123
|
className: "x78zum5 x6s0dn4 x1txdalj xf314gf xu0wf1k xt0e3qv x87ps6o"
|
|
126
124
|
}, {
|
|
127
125
|
style: shouldHideHeader ? visuallyHiddenStyle : undefined
|
|
128
126
|
}),
|
|
129
127
|
children: headerContent
|
|
130
|
-
}
|
|
128
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
131
129
|
...{
|
|
132
130
|
className: "x78zum5 xdt5ytf x1lsbc85"
|
|
133
131
|
},
|
|
134
132
|
children: children
|
|
135
|
-
}
|
|
136
|
-
}
|
|
133
|
+
})]
|
|
134
|
+
});
|
|
137
135
|
}
|
|
138
136
|
SideNavSection.displayName = 'SideNavSection';
|
|
@@ -28,7 +28,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
28
28
|
* Initial delay before animation starts (ms).
|
|
29
29
|
* Prevents flash of animation for fast-loading content.
|
|
30
30
|
*/
|
|
31
|
-
import {
|
|
31
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
32
32
|
const DELAY_TIME = 1000;
|
|
33
33
|
|
|
34
34
|
/**
|
|
@@ -143,7 +143,7 @@ export function Skeleton({
|
|
|
143
143
|
ref,
|
|
144
144
|
...props
|
|
145
145
|
}) {
|
|
146
|
-
return /*#__PURE__*/
|
|
146
|
+
return /*#__PURE__*/_jsx("div", {
|
|
147
147
|
ref: ref
|
|
148
148
|
// Purely decorative loading placeholder — hide from assistive tech so it
|
|
149
149
|
// isn't announced as empty content. The surrounding region should convey
|
|
@@ -154,6 +154,6 @@ export function Skeleton({
|
|
|
154
154
|
"data-testid": testId,
|
|
155
155
|
...mergeProps(themeProps('skeleton'), stylex.props(styles.root, styles.animate, radiusStyles[radiusProp], dynamicStyles.dimensions(width, height), dynamicStyles.animationDelay(index), xstyle), className, style),
|
|
156
156
|
...props
|
|
157
|
-
}
|
|
157
|
+
});
|
|
158
158
|
}
|
|
159
159
|
Skeleton.displayName = 'Skeleton';
|
package/dist/Slider/Slider.js
CHANGED
|
@@ -28,7 +28,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
28
28
|
// =============================================================================
|
|
29
29
|
// Types
|
|
30
30
|
// =============================================================================
|
|
31
|
-
import {
|
|
31
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
32
32
|
// =============================================================================
|
|
33
33
|
// Constants
|
|
34
34
|
// =============================================================================
|
|
@@ -332,7 +332,7 @@ export function Slider({
|
|
|
332
332
|
// than stacking two tooltips over the same thumb.
|
|
333
333
|
const useValueTooltip = valueDisplay === 'tooltip' && !showsDisabledMessage;
|
|
334
334
|
const tooltipPlacement = isHorizontal ? 'above' : 'start';
|
|
335
|
-
const thumbElement = /*#__PURE__*/
|
|
335
|
+
const thumbElement = /*#__PURE__*/_jsx("div", {
|
|
336
336
|
id: !isRange ? id : undefined,
|
|
337
337
|
role: "slider"
|
|
338
338
|
// With a disabledMessage the thumb keeps focusability so the reason is
|
|
@@ -403,16 +403,16 @@ export function Slider({
|
|
|
403
403
|
className: "x10l6tqk xw4jnvo x1qx5ct2 xjspbzw x11lhmoz x106061f xuedmi6 x12w9bfk xlr8y92 x1vjfegm xwa60dl x1a2a7pz x17nn4n9 x1wfwxd8 x7s97pk xwmxj5m x1h6gzvc"
|
|
404
404
|
}
|
|
405
405
|
}[!!isHorizontal << 3 | !!!isDisabled << 2 | !!!isDisabled << 1 | !!isDisabled << 0], undefined, positionStyle)
|
|
406
|
-
}, thumbIndex
|
|
406
|
+
}, thumbIndex);
|
|
407
407
|
if (useValueTooltip) {
|
|
408
|
-
return /*#__PURE__*/
|
|
408
|
+
return /*#__PURE__*/_jsx(Tooltip, {
|
|
409
409
|
content: displayValue(val),
|
|
410
410
|
placement: tooltipPlacement,
|
|
411
411
|
delay: 0,
|
|
412
412
|
focusTrigger: "always",
|
|
413
413
|
isOpen: draggingThumb === thumbIndex ? true : undefined,
|
|
414
414
|
children: thumbElement
|
|
415
|
-
}, thumbIndex
|
|
415
|
+
}, thumbIndex);
|
|
416
416
|
}
|
|
417
417
|
return thumbElement;
|
|
418
418
|
};
|
|
@@ -448,13 +448,13 @@ export function Slider({
|
|
|
448
448
|
})();
|
|
449
449
|
|
|
450
450
|
// Text value display
|
|
451
|
-
const textDisplay = valueDisplay === 'text' ? /*#__PURE__*/
|
|
451
|
+
const textDisplay = valueDisplay === 'text' ? /*#__PURE__*/_jsx("span", {
|
|
452
452
|
...{
|
|
453
453
|
className: "x9ynric xcr08ib x1tgivj0 xuxw1ft x2lah0s"
|
|
454
454
|
},
|
|
455
455
|
children: isRange ? `${displayValue(values[0])} – ${displayValue(values[1])}` : displayValue(values[0])
|
|
456
|
-
}
|
|
457
|
-
return /*#__PURE__*/
|
|
456
|
+
}) : null;
|
|
457
|
+
return /*#__PURE__*/_jsxs(Field, {
|
|
458
458
|
"data-testid": testId,
|
|
459
459
|
label: label,
|
|
460
460
|
isLabelHidden: isLabelHidden,
|
|
@@ -475,14 +475,14 @@ export function Slider({
|
|
|
475
475
|
xstyle: xstyle,
|
|
476
476
|
className: className,
|
|
477
477
|
style: style,
|
|
478
|
-
children: [/*#__PURE__*/
|
|
478
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
479
479
|
...mergeProps(themeProps('slider', {
|
|
480
480
|
orientation,
|
|
481
481
|
disabled: isDisabled ? 'disabled' : null
|
|
482
482
|
}), {
|
|
483
483
|
className: "x78zum5 x6s0dn4 x1txdalj"
|
|
484
484
|
}),
|
|
485
|
-
children: [htmlName != null && values.map((v, i) => /*#__PURE__*/
|
|
485
|
+
children: [htmlName != null && values.map((v, i) => /*#__PURE__*/_jsx("input", {
|
|
486
486
|
type: "hidden",
|
|
487
487
|
name: htmlName,
|
|
488
488
|
value: String(v)
|
|
@@ -490,7 +490,7 @@ export function Slider({
|
|
|
490
490
|
// mirror that for the hidden carrier.
|
|
491
491
|
,
|
|
492
492
|
disabled: isDisabled
|
|
493
|
-
}, i === 0 ? 'start' : 'end'
|
|
493
|
+
}, i === 0 ? 'start' : 'end')), /*#__PURE__*/_jsxs("div", {
|
|
494
494
|
ref: mergeRefs(ref, trackRef, disabledMessageTooltip.ref),
|
|
495
495
|
...(isRange ? {
|
|
496
496
|
role: 'group',
|
|
@@ -514,7 +514,7 @@ export function Slider({
|
|
|
514
514
|
className: "x1n2onr6 x78zum5 x6s0dn4 x1iyjqo2 x5ve5x3 x87ps6o xc8icb0 x1qx5ct2 xh8yej3 xbyyjgo x1h6gzvc"
|
|
515
515
|
}
|
|
516
516
|
}[!!isHorizontal << 1 | !!isDisabled << 0],
|
|
517
|
-
children: [/*#__PURE__*/
|
|
517
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
518
518
|
"aria-hidden": "true",
|
|
519
519
|
...mergeProps(themeProps('slider-track', {
|
|
520
520
|
orientation
|
|
@@ -526,7 +526,7 @@ export function Slider({
|
|
|
526
526
|
className: "x10l6tqk xdsb6cv xjspbzw xu96u03 x3m8u43 xqu0tyb xwa60dl x1cb1t30"
|
|
527
527
|
}
|
|
528
528
|
}[!!isHorizontal << 0])
|
|
529
|
-
}
|
|
529
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
530
530
|
"aria-hidden": "true",
|
|
531
531
|
...mergeProps({
|
|
532
532
|
0: {
|
|
@@ -538,7 +538,7 @@ export function Slider({
|
|
|
538
538
|
}[!!isHorizontal << 0], {
|
|
539
539
|
style: filledStyle
|
|
540
540
|
})
|
|
541
|
-
}
|
|
541
|
+
}), marks && /*#__PURE__*/_jsx("div", {
|
|
542
542
|
"aria-hidden": "true",
|
|
543
543
|
...{
|
|
544
544
|
0: {
|
|
@@ -555,8 +555,8 @@ export function Slider({
|
|
|
555
555
|
} : {
|
|
556
556
|
bottom: `${percent}%`
|
|
557
557
|
};
|
|
558
|
-
return /*#__PURE__*/
|
|
559
|
-
children: [/*#__PURE__*/
|
|
558
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
559
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
560
560
|
"data-testid": "slider-mark",
|
|
561
561
|
"data-mark-value": mark.value,
|
|
562
562
|
...mergeProps({
|
|
@@ -569,7 +569,7 @@ export function Slider({
|
|
|
569
569
|
}[!!isHorizontal << 0], {
|
|
570
570
|
style: markPos
|
|
571
571
|
})
|
|
572
|
-
}
|
|
572
|
+
}), mark.label && /*#__PURE__*/_jsx("span", {
|
|
573
573
|
"data-testid": "slider-mark-label",
|
|
574
574
|
"data-mark-value": mark.value,
|
|
575
575
|
...mergeProps({
|
|
@@ -583,12 +583,12 @@ export function Slider({
|
|
|
583
583
|
style: markPos
|
|
584
584
|
}),
|
|
585
585
|
children: mark.label
|
|
586
|
-
}
|
|
587
|
-
}, mark.value
|
|
586
|
+
})]
|
|
587
|
+
}, mark.value);
|
|
588
588
|
})
|
|
589
|
-
}
|
|
590
|
-
}
|
|
591
|
-
}
|
|
592
|
-
}
|
|
589
|
+
}), values.map((_, i) => renderThumb(i))]
|
|
590
|
+
}), textDisplay]
|
|
591
|
+
}), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
|
|
592
|
+
});
|
|
593
593
|
}
|
|
594
594
|
Slider.displayName = 'Slider';
|
package/dist/Spinner/Spinner.js
CHANGED
|
@@ -29,7 +29,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
29
29
|
// =============================================================================
|
|
30
30
|
|
|
31
31
|
/** How much of the circle the active arc covers (as a fraction of 2π) */
|
|
32
|
-
import {
|
|
32
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
33
33
|
const SPREAD = 0.75;
|
|
34
34
|
/** Where the active arc starts (as a fraction of 2π) */
|
|
35
35
|
const START_POINT = 1.5;
|
|
@@ -186,7 +186,7 @@ export function Spinner({
|
|
|
186
186
|
|
|
187
187
|
// Resolve accessible name: explicit aria-label > string label > "Loading"
|
|
188
188
|
const resolvedAriaLabel = ariaLabel ?? (typeof label === 'string' ? label : undefined) ?? 'Loading';
|
|
189
|
-
const spinner = /*#__PURE__*/
|
|
189
|
+
const spinner = /*#__PURE__*/_jsx("span", {
|
|
190
190
|
ref: hasLabel ? undefined : ref,
|
|
191
191
|
role: "status",
|
|
192
192
|
"aria-label": resolvedAriaLabel,
|
|
@@ -200,17 +200,17 @@ export function Spinner({
|
|
|
200
200
|
width: frameSize,
|
|
201
201
|
height: frameSize
|
|
202
202
|
}),
|
|
203
|
-
children: /*#__PURE__*/
|
|
203
|
+
children: /*#__PURE__*/_jsx("canvas", {
|
|
204
204
|
ref: canvasRef,
|
|
205
205
|
...{
|
|
206
206
|
className: "xlp1x4z x1lliihq x1so62im x14qxm4i xnh0sag xa4qsjk x1ka1v4i x1esw782"
|
|
207
207
|
}
|
|
208
|
-
}
|
|
209
|
-
}
|
|
208
|
+
})
|
|
209
|
+
});
|
|
210
210
|
if (!hasLabel) {
|
|
211
211
|
return spinner;
|
|
212
212
|
}
|
|
213
|
-
return /*#__PURE__*/
|
|
213
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
214
214
|
ref: ref,
|
|
215
215
|
"data-testid": testId,
|
|
216
216
|
...restProps,
|
|
@@ -218,11 +218,11 @@ export function Spinner({
|
|
|
218
218
|
size,
|
|
219
219
|
shade
|
|
220
220
|
}), stylex.props(styles.wrapper, xstyle), className, style),
|
|
221
|
-
children: [spinner, typeof label === 'string' ? /*#__PURE__*/
|
|
221
|
+
children: [spinner, typeof label === 'string' ? /*#__PURE__*/_jsx(Text, {
|
|
222
222
|
type: "body",
|
|
223
223
|
weight: "bold",
|
|
224
224
|
children: label
|
|
225
|
-
}
|
|
226
|
-
}
|
|
225
|
+
}) : label]
|
|
226
|
+
});
|
|
227
227
|
}
|
|
228
228
|
Spinner.displayName = 'Spinner';
|
|
@@ -25,7 +25,7 @@ import { themeProps } from "../utils/themeProps.js";
|
|
|
25
25
|
/**
|
|
26
26
|
* Pulse animation keyframes
|
|
27
27
|
*/
|
|
28
|
-
import {
|
|
28
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
29
29
|
const pulseKeyframes = "xtut5q7-B";
|
|
30
30
|
|
|
31
31
|
/**
|
|
@@ -124,7 +124,7 @@ export function StatusDot({
|
|
|
124
124
|
ref,
|
|
125
125
|
...props
|
|
126
126
|
}) {
|
|
127
|
-
const dot = /*#__PURE__*/
|
|
127
|
+
const dot = /*#__PURE__*/_jsx("span", {
|
|
128
128
|
ref: ref,
|
|
129
129
|
role: "img",
|
|
130
130
|
"aria-label": label,
|
|
@@ -132,12 +132,12 @@ export function StatusDot({
|
|
|
132
132
|
variant
|
|
133
133
|
}), stylex.props(styles.base, variants[variant], isPulsing && styles.pulsing, isPulsing && styles.reducedMotion, xstyle), className, style),
|
|
134
134
|
...props
|
|
135
|
-
}
|
|
135
|
+
});
|
|
136
136
|
if (tooltip) {
|
|
137
|
-
return /*#__PURE__*/
|
|
137
|
+
return /*#__PURE__*/_jsx(Tooltip, {
|
|
138
138
|
content: tooltip,
|
|
139
139
|
children: dot
|
|
140
|
-
}
|
|
140
|
+
});
|
|
141
141
|
}
|
|
142
142
|
return dot;
|
|
143
143
|
}
|
package/dist/Switch/Switch.d.ts
CHANGED
|
@@ -17,9 +17,7 @@ import type { InputStatus } from '../Field/types';
|
|
|
17
17
|
import type { BaseProps } from '../BaseProps';
|
|
18
18
|
import type { SizeValue } from '../utils/types';
|
|
19
19
|
export type SwitchLabelPosition = 'start' | 'end';
|
|
20
|
-
export type SwitchLabelSpacing = '
|
|
21
|
-
/** @deprecated Use `'hug'` instead. */
|
|
22
|
-
| 'default';
|
|
20
|
+
export type SwitchLabelSpacing = 'default' | 'spread';
|
|
23
21
|
export interface SwitchProps extends Omit<BaseProps, 'onChange'> {
|
|
24
22
|
/** Ref forwarded to the root element */
|
|
25
23
|
ref?: React.Ref<HTMLInputElement>;
|
|
@@ -125,11 +123,9 @@ export interface SwitchProps extends Omit<BaseProps, 'onChange'> {
|
|
|
125
123
|
labelPosition?: SwitchLabelPosition;
|
|
126
124
|
/**
|
|
127
125
|
* Spacing behavior between label and switch.
|
|
128
|
-
* - '
|
|
126
|
+
* - 'default': Label and switch are positioned next to each other
|
|
129
127
|
* - 'spread': Label and switch are pushed to opposite ends
|
|
130
|
-
*
|
|
131
|
-
* 'default' is a deprecated alias for 'hug'.
|
|
132
|
-
* @default 'hug'
|
|
128
|
+
* @default 'default'
|
|
133
129
|
*/
|
|
134
130
|
labelSpacing?: SwitchLabelSpacing;
|
|
135
131
|
/**
|
|
@@ -156,7 +152,7 @@ export interface SwitchProps extends Omit<BaseProps, 'onChange'> {
|
|
|
156
152
|
* />
|
|
157
153
|
* ```
|
|
158
154
|
*/
|
|
159
|
-
export declare function Switch({ label, isLabelHidden, description, onChange, changeAction, isLoading, value, isDisabled, htmlName, disabledMessage, isOptional, isRequired, onFocus, onBlur, labelIcon, labelTooltip, labelPosition, labelSpacing, status, width, xstyle, className, style, ref,
|
|
155
|
+
export declare function Switch({ label, isLabelHidden, description, onChange, changeAction, isLoading, value, isDisabled, htmlName, disabledMessage, isOptional, isRequired, onFocus, onBlur, labelIcon, labelTooltip, labelPosition, labelSpacing, status, width, xstyle, className, style, ref, }: SwitchProps): import("react").JSX.Element;
|
|
160
156
|
export declare namespace Switch {
|
|
161
157
|
var displayName: string;
|
|
162
158
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAaf,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACtC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAKhD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AA4I9C,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,KAAK,CAAC;AAElD,MAAM,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAaf,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACtC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAKhD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AA4I9C,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,KAAK,CAAC;AAElD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC9D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,YAAY,CAAC,EAAE,CACb,OAAO,EAAE,OAAO,EAChB,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAC7B,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;;;;;;;;;;;;;;OAmBG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpD;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAOD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,aAAqB,EACrB,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,SAAiB,EACjB,KAAK,EACL,UAAkB,EAClB,QAAQ,EACR,eAAe,EACf,UAAkB,EAClB,UAAkB,EAClB,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,EACZ,aAAqB,EACrB,YAAwB,EACxB,MAAM,EACN,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,GACJ,EAAE,WAAW,+BAkLb;yBA3Me,MAAM"}
|