@atlaskit/primitives 19.0.1 → 20.0.0

package/dist/types-ts4.5/compiled/components/metric-text.d.ts

@@ -1,49 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ComponentPropsWithRef, type ElementType, type ReactNode } from 'react';
-import type { BasePrimitiveProps, MetricTextFontSize, TextAlign } from './types';
-declare const asAllowlist: readonly [
-    "span",
-    "div"
-];
-type AsElement = (typeof asAllowlist)[number];
-type MetricTextPropsBase<T extends ElementType = 'span'> = {
-    /**
-     * HTML tag to be rendered. Defaults to `span`.
-     */
-    as?: AsElement;
-    /**
-     * Elements rendered within the Text element.
-     */
-    children: ReactNode;
-    /**
-     * The [HTML `id` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).
-     */
-    id?: string;
-    /**
-     * Text alignment.
-     */
-    align?: TextAlign;
-    /**
-     * Text size.
-     */
-    size: MetricTextFontSize;
-    /**
-     * Forwarded ref.
-     */
-    ref?: ComponentPropsWithRef<T>['ref'];
-};
-export type MetricTextProps<T extends ElementType = 'span'> = MetricTextPropsBase<T> & Omit<BasePrimitiveProps, 'xcss'>;
-/**
- * __MetricText__
- *
- * MetricText is a primitive component that has the Atlassian Design System's design guidelines baked in.
- * It is designed for use specifically with displaying metrics and is not to be used for headings or general UI text.
- * It renders a `span` by default.
- *
- * @internal
- */
-declare const MetricText: React.ForwardRefExoticComponent<React.PropsWithoutRef<MetricTextProps<ElementType>> & React.RefAttributes<any>>;
-export default MetricText;

package/dist/types-ts4.5/compiled/components/pressable.d.ts

@@ -1,49 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from 'react';
-import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import type { BasePrimitiveProps, StyleProp } from './types';
-type BasePressableProps = {
-    /**
-     * Elements to be rendered inside the Pressable.
-     */
-    children?: ReactNode;
-    /**
-     * Handler called on click. The second argument provides an Atlaskit UI analytics event that can be fired to a listening channel. See the ['analytics-next' package](https://atlaskit.atlassian.com/packages/analytics/analytics-next) documentation for more information.
-     */
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>, analyticsEvent: UIAnalyticsEvent) => void;
-    /**
-     * Whether the button is disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
-     */
-    interactionName?: string;
-    /**
-     * An optional component name used to identify this component in Atlaskit analytics events. This can be used if a parent component's name is preferred over the default 'Pressable'.
-     */
-    componentName?: string;
-    /**
-     * Additional information to be included in the `context` of Atlaskit analytics events that come from pressable.
-     */
-    analyticsContext?: Record<string, any>;
-    /**
-     * Forwarded ref.
-     */
-    ref?: Ref<HTMLButtonElement>;
-};
-export type PressableProps = Omit<ComponentPropsWithoutRef<'button'>, 'disabled' | 'onClick' | 'style' | 'className'> & BasePrimitiveProps & StyleProp & BasePressableProps;
-/**
- * __Pressable__
- *
- * A primitive for building custom buttons.
- *
- * - [Examples](https://atlassian.design/components/primitives/pressable/examples)
- * - [Code](https://atlassian.design/components/primitives/pressable/code)
- * - [Usage](https://atlassian.design/components/primitives/pressable/usage)
- */
-declare const Pressable: React.ForwardRefExoticComponent<React.PropsWithoutRef<PressableProps> & React.RefAttributes<HTMLButtonElement>>;
-export default Pressable;

package/dist/types-ts4.5/compiled/components/stack.d.ts

