@atlaskit/primitives 7.0.0 → 7.0.1

package/extract-react-types/flex-props.tsx

@@ -3,78 +3,78 @@ import { type ElementType, type ReactNode } from 'react';
 import { type BasePrimitiveProps } from '../src/components/types';
 
 type Space =
-  | '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';
+	| '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';
 
 type FlexProps<T extends ElementType = 'div'> = {
-  /**
-   * The DOM element to render as the Flex. Defaults to `div`.
-   */
-  as?: 'div' | 'span' | 'ul' | 'ol' | 'li';
+	/**
+	 * The DOM element to render as the Flex. Defaults to `div`.
+	 */
+	as?: 'div' | 'span' | 'ul' | 'ol' | 'li';
 
-  /**
-   * Used to align children along the main axis.
-   */
-  justifyContent?:
-    | 'start'
-    | 'center'
-    | 'end'
-    | 'space-between'
-    | 'space-around'
-    | 'space-evenly'
-    | 'stretch';
+	/**
+	 * Used to align children along the main axis.
+	 */
+	justifyContent?:
+		| 'start'
+		| 'center'
+		| 'end'
+		| 'space-between'
+		| 'space-around'
+		| 'space-evenly'
+		| 'stretch';
 
-  /**
-   * Used to align children along the cross axis.
-   */
-  alignItems?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+	/**
+	 * Used to align children along the cross axis.
+	 */
+	alignItems?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
 
-  /**
-   * Represents the space between each child.
-   */
-  columnGap?: Space;
+	/**
+	 * Represents the space between each child.
+	 */
+	columnGap?: Space;
 
-  /**
-   * Represents the space between each child.
-   */
-  gap?: Space;
+	/**
+	 * Represents the space between each child.
+	 */
+	gap?: Space;
 
-  /**
-   * Represents the space between each child.
-   */
-  rowGap?: Space;
+	/**
+	 * Represents the space between each child.
+	 */
+	rowGap?: Space;
 
-  /**
-   * Represents the flex direction property of CSS flexbox.
-   */
-  direction?: 'row' | 'column';
+	/**
+	 * Represents the flex direction property of CSS flexbox.
+	 */
+	direction?: 'row' | 'column';
 
-  /**
-   * Represents the flex wrap property of CSS flexbox.
-   */
-  wrap?: 'wrap' | 'nowrap';
+	/**
+	 * Represents the flex wrap property of CSS flexbox.
+	 */
+	wrap?: 'wrap' | 'nowrap';
 
-  /**
-   * Elements to be rendered inside the Flex.
-   */
-  children: ReactNode;
+	/**
+	 * Elements to be rendered inside the Flex.
+	 */
+	children: ReactNode;
 
-  /**
-   * Forwarded ref element
-   */
-  ref?: React.ComponentPropsWithRef<T>['ref'];
+	/**
+	 * Forwarded ref element
+	 */
+	ref?: React.ComponentPropsWithRef<T>['ref'];
 } & BasePrimitiveProps;
 
 export default function Flex(_: FlexProps) {}

package/extract-react-types/grid-props.tsx

@@ -3,100 +3,100 @@ import { type ElementType, type ReactNode } from 'react';
 import { type BasePrimitiveProps } from '../src/components/types';
 
 type Space =
