@atlaskit/primitives 0.13.0 → 0.14.0

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

@@ -32,18 +32,6 @@ 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;
 
@@ -193,9 +181,6 @@ type BasePrimitiveProps = {
     style?: CSSProperties;
 };
 
-// @public (undocumented)
-type BlockSize = Dimension;
-
 // @public (undocumented)
 type BorderColor = keyof typeof borderColorMap;
 
@@ -240,15 +225,6 @@ const borderRadiusMap: {
     readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
 };
 
-// @public (undocumented)
-type BorderStyle = keyof typeof borderStyleMap;
-
-// @public (undocumented)
-const borderStyleMap: {
-    readonly none: "none";
-    readonly solid: "solid";
-};
-
 // @public (undocumented)
 type BorderWidth = keyof typeof borderWidthMap;
 
@@ -260,9 +236,6 @@ const borderWidthMap: {
     readonly 'border.width.100': "var(--ds-border-width-100)";
 };
 
-// @public (undocumented)
-type Bottom = Dimension;
-
 // @public
 export const Box: BoxComponent;
 
@@ -313,92 +286,12 @@ const dimensionMap: {
     readonly 'size.1000': "12rem";
 };
 
-// @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";
-    readonly grid: "grid";
-};
-
-// @public (undocumented)
-type Fill = keyof typeof fillMap;
-
-// @public (undocumented)
-const fillMap: {
-    readonly 'color.icon': "var(--ds-icon)";
-    readonly 'color.icon.accent.lime': "var(--ds-icon-accent-lime)";
-    readonly 'color.icon.accent.red': "var(--ds-icon-accent-red)";
-    readonly 'color.icon.accent.orange': "var(--ds-icon-accent-orange)";
-    readonly 'color.icon.accent.yellow': "var(--ds-icon-accent-yellow)";
-    readonly 'color.icon.accent.green': "var(--ds-icon-accent-green)";
-    readonly 'color.icon.accent.teal': "var(--ds-icon-accent-teal)";
-    readonly 'color.icon.accent.blue': "var(--ds-icon-accent-blue)";
-    readonly 'color.icon.accent.purple': "var(--ds-icon-accent-purple)";
-    readonly 'color.icon.accent.magenta': "var(--ds-icon-accent-magenta)";
-    readonly 'color.icon.accent.gray': "var(--ds-icon-accent-gray)";
-    readonly 'color.icon.disabled': "var(--ds-icon-disabled)";
-    readonly 'color.icon.inverse': "var(--ds-icon-inverse)";
-    readonly 'color.icon.selected': "var(--ds-icon-selected)";
-    readonly 'color.icon.brand': "var(--ds-icon-brand)";
-    readonly 'color.icon.danger': "var(--ds-icon-danger)";
-    readonly 'color.icon.warning': "var(--ds-icon-warning)";
-    readonly 'color.icon.warning.inverse': "var(--ds-icon-warning-inverse)";
-    readonly 'color.icon.success': "var(--ds-icon-success)";
-    readonly 'color.icon.discovery': "var(--ds-icon-discovery)";
-    readonly 'color.icon.information': "var(--ds-icon-information)";
-    readonly 'color.icon.subtle': "var(--ds-icon-subtle)";
-};
-
-// @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" | "xcss"> & RefAttributes<any>>>;
 
@@ -419,9 +312,6 @@ export interface InlineProps<T extends ElementType = 'div'> {
     xcss?: Array<InlineXCSS | false | undefined> | InlineXCSS;
 }
 