@@ -1,57 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type AriaAttributes, type ElementType, type ForwardRefExoticComponent, type MemoExoticComponent, type ReactNode, type RefAttributes } from 'react';
-import { type FlexProps } from './flex';
-import type { AlignBlock, AlignInline, BasePrimitiveProps, Grow, Spread } from './types';
-export type StackProps<T extends ElementType = 'div'> = {
-    /**
-     * The DOM element to render as the Stack. Defaults to `div`.
-     */
-    as?: 'div' | 'span' | 'ul' | 'ol' | 'dl';
-    /**
-     * Used to align children along the block axis (typically vertical).
-     */
-    alignBlock?: Exclude<AlignBlock, 'baseline'>;
-    /**
-     * Used to align children along the inline axis (typically horizontal).
-     */
-    alignInline?: AlignInline;
-    /**
-     * Used to distribute the children along the main axis.
-     */
-    spread?: Spread;
-    /**
-     * Used to set whether the container should grow to fill the available space.
-     */
-    grow?: Grow;
-    /**
-     * Represents the space between each child.
-     */
-    space?: FlexProps['gap'];
-    /**
-     * Elements to be rendered inside the Stack.
-     */
-    children: ReactNode;
-    /**
-     * Forwarded ref element.
-     */
-    ref?: React.ComponentPropsWithRef<T>['ref'];
-} & BasePrimitiveProps & AriaAttributes;
-/**
- * __Stack__
- *
- * Stack is a primitive component based on flexbox that manages the block layout of direct children.
- *
- * @example
- * ```tsx
- *  <Stack>
- *    <Box padding="space.100" backgroundColor="neutral"></Box>
- *    <Box padding="space.100" backgroundColor="neutral"></Box>
- *  </Stack>
- * ```
- *
- */
-declare const Stack: MemoExoticComponent<ForwardRefExoticComponent<Omit<StackProps<ElementType>, 'ref'> & RefAttributes<any>>>;
-export default Stack;

package/dist/types-ts4.5/compiled/components/text.d.ts

