diff --git a/packages/@react-aria/i18n/src/index.ts b/packages/@react-aria/i18n/src/index.ts index 1dd87f7ef3e..6b9dd22080d 100644 --- a/packages/@react-aria/i18n/src/index.ts +++ b/packages/@react-aria/i18n/src/index.ts @@ -18,6 +18,7 @@ export {useDateFormatter} from './useDateFormatter'; export {useNumberFormatter} from './useNumberFormatter'; export {useCollator} from './useCollator'; export {useFilter} from './useFilter'; +export {isRTL} from './utils'; export type {FormatMessage} from './useMessageFormatter'; export type {LocalizedStringFormatter} from '@internationalized/string'; diff --git a/packages/react-aria-components/src/Tooltip.tsx b/packages/react-aria-components/src/Tooltip.tsx index 0e33f53c35c..1cf0509c9ef 100644 --- a/packages/react-aria-components/src/Tooltip.tsx +++ b/packages/react-aria-components/src/Tooltip.tsx @@ -142,6 +142,7 @@ function TooltipInner(props: TooltipProps & {isExiting: boolean, tooltipRef: Ref arrowSize: arrowWidth, arrowBoundaryOffset: props.arrowBoundaryOffset, shouldFlip: props.shouldFlip, + containerPadding: props.containerPadding, onClose: () => state.close(true) }); diff --git a/packages/react-aria-components/stories/Tooltip.stories.tsx b/packages/react-aria-components/stories/Tooltip.stories.tsx index 8acfc5cc616..cb14766e25a 100644 --- a/packages/react-aria-components/stories/Tooltip.stories.tsx +++ b/packages/react-aria-components/stories/Tooltip.stories.tsx @@ -333,3 +333,17 @@ export const TooltipArrowBoundaryOffsetExample: StoryObj }; + +export const TooltipContainerPaddingExample: StoryObj = { + render: (args) => ( + + + + I am a tooltip + + + ), + args: { + containerPadding: 10 + } +}; diff --git a/packages/react-aria/src/index.ts b/packages/react-aria/src/index.ts index bc63fd9515a..5b35daebf44 100644 --- a/packages/react-aria/src/index.ts +++ b/packages/react-aria/src/index.ts @@ -21,7 +21,7 @@ export {useDialog} from '@react-aria/dialog'; export {useDisclosure} from '@react-aria/disclosure'; export {useDrag, useDrop, useDraggableCollection, useDroppableCollection, useDroppableItem, useDropIndicator, useDraggableItem, useClipboard, DragPreview, ListDropTargetDelegate, DIRECTORY_DRAG_TYPE, isDirectoryDropItem, isFileDropItem, isTextDropItem} from '@react-aria/dnd'; export {FocusRing, FocusScope, useFocusManager, useFocusRing} from '@react-aria/focus'; -export {I18nProvider, useCollator, useDateFormatter, useFilter, useLocale, useLocalizedStringFormatter, useMessageFormatter, useNumberFormatter} from '@react-aria/i18n'; +export {I18nProvider, isRTL, useCollator, useDateFormatter, useFilter, useLocale, useLocalizedStringFormatter, useMessageFormatter, useNumberFormatter} from '@react-aria/i18n'; export {useFocus, useFocusVisible, useFocusWithin, useHover, useInteractOutside, useKeyboard, useMove, usePress, useLongPress, useFocusable, Pressable, Focusable} from '@react-aria/interactions'; export {useField, useLabel} from '@react-aria/label'; export {useGridList, useGridListItem, useGridListSelectionCheckbox} from '@react-aria/gridlist'; diff --git a/scripts/compareAPIs.js b/scripts/compareAPIs.js index cb6f8744d42..08974ebaca6 100644 --- a/scripts/compareAPIs.js +++ b/scripts/compareAPIs.js @@ -274,7 +274,7 @@ function getDiff(pair) { } else { result = [...result, ...hunk.lines.map(line => { if (line.startsWith('+')) { - return chalk.whiteBright.bgGreen(line); + return chalk.whiteBright.bgRgb(0, 60, 0)(line); } else if (line.startsWith('-')) { return chalk.whiteBright.bgRed(line); }