-// @public (undocumented)
-type InlineSize = Dimension;
-
 // @public (undocumented)
 type InlineStyles = SerializedStyles & {
     [inlineTag]: true;
@@ -438,7 +328,7 @@ type InlineXCSS = {
 // @public (undocumented)
 type Layer = keyof typeof layerMap;
 
-// @public (undocumented)
+// @public
 const layerMap: {
     readonly card: 100;
     readonly navigation: 200;
@@ -451,21 +341,6 @@ const layerMap: {
     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
 const media: {
     readonly above: {
@@ -481,64 +356,11 @@ const media: {
 // @public
 type MediaQuery = (typeof media.above)[Breakpoint];
 
-// @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 & CSSMediaQueries & Omit<CSSPropertiesWithMultiValues, keyof TokenisedProps>;
 
@@ -579,7 +401,7 @@ const spaceMap: {
 };
 
 // @public (undocumented)
-type Spacing = 'columnGap' | 'gap' | 'inset' | 'insetBlock' | 'insetBlockEnd' | 'insetBlockStart' | 'insetInline' | 'insetInlineEnd' | 'insetInlineStart' | 'outlineOffset' | 'padding' | 'paddingBlock' | 'paddingBlockEnd' | 'paddingBlockStart' | 'paddingBottom' | 'paddingInline' | 'paddingInlineEnd' | 'paddingInlineStart' | 'paddingLeft' | 'paddingRight' | 'paddingTop' | 'rowGap';
+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';
 
 // @public (undocumented)
 type Spread = 'space-between';
@@ -645,26 +467,18 @@ const textColorMap: {
 
 // @public (undocumented)
 type TokenisedProps = {
-    alignSelf?: AlignSelf;
     backgroundColor?: BackgroundColor;
-    blockSize?: BlockSize;
+    blockSize?: AutoComplete<Dimension>;
     borderColor?: BorderColor;
     borderRadius?: BorderRadius;
-    borderStyle?: BorderStyle;
     borderWidth?: BorderWidth;
-    bottom?: Bottom;
+    bottom?: AutoComplete<Space>;
     boxShadow?: Shadow;
     color?: TextColor;
     columnGap?: Space;
-    display?: Display;
-    fill?: Fill;
-    flex?: Flex;
-    flexDirection?: FlexDirection;
-    flexGrow?: FlexGrow;
-    flexShrink?: FlexShrink;
     gap?: Space;
-    height?: AutoComplete<Height>;
-    inlineSize?: InlineSize;
+    height?: AutoComplete<Dimension>;
+    inlineSize?: AutoComplete<Dimension>;
     inset?: Space;
     insetBlock?: Space;
     insetBlockEnd?: Space;
@@ -672,21 +486,18 @@ type TokenisedProps = {
     insetInline?: Space;
     insetInlineEnd?: Space;
     insetInlineStart?: Space;
-    left?: Left;
-    maxBlockSize?: AutoComplete<MaxBlockSize>;
-    maxHeight?: AutoComplete<MaxHeight>;
-    maxInlineSize?: AutoComplete<MaxInlineSize>;
-    maxWidth?: AutoComplete<MaxWidth>;
-    minBlockSize?: AutoComplete<MinBlockSize>;
-    minHeight?: AutoComplete<MinHeight>;
-    minInlineSize?: AutoComplete<MinInlineSize>;
-    minWidth?: AutoComplete<MinWidth>;
+    left?: AutoComplete<Space>;
+    maxBlockSize?: AutoComplete<Dimension>;
+    maxHeight?: AutoComplete<Dimension>;
+    maxInlineSize?: AutoComplete<Dimension>;
+    maxWidth?: AutoComplete<Dimension>;
+    minBlockSize?: AutoComplete<Dimension>;
+    minHeight?: AutoComplete<Dimension>;
+    minInlineSize?: AutoComplete<Dimension>;
+    minWidth?: AutoComplete<Dimension>;
     outlineColor?: BorderColor;
     outlineOffset?: Space;
     outlineWidth?: BorderWidth;
-    overflow?: Overflow;
-    overflowBlock?: OverflowBlock;
-    overflowInline?: OverflowInline;
     padding?: Space;
     paddingBlock?: Space;
     paddingBlockEnd?: Space;
@@ -694,23 +505,16 @@ type TokenisedProps = {
     paddingInline?: Space;
     paddingInlineEnd?: Space;
     paddingInlineStart?: Space;
-    position?: Position;
-    right?: Right;
+    right?: AutoComplete<Space>;
     rowGap?: Space;
-    top?: Top;
-    width?: AutoComplete<Width>;
+    top?: AutoComplete<Space>;
+    width?: AutoComplete<Dimension>;
     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<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;

package/scripts/codegen-file-templates/align-self.tsx

@@ -1,9 +0,0 @@
-export const alignSelfMap = {
-  center: 'center',
-  start: 'start',
-  stretch: 'stretch',
-  end: 'end',
-  baseline: 'baseline',
-} as const;
-
-export type AlignSelf = keyof typeof alignSelfMap;

package/scripts/codegen-file-templates/border-style.tsx

@@ -1,6 +0,0 @@
-export const borderStyleMap = {
-  none: 'none',
-  solid: 'solid',
-} as const;
-
-export type BorderStyle = keyof typeof borderStyleMap;

package/scripts/codegen-file-templates/display.tsx

@@ -1,10 +0,0 @@
-export const displayMap = {
-  flex: 'flex',
-  block: 'block',
-  inline: 'inline',
-  inlineBlock: 'inline-block',
-  inlineFlex: 'inline-flex',
-  grid: 'grid',
-} as const;
-
-export type Display = keyof typeof displayMap;

package/scripts/codegen-file-templates/flex-direction.tsx

@@ -1,6 +0,0 @@
-export const flexDirectionMap = {
-  row: 'row',
-  column: 'column',
-} as const;
-
-export type FlexDirection = keyof typeof flexDirectionMap;

package/scripts/codegen-file-templates/flex-grow.tsx

@@ -1,6 +0,0 @@
-export const flexGrowMap = {
-  '0': 0,
-  '1': 1,
-} as const;
-
-export type FlexGrow = keyof typeof flexGrowMap;

package/scripts/codegen-file-templates/flex-shrink.tsx

@@ -1,6 +0,0 @@
-export const flexShrinkMap = {
-  '0': '0',
-  '1': 1,
-} as const;
-
-export type FlexShrink = keyof typeof flexShrinkMap;

package/scripts/codegen-file-templates/flex.tsx

@@ -1,5 +0,0 @@
-export const flexMap = {
-  '1': 1,
-} as const;
-
-export type Flex = keyof typeof flexMap;

package/scripts/codegen-file-templates/overflow.tsx

@@ -1,20 +0,0 @@
-export const overflowMap = {
-  auto: 'auto',
-  hidden: 'hidden',
-} as const;
-
-export type Overflow = keyof typeof overflowMap;
-
-export const overflowInlineMap = {
-  auto: 'auto',
-  hidden: 'hidden',
-} as const;
-
-export type OverflowInline = keyof typeof overflowInlineMap;
-
-export const overflowBlockMap = {
-  auto: 'auto',
-  hidden: 'hidden',
-} as const;
-
-export type OverflowBlock = keyof typeof overflowBlockMap;

package/scripts/codegen-file-templates/position.tsx

@@ -1,8 +0,0 @@
-export const positionMap = {
-  absolute: 'absolute',
-  fixed: 'fixed',
-  relative: 'relative',
-  static: 'static',
-} as const;
-
-export type Position = keyof typeof positionMap;