@@ -1,101 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ComponentPropsWithRef, type ElementType, type ReactNode } from 'react';
-import { type StrictXCSSProp } from '@atlaskit/css';
-import type { BasePrimitiveProps, FontSize, FontWeight, TextAlign, TextColor } from './types';
-declare const asAllowlist: readonly [
-    "span",
-    "p",
-    "strong",
-    "em"
-];
-type AsElement = (typeof asAllowlist)[number];
-type TextPropsBase<T extends ElementType = 'span'> = {
-    /**
-     * HTML tag to be rendered. Defaults to `span`.
-     */
-    as?: AsElement;
-    /**
-     * Elements rendered within the Text element.
-     */
-    children: ReactNode;
-    /**
-     * Token representing text color with a built-in fallback value.
-     * Will apply inverse text color automatically if placed within a Box with bold background color.
-     * Defaults to `color.text` if not nested in other Text components.
-     */
-    color?: TextColor | 'inherit';
-    /**
-     * The [HTML `id` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).
-     */
-    id?: string;
-    /**
-     * The number of lines to limit the provided text to. Text will be truncated with an ellipsis.
-     *
-     * When `maxLines={1}`, `wordBreak` defaults to `break-all` to match the behaviour of `text-overflow: ellipsis`.
-     */
-    maxLines?: number;
-    /**
-     * Text alignment.
-     */
-    align?: TextAlign;
-    /**
-     * Text size.
-     */
-    size?: FontSize;
-    /**
-     * The [HTML `font-weight` attribute](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight).
-     */
-    weight?: FontWeight;
-    /**
-     * Bounded style overrides.
-     */
-    xcss?: StrictXCSSProp<'overflowWrap' | 'textDecorationLine' | 'fontVariantNumeric', never>;
-    /**
-     * Forwarded ref.
-     */
-    ref?: ComponentPropsWithRef<T>['ref'];
-};
-export type TextProps<T extends ElementType = 'span'> = TextPropsBase<T> & Omit<BasePrimitiveProps, 'xcss'>;
-export declare const inverseColorMap: {
-    readonly 'color.background.neutral.bold': "color.text.inverse";
-    readonly 'color.background.neutral.bold.hovered': "color.text.inverse";
-    readonly 'color.background.neutral.bold.pressed': "color.text.inverse";
-    readonly 'color.background.selected.bold': "color.text.inverse";
-    readonly 'color.background.selected.bold.hovered': "color.text.inverse";
-    readonly 'color.background.selected.bold.pressed': "color.text.inverse";
-    readonly 'color.background.brand.bold': "color.text.inverse";
-    readonly 'color.background.brand.bold.hovered': "color.text.inverse";
-    readonly 'color.background.brand.bold.pressed': "color.text.inverse";
-    readonly 'color.background.brand.boldest': "color.text.inverse";
-    readonly 'color.background.brand.boldest.hovered': "color.text.inverse";
-    readonly 'color.background.brand.boldest.pressed': "color.text.inverse";
-    readonly 'color.background.danger.bold': "color.text.inverse";
-    readonly 'color.background.danger.bold.hovered': "color.text.inverse";
-    readonly 'color.background.danger.bold.pressed': "color.text.inverse";
-    readonly 'color.background.warning.bold': "color.text.warning.inverse";
-    readonly 'color.background.warning.bold.hovered': "color.text.warning.inverse";
-    readonly 'color.background.warning.bold.pressed': "color.text.warning.inverse";
-    readonly 'color.background.success.bold': "color.text.inverse";
-    readonly 'color.background.success.bold.hovered': "color.text.inverse";
-    readonly 'color.background.success.bold.pressed': "color.text.inverse";
-    readonly 'color.background.discovery.bold': "color.text.inverse";
-    readonly 'color.background.discovery.bold.hovered': "color.text.inverse";
-    readonly 'color.background.discovery.bold.pressed': "color.text.inverse";
-    readonly 'color.background.information.bold': "color.text.inverse";
-    readonly 'color.background.information.bold.hovered': "color.text.inverse";
-    readonly 'color.background.information.bold.pressed': "color.text.inverse";
-};
-/**
- * __Text__
- *
- * Text is a primitive component that has the Atlassian Design System's design guidelines baked in.
- * This includes considerations for text attributes such as color, font size, font weight, and line height.
- * It renders a `span` by default.
- *
- * @internal
- */
-declare const Text: React.ForwardRefExoticComponent<React.PropsWithoutRef<TextProps<ElementType>> & React.RefAttributes<any>>;
-export default Text;

package/dist/types-ts4.5/compiled/components/types.d.ts