-  | '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';
+	| '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';
 
 type GridProps<T extends ElementType = 'div'> = {
-  /**
-   * The DOM element to render as the Flex. Defaults to `div`.
-   */
-  as?: 'div' | 'span' | 'ul' | 'ol' | 'li';
-
-  /**
-   * Used to align children along the main axis.
-   */
-  justifyContent?:
-    | 'start'
-    | 'center'
-    | 'end'
-    | 'space-between'
-    | 'space-around'
-    | 'space-evenly'
-    | 'stretch';
-
-  /**
-   * Used to align children along the cross axis.
-   */
-  alignItems?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
-
-  /**
-   * Represents the space between each child.
-   */
-  columnGap?: Space;
-
-  /**
-   * Represents the space between each child.
-   */
-  gap?: Space;
-
-  /**
-   * Represents the space between each child.
-   */
-  rowGap?: Space;
-
-  /**
-   * Specifies how auto-placed items get flowed into the grid. CSS `grid-auto-flow`.
-   */
-  autoFlow?: string;
-
-  /**
-   * CSS `grid-template-rows`.
-   */
-  templateRows?: string;
-
-  /**
-   * CSS `grid-template-columns`.
-   */
-  templateColumns?: string;
-
-  /**
-   * CSS `grid-template-areas`.
-   *
-   * Each item in the passed array is a grid row.
-   */
-  templateAreas?: string[];
-
-  /**
-   * Represents the flex direction property of CSS flexbox.
-   */
-  direction?: 'row' | 'column';
-
-  /**
-   * Represents the flex wrap property of CSS flexbox.
-   */
-  wrap?: 'wrap' | 'nowrap';
-
-  /**
-   * Elements to be rendered inside the Flex.
-   */
-  children: ReactNode;
-
-  /**
-   * Forwarded ref element
-   */
-  ref?: React.ComponentPropsWithRef<T>['ref'];
+	/**
+	 * The DOM element to render as the Flex. Defaults to `div`.
+	 */
+	as?: 'div' | 'span' | 'ul' | 'ol' | 'li';
+
+	/**
+	 * Used to align children along the main axis.
+	 */
+	justifyContent?:
+		| 'start'
+		| 'center'
+		| 'end'
+		| 'space-between'
+		| 'space-around'
+		| 'space-evenly'
+		| 'stretch';
+
+	/**
+	 * Used to align children along the cross axis.
+	 */
+	alignItems?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+
+	/**
+	 * Represents the space between each child.
+	 */
+	columnGap?: Space;
+
+	/**
+	 * Represents the space between each child.
+	 */
+	gap?: Space;
+
+	/**
+	 * Represents the space between each child.
+	 */
+	rowGap?: Space;
+
+	/**
+	 * Specifies how auto-placed items get flowed into the grid. CSS `grid-auto-flow`.
+	 */
+	autoFlow?: string;
+
+	/**
+	 * CSS `grid-template-rows`.
+	 */
+	templateRows?: string;
+
+	/**
+	 * CSS `grid-template-columns`.
+	 */
+	templateColumns?: string;
+
+	/**
+	 * CSS `grid-template-areas`.
+	 *
+	 * Each item in the passed array is a grid row.
+	 */
+	templateAreas?: string[];
+
+	/**
+	 * Represents the flex direction property of CSS flexbox.
+	 */
+	direction?: 'row' | 'column';
+
+	/**
+	 * Represents the flex wrap property of CSS flexbox.
+	 */
+	wrap?: 'wrap' | 'nowrap';
+
+	/**
+	 * Elements to be rendered inside the Flex.
+	 */
+	children: ReactNode;
+
+	/**
+	 * Forwarded ref element
+	 */
+	ref?: React.ComponentPropsWithRef<T>['ref'];
 } & BasePrimitiveProps;
 
 export default function Grid(_: GridProps) {}

package/extract-react-types/hide-props.tsx

@@ -3,46 +3,46 @@ import { type ReactNode } from 'react';
 import { type Breakpoint } from '../src/responsive/types';
 
 type As =
