@atlaskit/primitives 0.9.0 → 0.9.2

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,649 @@
+## API Report File for "@atlaskit/primitives"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import { ComponentPropsWithoutRef } from 'react';
+import type * as CSS_2 from 'csstype';
+import type { CSSProperties } from 'react';
+import { CSSPropertiesWithMultiValues } from '@emotion/serialize';
+import { ElementType } from 'react';
+import { FC } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { JSXElementConstructor } from 'react';
+import { MemoExoticComponent } from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import { SerializedStyles } from '@emotion/serialize';
+
+// @public (undocumented)
+type AlignBlock = 'baseline' | 'center' | 'end' | 'start';
+
+// @public (undocumented)
+type AlignBlock_2 = 'center' | 'end' | 'start';
+
+// @public (undocumented)
+type AlignInline = 'center' | 'end' | 'start';
+
+// @public (undocumented)
+type AlignInline_2 = 'center' | 'end' | 'start';
+
+// @public (undocumented)
+type AlignSelf = keyof typeof alignSelfMap;
+
+// @public
+const alignSelfMap: {
+    readonly center: "center";
+    readonly start: "start";
+    readonly stretch: "stretch";
+    readonly end: "end";
+    readonly baseline: "baseline";
+};
+
+// @public (undocumented)
+type AllowedBoxStyles = keyof SafeCSSObject;
+
+// @public (undocumented)
+type AllowedInlineStyles = 'backgroundColor' | 'padding';
+
+// @public (undocumented)
+type As = 'article' | 'aside' | 'dialog' | 'div' | 'footer' | 'header' | 'li' | 'main' | 'nav' | 'ol' | 'section' | 'span' | 'ul';
+
+// @public (undocumented)
+type BackgroundColor = keyof typeof backgroundColorMap;
+
+// @public (undocumented)
+const backgroundColorMap: {
+    readonly 'accent.red.subtlest': "var(--ds-background-accent-red-subtlest)";
+    readonly 'accent.red.subtler': "var(--ds-background-accent-red-subtler)";
+    readonly 'accent.red.subtle': "var(--ds-background-accent-red-subtle)";
+    readonly 'accent.red.bolder': "var(--ds-background-accent-red-bolder)";
+    readonly 'accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest)";
+    readonly 'accent.orange.subtler': "var(--ds-background-accent-orange-subtler)";
+    readonly 'accent.orange.subtle': "var(--ds-background-accent-orange-subtle)";
+    readonly 'accent.orange.bolder': "var(--ds-background-accent-orange-bolder)";
+    readonly 'accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest)";
+    readonly 'accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler)";
+    readonly 'accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle)";
+    readonly 'accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder)";
+    readonly 'accent.green.subtlest': "var(--ds-background-accent-green-subtlest)";
+    readonly 'accent.green.subtler': "var(--ds-background-accent-green-subtler)";
+    readonly 'accent.green.subtle': "var(--ds-background-accent-green-subtle)";
+    readonly 'accent.green.bolder': "var(--ds-background-accent-green-bolder)";
+    readonly 'accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest)";
+    readonly 'accent.teal.subtler': "var(--ds-background-accent-teal-subtler)";
+    readonly 'accent.teal.subtle': "var(--ds-background-accent-teal-subtle)";
+    readonly 'accent.teal.bolder': "var(--ds-background-accent-teal-bolder)";
+    readonly 'accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest)";
+    readonly 'accent.blue.subtler': "var(--ds-background-accent-blue-subtler)";
+    readonly 'accent.blue.subtle': "var(--ds-background-accent-blue-subtle)";
+    readonly 'accent.blue.bolder': "var(--ds-background-accent-blue-bolder)";
+    readonly 'accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest)";
+    readonly 'accent.purple.subtler': "var(--ds-background-accent-purple-subtler)";
+    readonly 'accent.purple.subtle': "var(--ds-background-accent-purple-subtle)";
+    readonly 'accent.purple.bolder': "var(--ds-background-accent-purple-bolder)";
+    readonly 'accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest)";
+    readonly 'accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler)";
+    readonly 'accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle)";
+    readonly 'accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder)";
+    readonly 'accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest)";
+    readonly 'accent.gray.subtler': "var(--ds-background-accent-gray-subtler)";
+    readonly 'accent.gray.subtle': "var(--ds-background-accent-gray-subtle)";
+    readonly 'accent.gray.bolder': "var(--ds-background-accent-gray-bolder)";
+    readonly disabled: "var(--ds-background-disabled)";
+    readonly input: "var(--ds-background-input)";
+    readonly 'input.hovered': "var(--ds-background-input-hovered)";
+    readonly 'input.pressed': "var(--ds-background-input-pressed)";
+    readonly 'inverse.subtle': "var(--ds-background-inverse-subtle)";
+    readonly 'inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered)";
+    readonly 'inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed)";
+    readonly neutral: "var(--ds-background-neutral)";
+    readonly 'neutral.hovered': "var(--ds-background-neutral-hovered)";
+    readonly 'neutral.pressed': "var(--ds-background-neutral-pressed)";
+    readonly 'neutral.subtle': "var(--ds-background-neutral-subtle)";
+    readonly 'neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered)";
+    readonly 'neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed)";
+    readonly 'neutral.bold': "var(--ds-background-neutral-bold)";
+    readonly 'neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered)";
+    readonly 'neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed)";
+    readonly selected: "var(--ds-background-selected)";
+    readonly 'selected.hovered': "var(--ds-background-selected-hovered)";
+    readonly 'selected.pressed': "var(--ds-background-selected-pressed)";
+    readonly 'selected.bold': "var(--ds-background-selected-bold)";
+    readonly 'selected.bold.hovered': "var(--ds-background-selected-bold-hovered)";
+    readonly 'selected.bold.pressed': "var(--ds-background-selected-bold-pressed)";
+    readonly 'brand.bold': "var(--ds-background-brand-bold)";
+    readonly 'brand.bold.hovered': "var(--ds-background-brand-bold-hovered)";
+    readonly 'brand.bold.pressed': "var(--ds-background-brand-bold-pressed)";
+    readonly danger: "var(--ds-background-danger)";
+    readonly 'danger.hovered': "var(--ds-background-danger-hovered)";
+    readonly 'danger.pressed': "var(--ds-background-danger-pressed)";
+    readonly 'danger.bold': "var(--ds-background-danger-bold)";
+    readonly 'danger.bold.hovered': "var(--ds-background-danger-bold-hovered)";
+    readonly 'danger.bold.pressed': "var(--ds-background-danger-bold-pressed)";
+    readonly warning: "var(--ds-background-warning)";
+    readonly 'warning.hovered': "var(--ds-background-warning-hovered)";
+    readonly 'warning.pressed': "var(--ds-background-warning-pressed)";
+    readonly 'warning.bold': "var(--ds-background-warning-bold)";
+    readonly 'warning.bold.hovered': "var(--ds-background-warning-bold-hovered)";
+    readonly 'warning.bold.pressed': "var(--ds-background-warning-bold-pressed)";
+    readonly success: "var(--ds-background-success)";
+    readonly 'success.hovered': "var(--ds-background-success-hovered)";
+    readonly 'success.pressed': "var(--ds-background-success-pressed)";
+    readonly 'success.bold': "var(--ds-background-success-bold)";
+    readonly 'success.bold.hovered': "var(--ds-background-success-bold-hovered)";
+    readonly 'success.bold.pressed': "var(--ds-background-success-bold-pressed)";
+    readonly discovery: "var(--ds-background-discovery)";
+    readonly 'discovery.hovered': "var(--ds-background-discovery-hovered)";
+    readonly 'discovery.pressed': "var(--ds-background-discovery-pressed)";
+    readonly 'discovery.bold': "var(--ds-background-discovery-bold)";
+    readonly 'discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered)";
+    readonly 'discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed)";
+    readonly information: "var(--ds-background-information)";
+    readonly 'information.hovered': "var(--ds-background-information-hovered)";
+    readonly 'information.pressed': "var(--ds-background-information-pressed)";
+    readonly 'information.bold': "var(--ds-background-information-bold)";
+    readonly 'information.bold.hovered': "var(--ds-background-information-bold-hovered)";
+    readonly 'information.bold.pressed': "var(--ds-background-information-bold-pressed)";
+    readonly 'color.blanket': "var(--ds-blanket)";
+    readonly 'color.blanket.selected': "var(--ds-blanket-selected)";
+    readonly 'color.blanket.danger': "var(--ds-blanket-danger)";
+    readonly 'elevation.surface': "var(--ds-surface)";
+    readonly 'elevation.surface.hovered': "var(--ds-surface-hovered)";
+    readonly 'elevation.surface.pressed': "var(--ds-surface-pressed)";
+    readonly 'elevation.surface.overlay': "var(--ds-surface-overlay)";
+    readonly 'elevation.surface.overlay.hovered': "var(--ds-surface-overlay-hovered)";
+    readonly 'elevation.surface.overlay.pressed': "var(--ds-surface-overlay-pressed)";
+    readonly 'elevation.surface.raised': "var(--ds-surface-raised)";
+    readonly 'elevation.surface.raised.hovered': "var(--ds-surface-raised-hovered)";
+    readonly 'elevation.surface.raised.pressed': "var(--ds-surface-raised-pressed)";
+    readonly 'elevation.surface.sunken': "var(--ds-surface-sunken)";
+};
+
+// @public (undocumented)
+type BaseBoxProps<T extends ElementType = 'div'> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className'> & BasePrimitiveProps & BaseBoxPropsFoundation<T>;
+
+// @public (undocumented)
+type BaseBoxPropsFoundation<T extends ElementType = 'div'> = {
+    as?: As;
+    className?: string;
+    children?: ReactNode;
+    backgroundColor?: BackgroundColor;
+    padding?: Space;
+    paddingBlock?: Space;
+    paddingBlockStart?: Space;
+    paddingBlockEnd?: Space;
+    paddingInline?: Space;
+    paddingInlineStart?: Space;
+    paddingInlineEnd?: Space;
+    ref?: React.ComponentPropsWithRef<T>['ref'];
+};
+
+// @public (undocumented)
+type BasePrimitiveProps = {
+    testId?: string;
+    style?: CSSProperties;
+};
+
+// @public (undocumented)
+type BlockSize = Dimension;
+
+// @public (undocumented)
+type BorderColor = keyof typeof borderColorMap;
+
+// @public
+const borderColorMap: {
+    readonly 'color.border': "var(--ds-border)";
+    readonly 'accent.red': "var(--ds-border-accent-red)";
+    readonly 'accent.orange': "var(--ds-border-accent-orange)";
+    readonly 'accent.yellow': "var(--ds-border-accent-yellow)";
+    readonly 'accent.green': "var(--ds-border-accent-green)";
+    readonly 'accent.teal': "var(--ds-border-accent-teal)";
+    readonly 'accent.blue': "var(--ds-border-accent-blue)";
+    readonly 'accent.purple': "var(--ds-border-accent-purple)";
+    readonly 'accent.magenta': "var(--ds-border-accent-magenta)";
+    readonly 'accent.gray': "var(--ds-border-accent-gray)";
+    readonly disabled: "var(--ds-border-disabled)";
+    readonly focused: "var(--ds-border-focused)";
+    readonly input: "var(--ds-border-input)";
+    readonly inverse: "var(--ds-border-inverse)";
+    readonly selected: "var(--ds-border-selected)";
+    readonly brand: "var(--ds-border-brand)";
+    readonly danger: "var(--ds-border-danger)";
+    readonly warning: "var(--ds-border-warning)";
+    readonly success: "var(--ds-border-success)";
+    readonly discovery: "var(--ds-border-discovery)";
+    readonly information: "var(--ds-border-information)";
+    readonly bold: "var(--ds-border-bold)";
+};
+
+// @public (undocumented)
+type BorderRadius = keyof typeof borderRadiusMap;
+
+// @public (undocumented)
+const borderRadiusMap: {
+    readonly 'radius.050': "var(--ds-radius-050)";
+    readonly 'radius.100': "var(--ds-radius-100)";
+    readonly 'radius.200': "var(--ds-radius-200)";
+    readonly 'radius.300': "var(--ds-radius-300)";
+    readonly 'radius.400': "var(--ds-radius-400)";
+    readonly 'radius.round': "var(--ds-radius-round)";
+};
+
+// @public (undocumented)
+type BorderStyle = keyof typeof borderStyleMap;
+
+// @public (undocumented)
+const borderStyleMap: {
+    readonly none: "none";
+    readonly solid: "solid";
+};
+
+// @public (undocumented)
+type BorderWidth = keyof typeof borderWidthMap;
+
+// @public
+const borderWidthMap: {
+    readonly 'width.0': "var(--ds-width-0)";
+    readonly 'width.050': "var(--ds-width-050)";
+    readonly 'width.100': "var(--ds-width-100)";
+};
+
+// @public (undocumented)
+type Bottom = Dimension;
+
+// @public
+export const Box: BoxComponent;
+
+// @public (undocumented)
+type BoxComponent<T extends ElementType = 'div'> = (<T extends ElementType = 'div'>(props: BoxProps<T>) => ReactElement | null) & FC<BoxProps<T>>;
+
+// @public (undocumented)
+export type BoxProps<T extends ElementType = 'div'> = Omit<BaseBoxProps<T>, 'className'> & PublicBoxPropsBase;
+
+// @public (undocumented)
+type BoxStyles = SerializedStyles & {
+    [boxTag]: true;
+};
+
+// @public (undocumented)
+const boxTag: unique symbol;
+
+// @public (undocumented)
+type BoxXCSS = {
+    readonly [uniqueSymbol]: BoxStyles;
+};
+
+// @public (undocumented)
+type CSSPseudos = {
+    [Pseudo in CSS_2.Pseudos]?: SafeCSSObject;
+};
+
+// @public (undocumented)
+type Dimension = keyof typeof dimensionMap;
+
+// @public
+const dimensionMap: {
+    readonly '100%': "100%";
+    readonly 'size.100': "16px";
+    readonly 'size.200': "24px";
+    readonly 'size.300': "32px";
+    readonly 'size.400': "40px";
+    readonly 'size.500': "48px";
+    readonly 'size.600': "96px";
+    readonly 'size.1000': "192px";
+};
+
+// @public (undocumented)
+type Display = keyof typeof displayMap;
+
+// @public (undocumented)
+const displayMap: {
+    readonly flex: "flex";
+    readonly block: "block";
+    readonly inline: "inline";
+    readonly inlineBlock: "inline-block";
+    readonly inlineFlex: "inline-flex";
+};
+
+// @public (undocumented)
+type Flex = keyof typeof flexMap;
+
+// @public (undocumented)
+type FlexDirection = keyof typeof flexDirectionMap;
+
+// @public (undocumented)
+const flexDirectionMap: {
+    readonly row: "row";
+    readonly column: "column";
+};
+
+// @public (undocumented)
+type FlexGrow = keyof typeof flexGrowMap;
+
+// @public (undocumented)
+const flexGrowMap: {
+    readonly '0': 0;
+    readonly '1': 1;
+};
+
+// @public (undocumented)
+const flexMap: {
+    readonly '1': 1;
+};
+
+// @public (undocumented)
+type FlexShrink = keyof typeof flexShrinkMap;
+
+// @public (undocumented)
+const flexShrinkMap: {
+    readonly '0': 0;
+    readonly '1': 1;
+};
+
+// @public (undocumented)
+type Grow = 'fill' | 'hug';
+
+// @public (undocumented)
+type Grow_2 = 'fill' | 'hug';
+
+// @public (undocumented)
+type Height = Dimension;
+
+// @public
+export const Inline: MemoExoticComponent<ForwardRefExoticComponent<Pick<InlineProps<ElementType<any>>, "alignBlock" | "alignInline" | "as" | "children" | "grow" | "rowSpace" | "separator" | "shouldWrap" | "space" | "spread" | "testId"> & RefAttributes<any>>>;
+
+// @public (undocumented)
+export interface InlineProps<T extends ElementType = 'div'> {
+    alignBlock?: AlignBlock;
+    alignInline?: AlignInline;
+    as?: 'div' | 'ol' | 'span' | 'ul';
+    children: ReactNode;
+    grow?: Grow;
+    ref?: React.ComponentPropsWithRef<T>['ref'];
+    rowSpace?: Space;
+    separator?: string;
+    shouldWrap?: boolean;
+    space?: Space;
+    spread?: Spread;
+    testId?: string;
+}
+
+// @public (undocumented)
+type InlineSize = Dimension;
+
+// @public (undocumented)
+type InlineStyles = SerializedStyles & {
+    [inlineTag]: true;
+};
+
+// @public (undocumented)
+const inlineTag: unique symbol;
+
+// @public (undocumented)
+type Layer = keyof typeof layerMap;
+
+// @public (undocumented)
+const layerMap: {
+    readonly card: 100;
+    readonly navigation: 200;
+    readonly dialog: 300;
+    readonly layer: 400;
+    readonly blanket: 500;
+    readonly modal: 510;
+    readonly flag: 600;
+    readonly spotlight: 700;
+    readonly tooltip: 800;
+};
+
+// @public (undocumented)
+type Left = Dimension;
+
+// @public (undocumented)
+type MaxBlockSize = Dimension;
+
+// @public (undocumented)
+type MaxHeight = Dimension;
+
+// @public (undocumented)
+type MaxInlineSize = Dimension;
+
+// @public (undocumented)
+type MaxWidth = Dimension;
+
+// @public (undocumented)
+type MinBlockSize = Dimension;
+
+// @public (undocumented)
+type MinHeight = Dimension;
+
+// @public (undocumented)
+type MinInlineSize = Dimension;
+
+// @public (undocumented)
+type MinWidth = Dimension;
+
+// @public (undocumented)
+type Overflow = keyof typeof overflowMap;
+
+// @public (undocumented)
+type OverflowBlock = keyof typeof overflowBlockMap;
+
+// @public (undocumented)
+const overflowBlockMap: {
+    readonly auto: "auto";
+    readonly hidden: "hidden";
+};
+
+// @public (undocumented)
+type OverflowInline = keyof typeof overflowInlineMap;
+
+// @public (undocumented)
+const overflowInlineMap: {
+    readonly auto: "auto";
+    readonly hidden: "hidden";
+};
+
+// @public (undocumented)
+const overflowMap: {
+    readonly auto: "auto";
+    readonly hidden: "hidden";
+};
+
+// @public (undocumented)
+type Position = keyof typeof positionMap;
+
+// @public (undocumented)
+const positionMap: {
+    readonly absolute: "absolute";
+    readonly fixed: "fixed";
+    readonly relative: "relative";
+    readonly static: "static";
+};
+
+// @public (undocumented)
+type PublicBoxPropsBase = {
+    xcss?: Array<BoxXCSS | false | undefined> | BoxXCSS;
+};
+
+// @public (undocumented)
+type Right = Dimension;
+
+// @public (undocumented)
+type SafeCSSObject = CSSPseudos & TokenisedProps & Omit<CSSPropertiesWithMultiValues, keyof TokenisedProps>;
+
+// @public (undocumented)
+type ScopedSafeCSSObject<T extends keyof SafeCSSObject> = Pick<SafeCSSObject, T>;
+
+// @public (undocumented)
+type Shadow = keyof typeof shadowMap;
+
+// @public (undocumented)
+const shadowMap: {
+    readonly overflow: "var(--ds-shadow-overflow)";
+    readonly 'overflow.perimeter': "var(--ds-shadow-overflow-perimeter)";
+    readonly 'overflow.spread': "var(--ds-shadow-overflow-spread)";
+    readonly overlay: "var(--ds-shadow-overlay)";
+    readonly raised: "var(--ds-shadow-raised)";
+};
+
+// @public (undocumented)
+type Space = keyof typeof spaceMap;
+
+// @public
+const spaceMap: {
+    'space.0': "var(--ds-space-0)";
+    'space.025': "var(--ds-space-025)";
+    'space.050': "var(--ds-space-050)";
+    'space.075': "var(--ds-space-075)";
+    'space.100': "var(--ds-space-100)";
+    'space.150': "var(--ds-space-150)";
+    'space.200': "var(--ds-space-200)";
+    'space.250': "var(--ds-space-250)";
+    'space.300': "var(--ds-space-300)";
+    'space.400': "var(--ds-space-400)";
+    'space.500': "var(--ds-space-500)";
+    'space.600': "var(--ds-space-600)";
+    'space.800': "var(--ds-space-800)";
+    'space.1000': "var(--ds-space-1000)";
+};
+
+// @public (undocumented)
+type Spread = 'space-between';
+
+// @public (undocumented)
+type Spread_2 = 'space-between';
+
+// @public
+export const Stack: MemoExoticComponent<ForwardRefExoticComponent<Pick<StackProps<ElementType<any>>, "alignBlock" | "alignInline" | "as" | "children" | "grow" | "space" | "spread" | "testId"> & RefAttributes<any>>>;
+
+// @public (undocumented)
+export interface StackProps<T extends ElementType = 'div'> {
+    alignBlock?: AlignBlock_2;
+    alignInline?: AlignInline_2;
+    as?: 'div' | 'ol' | 'span' | 'ul';
+    children: ReactNode;
+    grow?: Grow_2;
+    ref?: React.ComponentPropsWithRef<T>['ref'];
+    space?: Space;
+    spread?: Spread_2;
+    testId?: string;
+}
+
+// @public (undocumented)
+type TextColor = keyof typeof textColorMap;
+
+// @public (undocumented)
+const textColorMap: {
+    readonly 'color.text': "var(--ds-text)";
+    readonly 'accent.red': "var(--ds-text-accent-red)";
+    readonly 'accent.red.bolder': "var(--ds-text-accent-red-bolder)";
+    readonly 'accent.orange': "var(--ds-text-accent-orange)";
+    readonly 'accent.orange.bolder': "var(--ds-text-accent-orange-bolder)";
+    readonly 'accent.yellow': "var(--ds-text-accent-yellow)";
+    readonly 'accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder)";
+    readonly 'accent.green': "var(--ds-text-accent-green)";
+    readonly 'accent.green.bolder': "var(--ds-text-accent-green-bolder)";
+    readonly 'accent.teal': "var(--ds-text-accent-teal)";
+    readonly 'accent.teal.bolder': "var(--ds-text-accent-teal-bolder)";
+    readonly 'accent.blue': "var(--ds-text-accent-blue)";
+    readonly 'accent.blue.bolder': "var(--ds-text-accent-blue-bolder)";
+    readonly 'accent.purple': "var(--ds-text-accent-purple)";
+    readonly 'accent.purple.bolder': "var(--ds-text-accent-purple-bolder)";
+    readonly 'accent.magenta': "var(--ds-text-accent-magenta)";
+    readonly 'accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder)";
+    readonly 'accent.gray': "var(--ds-text-accent-gray)";
+    readonly 'accent.gray.bolder': "var(--ds-text-accent-gray-bolder)";
+    readonly disabled: "var(--ds-text-disabled)";
+    readonly inverse: "var(--ds-text-inverse)";
+    readonly selected: "var(--ds-text-selected)";
+    readonly brand: "var(--ds-text-brand)";
+    readonly danger: "var(--ds-text-danger)";
+    readonly warning: "var(--ds-text-warning)";
+    readonly 'warning.inverse': "var(--ds-text-warning-inverse)";
+    readonly success: "var(--ds-text-success)";
+    readonly discovery: "var(--ds-text-discovery)";
+    readonly information: "var(--ds-text-information)";
+    readonly subtlest: "var(--ds-text-subtlest)";
+    readonly subtle: "var(--ds-text-subtle)";
+};
+
+// @public (undocumented)
+type TokenisedProps = {
+    alignSelf?: AlignSelf;
+    backgroundColor?: BackgroundColor;
+    blockSize?: BlockSize;
+    borderColor?: BorderColor;
+    borderRadius?: BorderRadius;
+    borderStyle?: BorderStyle;
+    borderWidth?: BorderWidth;
+    bottom?: Bottom;
+    boxShadow?: Shadow;
+    color?: TextColor;
+    columnGap?: Space;
+    display?: Display;
+    flex?: Flex;
+    flexDirection?: FlexDirection;
+    flexGrow?: FlexGrow;
+    flexShrink?: FlexShrink;
+    gap?: Space;
+    height?: Height;
+    inlineSize?: InlineSize;
+    inset?: Space;
+    insetBlock?: Space;
+    insetBlockEnd?: Space;
+    insetBlockStart?: Space;
+    insetInline?: Space;
+    insetInlineEnd?: Space;
+    insetInlineStart?: Space;
+    left?: Left;
+    maxBlockSize?: MaxBlockSize;
+    maxHeight?: MaxHeight;
+    maxInlineSize?: MaxInlineSize;
+    maxWidth?: MaxWidth;
+    minBlockSize?: MinBlockSize;
+    minHeight?: MinHeight;
+    minInlineSize?: MinInlineSize;
+    minWidth?: MinWidth;
+    outlineColor?: BorderColor;
+    outlineOffset?: Space;
+    outlineWidth?: BorderWidth;
+    overflow?: Overflow;
+    overflowBlock?: OverflowBlock;
+    overflowInline?: OverflowInline;
+    padding?: Space;
+    paddingBlock?: Space;
+    paddingBlockEnd?: Space;
+    paddingBlockStart?: Space;
+    paddingInline?: Space;
+    paddingInlineEnd?: Space;
+    paddingInlineStart?: Space;
+    position?: Position;
+    right?: Right;
+    rowGap?: Space;
+    top?: Top;
+    width?: Width;
+    zIndex?: Layer;
+};
+
+// @public (undocumented)
+type Top = Dimension;
+
+// @public (undocumented)
+const uniqueSymbol: unique symbol;
+
+// @public (undocumented)
+type Width = Dimension;
+
+// @public
+export function xcss<Primitive extends typeof Box | typeof Inline = typeof Box>(style: Primitive extends typeof Box ? ScopedSafeCSSObject<AllowedBoxStyles> | ScopedSafeCSSObject<AllowedBoxStyles>[] : Primitive extends typeof Inline ? ScopedSafeCSSObject<AllowedInlineStyles> | ScopedSafeCSSObject<AllowedInlineStyles>[] : never): {
+    readonly [uniqueSymbol]: Primitive extends (<T extends ElementType<any> = "div">(props: BoxProps<T>) => ReactElement<any, JSXElementConstructor<any>| string> | null) & FC<BoxProps<"div">> ? BoxStyles : Primitive extends MemoExoticComponent<ForwardRefExoticComponent<Pick<InlineProps<ElementType<any>>, "alignBlock" | "alignInline" | "as" | "children" | "grow" | "rowSpace" | "separator" | "shouldWrap" | "space" | "spread" | "testId"> & RefAttributes<any>>> ? InlineStyles : never;
+};
+
+// (No @packageDocumentation comment for this package)
+
+```

package/constellation/overview/examples.mdx

@@ -1,7 +0,0 @@
----
-title: Overview
-description: Coming soon.
-order: 0
----
-
-*Coming soon.*

package/dist/cjs/components/internal/extract-react-types/inline-props.js

@@ -1,7 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Inline;
-function Inline(_) {}

package/dist/cjs/components/internal/extract-react-types/stack-props.js

@@ -1,7 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Inline;
-function Inline(_) {}

package/dist/es2019/components/internal/extract-react-types/inline-props.js

@@ -1 +0,0 @@
-export default function Inline(_) {}

package/dist/es2019/components/internal/extract-react-types/stack-props.js

@@ -1 +0,0 @@
-export default function Inline(_) {}

package/dist/esm/components/internal/extract-react-types/inline-props.js

@@ -1 +0,0 @@
-export default function Inline(_) {}

package/dist/esm/components/internal/extract-react-types/stack-props.js

@@ -1 +0,0 @@
-export default function Inline(_) {}