@@ -1,45 +0,0 @@
-import type { CSSProperties } from 'react';
-import type { StrictXCSSProp, XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
-export type BasePrimitiveProps = {
-    /**
-     * A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * `data-testid` is strictly controlled through the `testId` prop.
-     * This lets consumers know that this data attribute will not be applied.
-     */
-    'data-testid'?: never;
-    /**
-     * Apply a subset of permitted styles powered by Atlassian Design System design tokens.
-     */
-    xcss?: StrictXCSSProp<XCSSAllProperties, XCSSAllPseudos>;
-    /**
-     * Accessible role.
-     */
-    role?: string;
-};
-export type StyleProp = {
-    style?: CSSProperties;
-};
-export type AlignBlock = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
-export type AlignContent = 'center' | 'start' | 'space-around' | 'space-between' | 'space-evenly' | 'stretch' | 'end';
-export type AlignInline = 'start' | 'center' | 'end' | 'stretch';
-export type AlignItems = 'center' | 'start' | 'stretch' | 'end' | 'baseline';
-export type AutoFlow = 'column' | 'row' | 'dense' | 'row dense' | 'column dense';
-export type Direction = 'column' | 'row';
-export type Grow = 'hug' | 'fill';
-export type JustifyContent = 'center' | 'start' | 'space-around' | 'space-between' | 'space-evenly' | 'stretch' | 'end';
-export type JustifyItems = 'center' | 'start' | 'stretch' | 'end';
-export type Spread = 'space-between';
-export type Wrap = 'wrap' | 'nowrap';
-export type BleedSpaceToken = 'space.025' | 'space.050' | 'space.100' | 'space.150' | 'space.200';
-export type PositiveSpaceToken = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000';
-export type PaddingToken = PositiveSpaceToken;
-export type GapToken = PositiveSpaceToken;
-export type SurfaceColorToken = 'utility.elevation.surface.current' | 'elevation.surface' | 'elevation.surface.overlay' | 'elevation.surface.raised' | 'elevation.surface.sunken';
-export type TextAlign = 'center' | 'end' | 'start';
-export type TextColor = 'color.text' | 'color.text.accent.lime' | 'color.text.accent.lime.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link' | 'color.link.pressed' | 'color.link.visited' | 'color.link.visited.pressed';
-export type FontSize = 'small' | 'medium' | 'large';
-export type FontWeight = 'bold' | 'medium' | 'regular' | 'semibold';
-export type MetricTextFontSize = 'small' | 'medium' | 'large';

package/dist/types-ts4.5/compiled/index.d.ts

@@ -1,16 +0,0 @@
-export { default as Box, type BoxProps } from './components/box';
-export { default as Inline, type InlineProps } from './components/inline';
-export { default as Stack, type StackProps } from './components/stack';
-export { default as Flex, type FlexProps } from './components/flex';
-export { default as Grid, type GridProps } from './components/grid';
-export { default as Bleed, type BleedProps } from './components/bleed';
-export { default as Text, type TextProps } from './components/text';
-export { default as MetricText, type MetricTextProps } from './components/metric-text';
-export { default as Pressable, type PressableProps } from './components/pressable';
-export { default as Anchor, type AnchorProps } from './components/anchor';
-export { media, type Breakpoint, type MediaQuery, UNSAFE_useMediaQuery, Show, Hide, } from './responsive';
-export { default as Focusable } from './components/focusable';
-export type { FocusableProps } from './components/focusable';
-export { useSurface as UNSAFE_useSurface, SurfaceContext as UNSAFE_SurfaceContext, } from '../utils/surface-provider';
-export type { BackgroundColorToken as BackgroundColor } from '../utils/types';
-export type { PositiveSpaceToken as Space, TextColor } from './components/types';

package/dist/types-ts4.5/compiled/responsive/hide.d.ts

@@ -1,39 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode } from 'react';
-import { type BasePrimitiveProps } from '../components/types';
-import type { Breakpoint, ComponentAs } from './types';
-type ResponsiveHideProps = {
-    as?: ComponentAs;
-    children: ReactNode;
-} & ({
-    above?: never;
-    /**
-     * Apply CSS to hide this specifically **below** this breakpoint.
-     * The smallest breakpoint is not included as it would never be shown and this would not be performant.
-     *
-     * @important do not mix `above` and `below` (TypeScript should prevent this).
-     */
-    below: Exclude<Breakpoint, 'xxs'>;
-} | {
-    /**
-     * Apply CSS to hide this specifically **above** this breakpoint.
-     * The smallest breakpoint is not included as it would always be shown and this would not be performant.
-     *
-     * @important do not mix `above` and `below` (TypeScript should prevent this).
-     */
-    above: Exclude<Breakpoint, 'xxs'>;
-    below?: never;
-}) & Pick<BasePrimitiveProps, 'xcss'>;
-/**
- * Hides the content at a given breakpoint.  By default, content is shown.  The primary use case is for visual presentation.
- * Mix `<Hide above="md">` with `<Show above="md">` to achieve content that shifts at a breakpoint.
- *
- * Please note:
- * - This only uses `display: none` hide, it does not skip rendering of children trees.
- * - As this is rendered at all times, there is little performance savings here (just that this is not painted).
- */
-export declare const Hide: ({ above, below, children, as: AsElement, xcss, }: ResponsiveHideProps) => JSX.Element;
-export {};

package/dist/types-ts4.5/compiled/responsive/index.d.ts