-  | 'article'
-  | 'aside'
-  | 'dialog'
-  | 'div'
-  | 'footer'
-  | 'header'
-  | 'li'
-  | 'main'
-  | 'nav'
-  | 'ol'
-  | 'section'
-  | 'span'
-  | 'ul';
+	| 'article'
+	| 'aside'
+	| 'dialog'
+	| 'div'
+	| 'footer'
+	| 'header'
+	| 'li'
+	| 'main'
+	| 'nav'
+	| 'ol'
+	| 'section'
+	| 'span'
+	| 'ul';
 
 type ResponsiveHideProps = {
-  /**
-   * The DOM element to render as the Box. Defaults to `div`.
-   */
-  as?: As;
+	/**
+	 * The DOM element to render as the Box. Defaults to `div`.
+	 */
+	as?: As;
 
-  /**
-   * Elements to be rendered inside the primitive.
-   */
-  children: ReactNode;
+	/**
+	 * Elements to be rendered inside the primitive.
+	 */
+	children: ReactNode;
 
-  /**
-   * 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'>;
+	/**
+	 * 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'>;
 
-  /**
-   * 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 **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'>;
 };
 
 export default function Hide(_: ResponsiveHideProps) {}

package/extract-react-types/inline-props.tsx

@@ -1,89 +1,89 @@
 import { type ElementType, type ReactNode } from 'react';
 
 import type {
-  AlignBlock,
-  AlignInline,
-  BasePrimitiveProps,
-  Grow,
-  Spread,
+	AlignBlock,
+	AlignInline,
+	BasePrimitiveProps,
+	Grow,
+	Spread,
 } from '../src/components/types';
 
 type Space =
-  | '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';
+	| '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';
 
 type InlineProps<T extends ElementType = 'div'> = {
-  /**
-   * The DOM element to render as the Inline. Defaults to `div`.
-   */
-  as?: 'div' | 'span' | 'ul' | 'ol';
-  /**
-   * Used to align children along the main axis.
-   */
-  alignBlock?: AlignBlock;
+	/**
+	 * The DOM element to render as the Inline. Defaults to `div`.
+	 */
+	as?: 'div' | 'span' | 'ul' | 'ol';
+	/**
+	 * Used to align children along the main axis.
+	 */
+	alignBlock?: AlignBlock;
 
-  /**
-   * Used to align children along the cross axis.
-   */
-  alignInline?: AlignInline;
+	/**
+	 * Used to align children along the cross axis.
+	 */
+	alignInline?: AlignInline;
 
-  /**
-   * Used to set whether children are forced onto one line or will wrap onto multiple lines.
-   */
-  shouldWrap?: boolean;
+	/**
+	 * Used to set whether children are forced onto one line or will wrap onto multiple lines.
+	 */
+	shouldWrap?: boolean;
 
-  /**
-   * Used to distribute the children along the main axis.
-   */
-  spread?: Spread;
+	/**
+	 * 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;
+	/**
+	 * Used to set whether the container should grow to fill the available space.
+	 */
+	grow?: Grow;
 
-  /**
-   * Represents the space between each child.
-   */
-  space?: Space;
+	/**
+	 * Represents the space between each child.
+	 */
+	space?: Space;
 
-  /**
-   * Represents the space between rows when content wraps.
-   * Used to override the `space` value in between rows.
-   */
-  rowSpace?: Space;
+	/**
+	 * Represents the space between rows when content wraps.
+	 * Used to override the `space` value in between rows.
+	 */
+	rowSpace?: Space;
 
-  /**
-   * Renders a separator string between each child.
-   */
-  separator?: string;
+	/**
+	 * Renders a separator string between each child.
+	 */
+	separator?: string;
 
-  /**
-   * A unique string that appears as data attribute data-testid in the rendered code, serving as a hook for automated tests.
-   */
-  testId?: string;
+	/**
+	 * A unique string that appears as data attribute data-testid in the rendered code, serving as a hook for automated tests.
+	 */
+	testId?: string;
 
-  /**
-   * Elements to be rendered inside the Inline.
-   */
-  children: ReactNode;
+	/**
+	 * Elements to be rendered inside the Inline.
+	 */
+	children: ReactNode;
 
-  /**
-   * Forwarded ref element
-   */
-  ref?: React.ComponentPropsWithRef<T>['ref'];
+	/**
+	 * Forwarded ref element
+	 */
+	ref?: React.ComponentPropsWithRef<T>['ref'];
 } & BasePrimitiveProps;
 
 export default function Inline(_: InlineProps) {}