@atlaskit/primitives 1.0.1 → 1.0.2

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

@@ -36,12 +36,24 @@ type AlignInline_2 = 'center' | 'end' | 'start';
 // @public (undocumented)
 type AlignItems = keyof typeof alignItemsMap;
 
+// @public (undocumented)
+type AlignItems_2 = keyof typeof alignItemsMap_2;
+
 // @public (undocumented)
 const alignItemsMap: {
     readonly start: SerializedStyles_2;
     readonly center: SerializedStyles_2;
     readonly baseline: SerializedStyles_2;
     readonly end: SerializedStyles_2;
+    readonly stretch: SerializedStyles_2;
+};
+
+// @public (undocumented)
+const alignItemsMap_2: {
+    readonly start: SerializedStyles_2;
+    readonly center: SerializedStyles_2;
+    readonly baseline: SerializedStyles_2;
+    readonly end: SerializedStyles_2;
 };
 
 // @public (undocumented)
@@ -53,6 +65,9 @@ type As = 'article' | 'aside' | 'button' | 'dialog' | 'div' | 'footer' | 'header
 // @public (undocumented)
 type AutoComplete<T extends string> = Omit<string, T> | T;
 
+// @public (undocumented)
+type AutoFlow = keyof typeof gridAutoFlowMap;
+
 // @public (undocumented)
 export type BackgroundColor = keyof typeof backgroundColorMap;
 