@@ -1,5 +0,0 @@
-export { media } from './media-helper';
-export type { Breakpoint, MediaQuery } from './types';
-export { UNSAFE_useMediaQuery } from './use-media-query';
-export { Show } from './show';
-export { Hide } from './hide';

package/dist/types-ts4.5/compiled/responsive/media-helper.d.ts

@@ -1,35 +0,0 @@
-/**
- * This is an object of usable media query helpers using our internal breakpoints configuration.
- *
- * When using Compiled CSS-in-JS, please ensure that only a single declaration can take effect at a time.
- * This means that you should avoid multiple breakpoints taking effect at the same time,
- * eg. ```{ [media.above.xs]: { color: 'red' }, [media.above.sm]: { color: 'green' }}```.
- * Instead, make sure that only one breakpoint can take effect at a time,
- * e.g, ```{ [media.only.xs]: { color: 'red' }, [media.above.sm]: { color: 'green' }}```.
- * For more details, please see <https://compiledcssinjs.com/docs/atomic-css#selector-specificity>.
- */
-export declare const media: {
-    above: {
-        readonly xxs: "@media all";
-        readonly xs: "@media (min-width: 30rem)";
-        readonly sm: "@media (min-width: 48rem)";
-        readonly md: "@media (min-width: 64rem)";
-        readonly lg: "@media (min-width: 90rem)";
-        readonly xl: "@media (min-width: 110.5rem)";
-    };
-    only: {
-        readonly xxs: "@media (min-width: 0rem) and (max-width: 29.99rem)";
-        readonly xs: "@media (min-width: 30rem) and (max-width: 47.99rem)";
-        readonly sm: "@media (min-width: 48rem) and (max-width: 63.99rem)";
-        readonly md: "@media (min-width: 64rem) and (max-width: 89.99rem)";
-        readonly lg: "@media (min-width: 90rem) and (max-width: 110.49rem)";
-        readonly xl: "@media (min-width: 110.5rem)";
-    };
-    below: {
-        readonly xs: "@media not all and (min-width: 30rem)";
-        readonly sm: "@media not all and (min-width: 48rem)";
-        readonly md: "@media not all and (min-width: 64rem)";
-        readonly lg: "@media not all and (min-width: 90rem)";
-        readonly xl: "@media not all and (min-width: 110.5rem)";
-    };
-};

package/dist/types-ts4.5/compiled/responsive/show.d.ts

@@ -1,39 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode } from 'react';
-import { type BasePrimitiveProps } from '../components/types';
-import type { Breakpoint, ComponentAs } from './types';
-type ResponsiveShowProps = {
-    as?: ComponentAs;
-    children: ReactNode;
-} & ({
-    above?: never;
-    /**
-     * Apply CSS to show this specifically **below** this breakpoint.
-     * The smallest breakpoint is not included as it would never be shown and this would not be performant.
-     *
-     * @important do not mix `above` and `below` (TypeScript should prevent this).
-     */
-    below: Exclude<Breakpoint, 'xxs'>;
-} | {
-    /**
-     * Apply CSS to show this specifically **above** this breakpoint.
-     * The smallest breakpoint is not included as it would always be shown and this would not be performant.
-     *
-     * @important do not mix `above` and `below` (TypeScript should prevent this).
-     */
-    above: Exclude<Breakpoint, 'xxs'>;
-    below?: never;
-}) & Pick<BasePrimitiveProps, 'xcss'>;
-/**
- * Shows the content at a given breakpoint.  By default, content is hidden.  The primary use case is for visual presentation.
- * Mix `<Show above="md">` with `<Hide above="md">` to achieve content that shifts at a breakpoint.
- *
- * Please note:
- * - This only uses `display: none` and `display: revert` to show/hide, it does not skip rendering of children trees.
- * - As this is rendered at all times, there is little performance savings here (just that this is not painted).
- */
-export declare const Show: ({ above, below, children, as: AsElement, xcss, }: ResponsiveShowProps) => JSX.Element;
-export {};

package/dist/types-ts4.5/compiled/responsive/types.d.ts

