@atlaskit/primitives 0.5.0 → 0.7.0

package/dist/types/components/internal/base-box.partial.d.ts

@@ -1,522 +0,0 @@
-/** @jsx jsx */
-import { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, FC, ReactElement, ReactNode } from 'react';
-import { Layer } from '../../constants';
-import { ResponsiveObject } from '../../helpers/responsive';
-import type { BasePrimitiveProps } from '../types';
-export declare type BaseBoxProps<T extends ElementType = 'div'> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className'> & BasePrimitiveProps & BaseBoxPropsFoundation<T>;
-declare type BaseBoxPropsFoundation<T extends ElementType> = {
-    /**
-     * The DOM element to render as the Box. Defaults to `div`.
-     */
-    as?: 'div' | 'span' | 'li';
-    /**
-     * The HTML className attribute.
-     *
-     * Before using this prop please ensure:
-     * - The styles cannot otherwise be achieved through `Box` directly.
-     * - The use case needs custom styles that cannot be designed or implemented differently
-     *
-     * Ensure you're using the `@atlaskit/eslint-plugin-design-system` with this prop to prevent unbounded usage.
-     *
-     * @see `@atlaskit/eslint-plugin-design-system`
-     */
-    className?: string;
-    /**
-     * Elements to be rendered inside the Box.
-     */
-    children?: ReactNode;
-    /**
-     * @private
-     * @deprecated Use `xcss` to achieve this functionality.
-     * Token representing color with a fallback.
-     */
-    color?: TextColor;
-    /**
-     * @private
-     * @deprecated Use `xcss` to achieve this functionality.
-     * Token representing background color with a fallback.
-     */
-    backgroundColor?: BackgroundColor;
-    /**
-     * @private
-     * @deprecated Use `xcss` to achieve this functionality.
-     * Token representing shadow with a fallback
-     */
-    shadow?: Shadow;
-    /**
-     * @private
-     * @deprecated Use `xcss` to achieve this functionality.
-     * Defines border style.
-     */
-    borderStyle?: BorderStyle;
-    /**
-     * @private
-     * @deprecated Use `xcss` to achieve this functionality.
-     * Defines border width.
-     */
-    borderWidth?: BorderWidth | ResponsiveObject<BorderWidth>;
-    /**
-     * @private
-     * @deprecated Use `xcss` to achieve this functionality.
-     * Token representing border color with a fallback.
-     */
-    borderColor?: BorderColor;
-    /**
-     * @private
-     * @deprecated Use `xcss` to achieve this functionality.
-     * Defines border radius.
-     */
-    borderRadius?: BorderRadius;
-    /**
-     * @private
-     * @deprecated Use `xcss` to achieve this functionality.
-     * Used for providing a z-index.
-     */
-    layer?: Layer;
-    /**
-     * @private
-     * @deprecated Use `xcss` to achieve this functionality.
-     * Shorthand `flex` property.
-     */
-    flex?: Flex;
-    /**
-     * @private
-     * @deprecated Use `xcss` to achieve this functionality.
-     * Defines the flex grow factor -- how much remaining space should be taken up.
-     */
-    flexGrow?: FlexGrow;
-    /**
-     * @private
-     * @deprecated Use `xcss` to achieve this functionality.
-     * Defines the flex shrink factor -- how the item will shrink relative to other flex items in the container.
-     */
-    flexShrink?: FlexShrink;
-    /**
-     * @private
-     * @deprecated Use `xcss` to achieve this functionality.
-     * Overrides the `align-items` value.
-     */
-    alignSelf?: AlignSelf;
-    /**
-     * @private
-     * @deprecated Use `xcss` to achieve this functionality.
-     * Defines what happens if content overflows the box.
-     * Shorthand for overflow-inline and overflow-block.
-     *
-     * @see overflowInline
-     * @see overflowBlock
-     */
-    overflow?: Overflow;
-    /**
-     * @private
-     * @deprecated Use `xcss` to achieve this functionality.
-     * Defines what happens if content overflows the box in the horizontal direction (inline).
-     */
-    overflowInline?: OverflowInline;
-    /**
-     * @private
-     * @deprecated Use `xcss` to achieve this functionality.
-     * Defines what happens if content overflows the box in the vertical direction (block).
-     */
-    overflowBlock?: OverflowBlock;
-    /**
-     * Tokens representing CSS shorthand for `paddingBlock` and `paddingInline` together.
-     *
-     * @see paddingBlock
-     * @see paddingInline
-     */
-    padding?: Padding | ResponsiveObject<Padding>;
-    /**
-     * Tokens representing CSS shorthand `paddingBlock`.
-     *
-     * @see paddingBlockStart
-     * @see paddingBlockEnd
-     */
-    paddingBlock?: PaddingBlock | ResponsiveObject<PaddingBlock>;
-    /**
-     * Tokens representing CSS `paddingBlockStart`.
-     */
-    paddingBlockStart?: PaddingBlockStart | ResponsiveObject<PaddingBlockStart>;
-    /**
-     * Tokens representing CSS `paddingBlockEnd`.
-     */
-    paddingBlockEnd?: PaddingBlockEnd | ResponsiveObject<PaddingBlockEnd>;
-    /**
-     * Tokens representing CSS shorthand `paddingInline`.
-     *
-     * @see paddingInlineStart
-     * @see paddingInlineEnd
-     */
-    paddingInline?: PaddingInline | ResponsiveObject<PaddingInline>;
-    /**
-     * Tokens representing CSS `paddingInlineStart`.
-     */
-    paddingInlineStart?: PaddingInlineStart | ResponsiveObject<PaddingInlineStart>;
-    /**
-     * Tokens representing CSS `paddingInlineEnd`.
-     */
-    paddingInlineEnd?: PaddingInlineEnd | ResponsiveObject<PaddingInlineEnd>;
-    /**
-     * @private
-     * @deprecated Use `xcss` to achieve this functionality.
-     * Token representing width.
-     */
-    width?: Width;
-    /**
-     * @private
-     * @deprecated Use `xcss` to achieve this functionality.
-     * Token representing height.
-     */
-    height?: Height;
-    /**
-     * @private
-     * @deprecated Use `xcss` to achieve this functionality.
-     * Defines display type and layout. Defaults to `block`.
-     */
-    display?: Display | ResponsiveObject<Display>;
-    /**
-     * @private
-     * @deprecated Use `xcss` to achieve this functionality.
-     * CSS position property.
-     */
-    position?: Position;
-    /**
-     * Forwarded ref element
-     */
-    ref?: ComponentPropsWithRef<T>['ref'];
-};
-export declare type BaseBoxComponent<T extends ElementType = 'div'> = (<T extends ElementType = 'div'>(props: BaseBoxProps<T>) => ReactElement | null) & FC<BaseBoxProps<T>>;
-/**
- * __Box__
- *
- * Box is a primitive component that has the design decisions of the Atlassian Design System baked in.
- * Renders a `div` by default.
- *
- * @internal
- */
-export declare const BaseBox: BaseBoxComponent;
-export default BaseBox;
-declare type BorderStyle = keyof typeof borderStyleMap;
-declare const borderStyleMap: {
-    readonly none: import("@emotion/react").SerializedStyles;
-    readonly solid: import("@emotion/react").SerializedStyles;
-};
-export declare type BorderWidth = keyof typeof borderWidthMap;
-declare const borderWidthMap: {
-    readonly 'size.0': "var(--ds-width-0)";
-    readonly 'size.050': "var(--ds-width-050)";
-    readonly 'size.100': "var(--ds-width-100)";
-};
-declare type BorderRadius = keyof typeof borderRadiusMap;
-declare const borderRadiusMap: {
-    'radius.100': import("@emotion/react").SerializedStyles;
-    'radius.200': import("@emotion/react").SerializedStyles;
-    'radius.round': import("@emotion/react").SerializedStyles;
-    'radius.300': import("@emotion/react").SerializedStyles;
-    'radius.400': import("@emotion/react").SerializedStyles;
-};
-declare type Flex = keyof typeof flexMap;
-declare const flexMap: {
-    readonly '1': import("@emotion/react").SerializedStyles;
-};
-declare type FlexGrow = keyof typeof flexGrowMap;
-declare const flexGrowMap: {
-    readonly '0': import("@emotion/react").SerializedStyles;
-    readonly '1': import("@emotion/react").SerializedStyles;
-};
-declare type FlexShrink = keyof typeof flexShrinkMap;
-declare const flexShrinkMap: {
-    readonly '0': import("@emotion/react").SerializedStyles;
-    readonly '1': import("@emotion/react").SerializedStyles;
-};
-declare type AlignSelf = keyof typeof alignSelfMap;
-declare const alignSelfMap: {
-    readonly center: import("@emotion/react").SerializedStyles;
-    readonly start: import("@emotion/react").SerializedStyles;
-    readonly stretch: import("@emotion/react").SerializedStyles;
-    readonly end: import("@emotion/react").SerializedStyles;
-    readonly baseline: import("@emotion/react").SerializedStyles;
-};
-export declare type Display = keyof typeof displayMap;
-declare const displayMap: {
-    readonly block: "block";
-    readonly inline: "inline";
-    readonly flex: "flex";
-    readonly 'inline-flex': "inline-flex";
-    readonly 'inline-block': "inline-block";
-};
-declare type Position = keyof typeof positionMap;
-declare const positionMap: {
-    readonly absolute: import("@emotion/react").SerializedStyles;
-    readonly fixed: import("@emotion/react").SerializedStyles;
-    readonly relative: import("@emotion/react").SerializedStyles;
-    readonly static: import("@emotion/react").SerializedStyles;
-};
-declare type Overflow = keyof typeof overflowMap;
-declare const overflowMap: {
-    readonly auto: import("@emotion/react").SerializedStyles;
-    readonly hidden: import("@emotion/react").SerializedStyles;
-};
-declare type OverflowInline = keyof typeof overflowInlineMap;
-declare const overflowInlineMap: {
-    readonly auto: import("@emotion/react").SerializedStyles;
-    readonly hidden: import("@emotion/react").SerializedStyles;
-};
-declare type OverflowBlock = keyof typeof overflowBlockMap;
-declare const overflowBlockMap: {
-    readonly auto: import("@emotion/react").SerializedStyles;
-    readonly hidden: import("@emotion/react").SerializedStyles;
-};
-/**
- * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::50178e05b73e6c8ed21bfbc8e6d87a13>>
- * @codegenId dimensions
- * @codegenCommand yarn codegen-styles
- * @codegenParams ["width", "height", "minWidth", "maxWidth", "minHeight", "maxHeight"]
- */
-declare const widthMap: {
-    readonly '100%': import("@emotion/react").SerializedStyles;
-    readonly 'size.100': import("@emotion/react").SerializedStyles;
-    readonly 'size.200': import("@emotion/react").SerializedStyles;
-    readonly 'size.300': import("@emotion/react").SerializedStyles;
-    readonly 'size.400': import("@emotion/react").SerializedStyles;
-    readonly 'size.500': import("@emotion/react").SerializedStyles;
-    readonly 'size.600': import("@emotion/react").SerializedStyles;
-    readonly 'size.1000': import("@emotion/react").SerializedStyles;
-};
-export declare type Width = keyof typeof widthMap;
-declare const heightMap: {
-    readonly '100%': import("@emotion/react").SerializedStyles;
-    readonly 'size.100': import("@emotion/react").SerializedStyles;
-    readonly 'size.200': import("@emotion/react").SerializedStyles;
-    readonly 'size.300': import("@emotion/react").SerializedStyles;
-    readonly 'size.400': import("@emotion/react").SerializedStyles;
-    readonly 'size.500': import("@emotion/react").SerializedStyles;
-    readonly 'size.600': import("@emotion/react").SerializedStyles;
-    readonly 'size.1000': import("@emotion/react").SerializedStyles;
-};
-export declare type Height = keyof typeof heightMap;
-declare const minWidthMap: {
-    readonly '100%': import("@emotion/react").SerializedStyles;
-    readonly 'size.100': import("@emotion/react").SerializedStyles;
-    readonly 'size.200': import("@emotion/react").SerializedStyles;
-    readonly 'size.300': import("@emotion/react").SerializedStyles;
-    readonly 'size.400': import("@emotion/react").SerializedStyles;
-    readonly 'size.500': import("@emotion/react").SerializedStyles;
-    readonly 'size.600': import("@emotion/react").SerializedStyles;
-    readonly 'size.1000': import("@emotion/react").SerializedStyles;
-};
-export declare type MinWidth = keyof typeof minWidthMap;
-declare const maxWidthMap: {
-    readonly '100%': import("@emotion/react").SerializedStyles;
-    readonly 'size.100': import("@emotion/react").SerializedStyles;
-    readonly 'size.200': import("@emotion/react").SerializedStyles;
-    readonly 'size.300': import("@emotion/react").SerializedStyles;
-    readonly 'size.400': import("@emotion/react").SerializedStyles;
-    readonly 'size.500': import("@emotion/react").SerializedStyles;
-    readonly 'size.600': import("@emotion/react").SerializedStyles;
-    readonly 'size.1000': import("@emotion/react").SerializedStyles;
-};
-export declare type MaxWidth = keyof typeof maxWidthMap;
-declare const minHeightMap: {
-    readonly '100%': import("@emotion/react").SerializedStyles;
-    readonly 'size.100': import("@emotion/react").SerializedStyles;
-    readonly 'size.200': import("@emotion/react").SerializedStyles;
-    readonly 'size.300': import("@emotion/react").SerializedStyles;
-    readonly 'size.400': import("@emotion/react").SerializedStyles;
-    readonly 'size.500': import("@emotion/react").SerializedStyles;
-    readonly 'size.600': import("@emotion/react").SerializedStyles;
-    readonly 'size.1000': import("@emotion/react").SerializedStyles;
-};
-export declare type MinHeight = keyof typeof minHeightMap;
-declare const maxHeightMap: {
-    readonly '100%': import("@emotion/react").SerializedStyles;
-    readonly 'size.100': import("@emotion/react").SerializedStyles;
-    readonly 'size.200': import("@emotion/react").SerializedStyles;
-    readonly 'size.300': import("@emotion/react").SerializedStyles;
-    readonly 'size.400': import("@emotion/react").SerializedStyles;
-    readonly 'size.500': import("@emotion/react").SerializedStyles;
-    readonly 'size.600': import("@emotion/react").SerializedStyles;
-    readonly 'size.1000': import("@emotion/react").SerializedStyles;
-};
-export declare type MaxHeight = keyof typeof maxHeightMap;
-/**
- * @codegenEnd
- */
-/**
- * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::84fd352b0e6509d380a0dcf8ad023ca2>>
- * @codegenId spacing
- * @codegenCommand yarn codegen-styles
- * @codegenParams ["padding"]
- * @codegenDependency ../../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
- */
-declare const paddingMap: {
-    readonly 'space.0': "var(--ds-space-0)";
-    readonly 'space.025': "var(--ds-space-025)";
-    readonly 'space.050': "var(--ds-space-050)";
-    readonly 'space.075': "var(--ds-space-075)";
-    readonly 'space.100': "var(--ds-space-100)";
-    readonly 'space.150': "var(--ds-space-150)";
-    readonly 'space.200': "var(--ds-space-200)";
-    readonly 'space.250': "var(--ds-space-250)";
-    readonly 'space.300': "var(--ds-space-300)";
-    readonly 'space.400': "var(--ds-space-400)";
-    readonly 'space.500': "var(--ds-space-500)";
-    readonly 'space.600': "var(--ds-space-600)";
-    readonly 'space.800': "var(--ds-space-800)";
-    readonly 'space.1000': "var(--ds-space-1000)";
-};
-export declare type Padding = keyof typeof paddingMap;
-export declare type PaddingBlock = keyof typeof paddingMap;
-export declare type PaddingBlockStart = keyof typeof paddingMap;
-export declare type PaddingBlockEnd = keyof typeof paddingMap;
-export declare type PaddingInline = keyof typeof paddingMap;
-export declare type PaddingInlineStart = keyof typeof paddingMap;
-export declare type PaddingInlineEnd = keyof typeof paddingMap;
-/**
- * @codegenEnd
- */
-/**
- * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::1e77e4e502cd4d951550637bdce2f3ca>>
- * @codegenId colors
- * @codegenCommand yarn codegen-styles
- * @codegenParams ["border", "background", "shadow", "text"]
- * @codegenDependency ../../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
- */
-declare const borderColorMap: {
-    readonly 'color.border': import("@emotion/react").SerializedStyles;
-    readonly 'accent.red': import("@emotion/react").SerializedStyles;
-    readonly 'accent.orange': import("@emotion/react").SerializedStyles;
-    readonly 'accent.yellow': import("@emotion/react").SerializedStyles;
-    readonly 'accent.green': import("@emotion/react").SerializedStyles;
-    readonly 'accent.teal': import("@emotion/react").SerializedStyles;
-    readonly 'accent.blue': import("@emotion/react").SerializedStyles;
-    readonly 'accent.purple': import("@emotion/react").SerializedStyles;
-    readonly 'accent.magenta': import("@emotion/react").SerializedStyles;
-    readonly 'accent.gray': import("@emotion/react").SerializedStyles;
-    readonly disabled: import("@emotion/react").SerializedStyles;
-    readonly focused: import("@emotion/react").SerializedStyles;
-    readonly input: import("@emotion/react").SerializedStyles;
-    readonly inverse: import("@emotion/react").SerializedStyles;
-    readonly selected: import("@emotion/react").SerializedStyles;
-    readonly brand: import("@emotion/react").SerializedStyles;
-    readonly danger: import("@emotion/react").SerializedStyles;
-    readonly warning: import("@emotion/react").SerializedStyles;
-    readonly success: import("@emotion/react").SerializedStyles;
-    readonly discovery: import("@emotion/react").SerializedStyles;
-    readonly information: import("@emotion/react").SerializedStyles;
-    readonly bold: import("@emotion/react").SerializedStyles;
-};
-export declare type BorderColor = keyof typeof borderColorMap;
-declare const backgroundColorMap: {
-    readonly 'accent.red.subtlest': import("@emotion/react").SerializedStyles;
-    readonly 'accent.red.subtler': import("@emotion/react").SerializedStyles;
-    readonly 'accent.red.subtle': import("@emotion/react").SerializedStyles;
-    readonly 'accent.red.bolder': import("@emotion/react").SerializedStyles;
-    readonly 'accent.orange.subtlest': import("@emotion/react").SerializedStyles;
-    readonly 'accent.orange.subtler': import("@emotion/react").SerializedStyles;
-    readonly 'accent.orange.subtle': import("@emotion/react").SerializedStyles;
-    readonly 'accent.orange.bolder': import("@emotion/react").SerializedStyles;
-    readonly 'accent.yellow.subtlest': import("@emotion/react").SerializedStyles;
-    readonly 'accent.yellow.subtler': import("@emotion/react").SerializedStyles;
-    readonly 'accent.yellow.subtle': import("@emotion/react").SerializedStyles;
-    readonly 'accent.yellow.bolder': import("@emotion/react").SerializedStyles;
-    readonly 'accent.green.subtlest': import("@emotion/react").SerializedStyles;
-    readonly 'accent.green.subtler': import("@emotion/react").SerializedStyles;
-    readonly 'accent.green.subtle': import("@emotion/react").SerializedStyles;
-    readonly 'accent.green.bolder': import("@emotion/react").SerializedStyles;
-    readonly 'accent.teal.subtlest': import("@emotion/react").SerializedStyles;
-    readonly 'accent.teal.subtler': import("@emotion/react").SerializedStyles;
-    readonly 'accent.teal.subtle': import("@emotion/react").SerializedStyles;
-    readonly 'accent.teal.bolder': import("@emotion/react").SerializedStyles;
-    readonly 'accent.blue.subtlest': import("@emotion/react").SerializedStyles;
-    readonly 'accent.blue.subtler': import("@emotion/react").SerializedStyles;
-    readonly 'accent.blue.subtle': import("@emotion/react").SerializedStyles;
-    readonly 'accent.blue.bolder': import("@emotion/react").SerializedStyles;
-    readonly 'accent.purple.subtlest': import("@emotion/react").SerializedStyles;
-    readonly 'accent.purple.subtler': import("@emotion/react").SerializedStyles;
-    readonly 'accent.purple.subtle': import("@emotion/react").SerializedStyles;
-    readonly 'accent.purple.bolder': import("@emotion/react").SerializedStyles;
-    readonly 'accent.magenta.subtlest': import("@emotion/react").SerializedStyles;
-    readonly 'accent.magenta.subtler': import("@emotion/react").SerializedStyles;
-    readonly 'accent.magenta.subtle': import("@emotion/react").SerializedStyles;
-    readonly 'accent.magenta.bolder': import("@emotion/react").SerializedStyles;
-    readonly 'accent.gray.subtlest': import("@emotion/react").SerializedStyles;
-    readonly 'accent.gray.subtler': import("@emotion/react").SerializedStyles;
-    readonly 'accent.gray.subtle': import("@emotion/react").SerializedStyles;
-    readonly 'accent.gray.bolder': import("@emotion/react").SerializedStyles;
-    readonly disabled: import("@emotion/react").SerializedStyles;
-    readonly input: import("@emotion/react").SerializedStyles;
-    readonly 'inverse.subtle': import("@emotion/react").SerializedStyles;
-    readonly neutral: import("@emotion/react").SerializedStyles;
-    readonly 'neutral.subtle': import("@emotion/react").SerializedStyles;
-    readonly 'neutral.bold': import("@emotion/react").SerializedStyles;
-    readonly selected: import("@emotion/react").SerializedStyles;
-    readonly 'selected.bold': import("@emotion/react").SerializedStyles;
-    readonly 'brand.bold': import("@emotion/react").SerializedStyles;
-    readonly danger: import("@emotion/react").SerializedStyles;
-    readonly 'danger.bold': import("@emotion/react").SerializedStyles;
-    readonly warning: import("@emotion/react").SerializedStyles;
-    readonly 'warning.bold': import("@emotion/react").SerializedStyles;
-    readonly success: import("@emotion/react").SerializedStyles;
-    readonly 'success.bold': import("@emotion/react").SerializedStyles;
-    readonly discovery: import("@emotion/react").SerializedStyles;
-    readonly 'discovery.bold': import("@emotion/react").SerializedStyles;
-    readonly information: import("@emotion/react").SerializedStyles;
-    readonly 'information.bold': import("@emotion/react").SerializedStyles;
-    readonly 'color.blanket': import("@emotion/react").SerializedStyles;
-    readonly 'color.blanket.selected': import("@emotion/react").SerializedStyles;
-    readonly 'color.blanket.danger': import("@emotion/react").SerializedStyles;
-    readonly 'elevation.surface': import("@emotion/react").SerializedStyles;
-    readonly 'elevation.surface.overlay': import("@emotion/react").SerializedStyles;
-    readonly 'elevation.surface.raised': import("@emotion/react").SerializedStyles;
-    readonly 'elevation.surface.sunken': import("@emotion/react").SerializedStyles;
-};
-export declare type BackgroundColor = keyof typeof backgroundColorMap;
-declare const shadowMap: {
-    readonly overflow: import("@emotion/react").SerializedStyles;
-    readonly 'overflow.perimeter': import("@emotion/react").SerializedStyles;
-    readonly 'overflow.spread': import("@emotion/react").SerializedStyles;
-    readonly overlay: import("@emotion/react").SerializedStyles;
-    readonly raised: import("@emotion/react").SerializedStyles;
-};
-export declare type Shadow = keyof typeof shadowMap;
-declare const textColorMap: {
-    readonly 'color.text': import("@emotion/react").SerializedStyles;
-    readonly 'accent.red': import("@emotion/react").SerializedStyles;
-    readonly 'accent.red.bolder': import("@emotion/react").SerializedStyles;
-    readonly 'accent.orange': import("@emotion/react").SerializedStyles;
-    readonly 'accent.orange.bolder': import("@emotion/react").SerializedStyles;
-    readonly 'accent.yellow': import("@emotion/react").SerializedStyles;
-    readonly 'accent.yellow.bolder': import("@emotion/react").SerializedStyles;
-    readonly 'accent.green': import("@emotion/react").SerializedStyles;
-    readonly 'accent.green.bolder': import("@emotion/react").SerializedStyles;
-    readonly 'accent.teal': import("@emotion/react").SerializedStyles;
-    readonly 'accent.teal.bolder': import("@emotion/react").SerializedStyles;
-    readonly 'accent.blue': import("@emotion/react").SerializedStyles;
-    readonly 'accent.blue.bolder': import("@emotion/react").SerializedStyles;
-    readonly 'accent.purple': import("@emotion/react").SerializedStyles;
-    readonly 'accent.purple.bolder': import("@emotion/react").SerializedStyles;
-    readonly 'accent.magenta': import("@emotion/react").SerializedStyles;
-    readonly 'accent.magenta.bolder': import("@emotion/react").SerializedStyles;
-    readonly 'accent.gray': import("@emotion/react").SerializedStyles;
-    readonly 'accent.gray.bolder': import("@emotion/react").SerializedStyles;
-    readonly disabled: import("@emotion/react").SerializedStyles;
-    readonly inverse: import("@emotion/react").SerializedStyles;
-    readonly selected: import("@emotion/react").SerializedStyles;
-    readonly brand: import("@emotion/react").SerializedStyles;
-    readonly danger: import("@emotion/react").SerializedStyles;
-    readonly warning: import("@emotion/react").SerializedStyles;
-    readonly 'warning.inverse': import("@emotion/react").SerializedStyles;
-    readonly success: import("@emotion/react").SerializedStyles;
-    readonly discovery: import("@emotion/react").SerializedStyles;
-    readonly information: import("@emotion/react").SerializedStyles;
-    readonly subtlest: import("@emotion/react").SerializedStyles;
-    readonly subtle: import("@emotion/react").SerializedStyles;
-};
-export declare type TextColor = keyof typeof textColorMap;
-/**
- * @codegenEnd
- */