@@ -267,7 +282,7 @@ type BoxStyles = SerializedStyles & {
 const boxTag: unique symbol;
 
 // @public (undocumented)
-type BoxXCSS = false | {
+type BoxXCSS = false | undefined | {
     readonly [uniqueSymbol]: BoxStyles;
 };
 
@@ -304,16 +319,17 @@ type Direction = keyof typeof flexDirectionMap;
 
 // @public
 export const Flex: MemoExoticComponent<ForwardRefExoticComponent<Pick<{
-as?: "div" | "ol" | "span" | "ul" | undefined;
+as?: "div" | "li" | "ol" | "span" | "ul" | undefined;
 justifyContent?: "center" | "end" | "space-around" | "space-between" | "space-evenly" | "start" | "stretch" | undefined;
-alignItems?: "baseline" | "center" | "end" | "start" | undefined;
+alignItems?: "baseline" | "center" | "end" | "start" | "stretch" | undefined;
+columnGap?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.1000" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | undefined;
 gap?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.1000" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | undefined;
 rowGap?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.1000" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | undefined;
 direction?: "column" | "row" | undefined;
 wrap?: "nowrap" | "wrap" | undefined;
 children: ReactNode;
 ref?: any;
-} & BasePrimitiveProps, "alignItems" | "as" | "children" | "direction" | "gap" | "justifyContent" | "rowGap" | "wrap" | keyof BasePrimitiveProps> & RefAttributes<any>>>;
+} & BasePrimitiveProps, "alignItems" | "as" | "children" | "columnGap" | "direction" | "gap" | "justifyContent" | "rowGap" | "wrap" | keyof BasePrimitiveProps> & RefAttributes<any>>>;
 
 // @public (undocumented)
 const flexDirectionMap: {
@@ -323,9 +339,10 @@ const flexDirectionMap: {
 
 // @public (undocumented)
 export type FlexProps<T extends ElementType = 'div'> = {
-    as?: 'div' | 'ol' | 'span' | 'ul';
+    as?: 'div' | 'li' | 'ol' | 'span' | 'ul';
     justifyContent?: JustifyContent;
     alignItems?: AlignItems;
+    columnGap?: Space;
     gap?: Space;
     rowGap?: Space;
     direction?: Direction;
@@ -340,6 +357,47 @@ const flexWrapMap: {
     readonly nowrap: SerializedStyles_2;
 };
 
+// @public
+export const Grid: MemoExoticComponent<ForwardRefExoticComponent<Pick<{
+as?: "div" | "ol" | "span" | "ul" | undefined;
+justifyContent?: "center" | "end" | "space-around" | "space-between" | "space-evenly" | "start" | "stretch" | undefined;
+alignItems?: "baseline" | "center" | "end" | "start" | undefined;
+columnGap?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.1000" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | undefined;
+gap?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.1000" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | undefined;
+rowGap?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.1000" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | undefined;
+autoFlow?: "column dense" | "column" | "dense" | "row dense" | "row" | undefined;
+templateRows?: string | undefined;
+templateColumns?: string | undefined;
+templateAreas?: string[] | undefined;
+children: ReactNode;
+ref?: any;
+} & BasePrimitiveProps, "alignItems" | "as" | "autoFlow" | "children" | "columnGap" | "gap" | "justifyContent" | "rowGap" | "templateAreas" | "templateColumns" | "templateRows" | keyof BasePrimitiveProps> & RefAttributes<any>>>;
+
+// @public (undocumented)
+const gridAutoFlowMap: {
+    readonly row: SerializedStyles_2;
+    readonly column: SerializedStyles_2;
+    readonly dense: SerializedStyles_2;
+    readonly 'row dense': SerializedStyles_2;
+    readonly 'column dense': SerializedStyles_2;
+};
+
+// @public (undocumented)
+export type GridProps<T extends ElementType = 'div'> = {
+    as?: 'div' | 'ol' | 'span' | 'ul';
+    justifyContent?: JustifyContent_2;
+    alignItems?: AlignItems_2;
+    columnGap?: Space;
+    gap?: Space;
+    rowGap?: Space;
+    autoFlow?: AutoFlow;
+    templateRows?: string;
+    templateColumns?: string;
+    templateAreas?: string[];
+    children: ReactNode;
+    ref?: React.ComponentPropsWithRef<T>['ref'];
+} & BasePrimitiveProps;
+
 // @public (undocumented)
 type Grow = 'fill' | 'hug';
 
@@ -347,43 +405,54 @@ type Grow = 'fill' | 'hug';
 type Grow_2 = 'fill' | 'hug';
 
 // @public
-export const Inline: MemoExoticComponent<ForwardRefExoticComponent<Pick<InlineProps<ElementType<any>>, "alignBlock" | "alignInline" | "as" | "children" | "grow" | "rowSpace" | "separator" | "shouldWrap" | "space" | "spread" | "testId" | "xcss"> & RefAttributes<any>>>;
+export const Inline: MemoExoticComponent<ForwardRefExoticComponent<Pick<{
+as?: "div" | "li" | "ol" | "span" | "ul" | undefined;
+alignBlock?: AlignBlock | undefined;
+alignInline?: AlignInline | undefined;
+shouldWrap?: boolean | undefined;
+spread?: "space-between" | undefined;
+grow?: Grow | undefined;
+space?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.1000" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | undefined;
+rowSpace?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.1000" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | undefined;
+separator?: string | undefined;
+children: ReactNode;
+ref?: any;
+} & BasePrimitiveProps, "alignBlock" | "alignInline" | "as" | "children" | "grow" | "rowSpace" | "separator" | "shouldWrap" | "space" | "spread" | keyof BasePrimitiveProps> & RefAttributes<any>>>;
 
 // @public (undocumented)
-export interface InlineProps<T extends ElementType = 'div'> {
+export type InlineProps<T extends ElementType = 'div'> = {
+    as?: 'div' | 'li' | 'ol' | 'span' | 'ul';
     alignBlock?: AlignBlock;
     alignInline?: AlignInline;
-    as?: 'div' | 'li' | 'ol' | 'span' | 'ul';
-    children: ReactNode;
+    shouldWrap?: boolean;
+    spread?: Spread;
     grow?: Grow;
-    ref?: React.ComponentPropsWithRef<T>['ref'];
+    space?: Space;
     rowSpace?: Space;
     separator?: string;
-    shouldWrap?: boolean;
-    space?: Space;
-    spread?: Spread;
-    testId?: string;
-    xcss?: Array<InlineXCSS | false | undefined> | InlineXCSS;
-}
+    children: ReactNode;
+    ref?: React.ComponentPropsWithRef<T>['ref'];
+} & BasePrimitiveProps;
 
 // @public (undocumented)
-type InlineStyles = SerializedStyles & {
-    [inlineTag]: true;
-};
+type JustifyContent = keyof typeof justifyContentMap;
 
 // @public (undocumented)
-const inlineTag: unique symbol;
+type JustifyContent_2 = keyof typeof justifyContentMap_2;
 
 // @public (undocumented)
-type InlineXCSS = {
-    readonly [uniqueSymbol]: InlineStyles;
+const justifyContentMap: {
+    readonly start: SerializedStyles_2;
+    readonly center: SerializedStyles_2;
+    readonly end: SerializedStyles_2;
+    readonly 'space-between': SerializedStyles_2;
+    readonly 'space-around': SerializedStyles_2;
+    readonly 'space-evenly': SerializedStyles_2;
+    readonly stretch: SerializedStyles_2;
 };
 
 // @public (undocumented)
-type JustifyContent = keyof typeof justifyContentMap;
-
-// @public (undocumented)
-const justifyContentMap: {
+const justifyContentMap_2: {
     readonly start: SerializedStyles_2;
     readonly center: SerializedStyles_2;
     readonly end: SerializedStyles_2;
@@ -410,7 +479,7 @@ const layerMap: {
 };
 
 // @public
-const media: {
+export const media: {
     readonly above: {
         readonly xxs: "@media all";
         readonly xs: "@media (min-width: 30rem)";
@@ -475,6 +544,14 @@ const spaceMap: {
     'space.1000': "var(--ds-space-1000)";
 };
 
+// @public (undocumented)
+type SpaceStyles = SerializedStyles & {
+    [spaceTag]: true;
+};
+
+// @public (undocumented)
+const spaceTag: unique symbol;
+
 // @public (undocumented)
 type Spacing = 'columnGap' | 'gap' | 'inset' | 'insetBlock' | 'insetBlockEnd' | 'insetBlockStart' | 'insetInline' | 'insetInlineEnd' | 'insetInlineStart' | 'margin' | 'marginBlock' | 'marginBlockEnd' | 'marginBlockStart' | 'marginInline' | 'marginInlineEnd' | 'marginInlineStart' | 'outlineOffset' | 'padding' | 'paddingBlock' | 'paddingBlockEnd' | 'paddingBlockStart' | 'paddingBottom' | 'paddingInline' | 'paddingInlineEnd' | 'paddingInlineStart' | 'paddingLeft' | 'paddingRight' | 'paddingTop' | 'rowGap';
 
@@ -485,20 +562,28 @@ type Spread = 'space-between';
 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>>>;
+export const Stack: MemoExoticComponent<ForwardRefExoticComponent<Pick<{
+as?: "div" | "ol" | "span" | "ul" | undefined;
+alignBlock?: AlignBlock_2 | undefined;
+alignInline?: AlignInline_2 | undefined;
+spread?: "space-between" | undefined;
+grow?: Grow_2 | undefined;
+space?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.1000" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | undefined;
+children: ReactNode;
+ref?: any;
+} & BasePrimitiveProps, "alignBlock" | "alignInline" | "as" | "children" | "grow" | "space" | "spread" | keyof BasePrimitiveProps> & RefAttributes<any>>>;
 
 // @public (undocumented)
-export interface StackProps<T extends ElementType = 'div'> {
+export type StackProps<T extends ElementType = 'div'> = {
+    as?: 'div' | 'ol' | 'span' | 'ul';
     alignBlock?: AlignBlock_2;
     alignInline?: AlignInline_2;
-    as?: 'div' | 'ol' | 'span' | 'ul';
-    children: ReactNode;
+    spread?: Spread_2;
     grow?: Grow_2;
-    ref?: React.ComponentPropsWithRef<T>['ref'];
     space?: Space;
-    spread?: Spread_2;
-    testId?: string;
-}
+    children: ReactNode;
+    ref?: React.ComponentPropsWithRef<T>['ref'];
+} & BasePrimitiveProps;
 
 // @public (undocumented)
 type TextColor = keyof typeof textColorMap;
@@ -661,8 +746,8 @@ export const UNSAFE_media: {
 type Wrap = keyof typeof flexWrapMap;
 
 // @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<Spacing> | ScopedSafeCSSObject<Spacing>[] : 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" | "xcss"> & RefAttributes<any>>> ? InlineStyles : never;
+export function xcss<Primitive extends typeof Box | void = typeof Box>(style: Primitive extends typeof Box ? ScopedSafeCSSObject<AllowedBoxStyles> | ScopedSafeCSSObject<AllowedBoxStyles>[] : Primitive extends void ? ScopedSafeCSSObject<Spacing> | ScopedSafeCSSObject<Spacing>[] : 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 void ? SpaceStyles : never;
 };
 
 // (No @packageDocumentation comment for this package)