@@ -1,10 +0,0 @@
-import { type media } from './media-helper';
-/**
- * The breakpoints we have for responsiveness.
- */
-export type Breakpoint = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-/**
- * All supported media queries for use as keys, eg. in `css({ [media.above.md]: { … } })`.
- */
-export type MediaQuery = (typeof media.above)[Breakpoint];
-export type ComponentAs = 'article' | 'aside' | 'dialog' | 'div' | 'footer' | 'header' | 'li' | 'main' | 'nav' | 'ol' | 'section' | 'span' | 'ul';

package/dist/types-ts4.5/compiled/responsive/use-media-query.d.ts

@@ -1,23 +0,0 @@
-import { media } from './media-helper';
-type NestedQueryString = `above.${keyof typeof media.above}` | `below.${keyof typeof media.below}`;
-/**
- * A hook which returnes a `window.matchMedia` result to help you build responsively around breakpoints in JavaScript.
- *
- * The returning value **WILL NOT** update or react to change.  You can use `mq.matches` to get the latest version and you can use the optional listener argument to react to changes as desired.
- *
- * @important
- *  - This will always be `null` in SSR and the event listener should not fire on SSR => clientside hydration.
- *  - `above.xxs` will always be truthy, your listener should never fire.
- *
- * @experimental This hook only works on the client-side and is not safe in an SSR environment as `window` is unavailable (and the user's viewport would be unknown)
- *
- * @example
- * const mq = useMediaQuery('below.md', useCallback((event) => console.log('changed', event.matches)), []))
- * const isMobile = mq?.matches;
- *
- * @returns
- *  - `MediaQueryList`, primarily used to get if that media query is currently
- *  - `null` when `matchMedia` is unavailable, eg. in SSR.
- */
-export declare const UNSAFE_useMediaQuery: (queryString: NestedQueryString, listener?: (event: MediaQueryListEvent) => void) => MediaQueryList | null;
-export {};

package/dist/types-ts4.5/components/anchor.d.ts