package/dist/types/components/internal/types.d.ts

@@ -1,8 +0,0 @@
-import { SerializedStyles } from '@emotion/react';
-import { ResponsiveCSSObject, ResponsiveObject } from '../../helpers/responsive';
-export declare const BOX_RESPONSIVE_PROPS: readonly ["borderWidth", "display", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd"];
-export declare type BoxResponsiveProp = typeof BOX_RESPONSIVE_PROPS[number];
-export declare type StaticResponsiveCSSObject = ResponsiveCSSObject & {
-    static: SerializedStyles;
-};
-export declare type GenericPropertyValue = string | ResponsiveObject<string> | undefined;

package/dist/types/components/internal/utils.d.ts

@@ -1,3 +0,0 @@
-import { GenericPropertyValue } from './types';
-export declare const isResponsiveStyleProp: (propertyValue: GenericPropertyValue) => propertyValue is object;
-export declare const isStaticStyleProp: (propertyValue: GenericPropertyValue) => propertyValue is string;

package/dist/types/internal/color-map.d.ts

@@ -1,36 +0,0 @@
-declare const _default: {
-    readonly 'neutral.bold': "inverse";
-    readonly 'neutral.bold.hovered': "inverse";
-    readonly 'neutral.bold.pressed': "inverse";
-    readonly 'selected.bold': "inverse";
-    readonly 'selected.bold.hovered': "inverse";
-    readonly 'selected.bold.pressed': "inverse";
-    readonly 'brand.bold': "inverse";
-    readonly 'brand.bold.hovered': "inverse";
-    readonly 'brand.bold.pressed': "inverse";
-    readonly 'danger.bold': "inverse";
-    readonly 'danger.bold.hovered': "inverse";
-    readonly 'danger.bold.pressed': "inverse";
-    readonly 'warning.bold': "warning.inverse";
-    readonly 'warning.bold.hovered': "warning.inverse";
-    readonly 'warning.bold.pressed': "warning.inverse";
-    readonly 'success.bold': "inverse";
-    readonly 'success.bold.hovered': "inverse";
-    readonly 'success.bold.pressed': "inverse";
-    readonly 'discovery.bold': "inverse";
-    readonly 'discovery.bold.hovered': "inverse";
-    readonly 'discovery.bold.pressed': "inverse";
-    readonly 'information.bold': "inverse";
-    readonly 'information.bold.hovered': "inverse";
-    readonly 'information.bold.pressed': "inverse";
-};
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- *
- * The color map is used to map a background color token to a matching text color that will meet contrast.
- *
- * @codegen <<SignedSource::d168519874a16bbb92cfbfd4747a39b4>>
- * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
- */
-export default _default;