@@ -1,106 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from 'react';
-import { jsx } from '@emotion/react';
-import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type RouterLinkComponentProps } from '@atlaskit/app-provider';
-import { type BackgroundColor, type Space } from '../xcss/style-maps.partial';
-import type { BasePrimitiveProps, StyleProp } from './types';
-type BaseAnchorProps = {
-    /**
-     * Elements to be rendered inside the Anchor.
-     */
-    children?: ReactNode;
-    /**
-     * Handler called on click. The second argument provides an Atlaskit UI analytics event that can be fired to a listening channel. See the ['analytics-next' package](https://atlaskit.atlassian.com/packages/analytics/analytics-next) documentation for more information.
-     */
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement>, analyticsEvent: UIAnalyticsEvent) => void;
-    /**
-     * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
-     */
-    interactionName?: string;
-    /**
-     * An optional component name used to identify this component in Atlaskit analytics events. This can be used if a parent component's name is preferred over the default 'Anchor'.
-     */
-    componentName?: string;
-    /**
-     * Additional information to be included in the `context` of Atlaskit analytics events that come from anchor.
-     */
-    analyticsContext?: Record<string, any>;
-    /**
-     * Token representing background color with a built-in fallback value.
-     * @deprecated Please pass via `props.xcss`, eg. `xcss({ backgroundColor: '…' })` instead and include states such as hover values as well.
-     */
-    backgroundColor?: BackgroundColor;
-    /**
-     * Use this to set a label for assistive technology that describes the link as opening in a new window. The default label is "(opens new window)".
-     */
-    newWindowLabel?: string;
-    /**
-     * Tokens representing CSS shorthand for `paddingBlock` and `paddingInline` together.
-     *
-     * @see paddingBlock
-     * @see paddingInline
-     */
-    padding?: Space;
-    /**
-     * Tokens representing CSS shorthand `paddingBlock`.
-     *
-     * @see paddingBlockStart
-     * @see paddingBlockEnd
-     */
-    paddingBlock?: Space;
-    /**
-     * Tokens representing CSS `paddingBlockStart`.
-     */
-    paddingBlockStart?: Space;
-    /**
-     * Tokens representing CSS `paddingBlockEnd`.
-     */
-    paddingBlockEnd?: Space;
-    /**
-     * Tokens representing CSS shorthand `paddingInline`.
-     *
-     * @see paddingInlineStart
-     * @see paddingInlineEnd
-     */
-    paddingInline?: Space;
-    /**
-     * Tokens representing CSS `paddingInlineStart`.
-     */
-    paddingInlineStart?: Space;
-    /**
-     * Tokens representing CSS `paddingInlineEnd`.
-     */
-    paddingInlineEnd?: Space;
-    /**
-     * Forwarded ref.
-     */
-    ref?: Ref<HTMLAnchorElement>;
-};
-export type AnchorProps<RouterLinkConfig extends Record<string, any> = never> = RouterLinkComponentProps<RouterLinkConfig> & Omit<ComponentPropsWithoutRef<'a'>, 'href' | 'onClick' | 'style' | 'className'> & BasePrimitiveProps & StyleProp & BaseAnchorProps;
-/**
- * __Anchor__
- *
- * A primitive for building custom anchor links.
- *
- * - [Examples](https://atlassian.design/components/primitives/anchor/examples)
- * - [Code](https://atlassian.design/components/primitives/anchor/code)
- * - [Usage](https://atlassian.design/components/primitives/anchor/usage)
- */
-declare const AnchorNoRef: <RouterLinkConfig extends Record<string, any> = never>({ href, children, backgroundColor, newWindowLabel, padding, paddingBlock, paddingBlockStart, paddingBlockEnd, paddingInline, paddingInlineStart, paddingInlineEnd, onClick: providedOnClick, interactionName, componentName, analyticsContext, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, style, target, testId, xcss, ...htmlAttributes }: AnchorProps<RouterLinkConfig>, ref?: Ref<HTMLAnchorElement>) => jsx.JSX.Element;
-/**
- * __Anchor__
- *
- * Anchor is a primitive for building custom anchor links. It's a wrapper around the HTML `<a>` element that provides a consistent API for handling client-side routing and Atlassian Design System styling.
- *
- * - [Examples](https://atlassian.design/components/primitives/anchor/examples)
- * - [Code](https://atlassian.design/components/primitives/anchor/code)
- * - [Usage](https://atlassian.design/components/primitives/anchor/usage)
- */
-declare const Anchor: <RouterLinkConfig extends Record<string, any> = never>(props: AnchorProps<RouterLinkConfig> & {
-    ref?: Ref<HTMLAnchorElement>;
-}) => ReturnType<typeof AnchorNoRef>;
-export default Anchor;

package/dist/types-ts4.5/components/bleed.d.ts

@@ -1,36 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { type ReactNode } from 'react';
-import { jsx } from '@emotion/react';
-import type { BasePrimitiveProps } from './types';
-export type BleedProps = {
-    /**
-     * Elements to be rendered inside the Flex.
-     */
-    children: ReactNode;
-    /**
-     * Bleed along both axes.
-     */
-    all?: Space;
-    /**
-     * Bleed along the inline axis.
-     */
-    inline?: Space;
-    /**
-     * Bleed along the block axis.
-     */
-    block?: Space;
-} & BasePrimitiveProps;
-type Space = 'space.025' | 'space.050' | 'space.100' | 'space.150' | 'space.200';
-/**
- * __Bleed__
- *
- * `Bleed` is a primitive layout component that controls negative whitespace.
- *
- * - [Examples](https://atlassian.design/components/primitives/bleed/examples)
- * - [Code](https://atlassian.design/components/primitives/bleed/code)
- */
-declare const Bleed: React.MemoExoticComponent<({ children, testId, inline, block, all, xcss }: BleedProps) => jsx.JSX.Element>;
-export default Bleed;