@atlaskit/primitives 0.0.1

package/dist/esm/internal/color-map.js

@@ -0,0 +1,35 @@
+/**
+ * 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 {
+  'neutral.bold': 'inverse',
+  'neutral.bold.hovered': 'inverse',
+  'neutral.bold.pressed': 'inverse',
+  'selected.bold': 'inverse',
+  'selected.bold.hovered': 'inverse',
+  'selected.bold.pressed': 'inverse',
+  'brand.bold': 'inverse',
+  'brand.bold.hovered': 'inverse',
+  'brand.bold.pressed': 'inverse',
+  'danger.bold': 'inverse',
+  'danger.bold.hovered': 'inverse',
+  'danger.bold.pressed': 'inverse',
+  'warning.bold': 'warning.inverse',
+  'warning.bold.hovered': 'warning.inverse',
+  'warning.bold.pressed': 'warning.inverse',
+  'success.bold': 'inverse',
+  'success.bold.hovered': 'inverse',
+  'success.bold.pressed': 'inverse',
+  'discovery.bold': 'inverse',
+  'discovery.bold.hovered': 'inverse',
+  'discovery.bold.pressed': 'inverse',
+  'information.bold': 'inverse',
+  'information.bold.hovered': 'inverse',
+  'information.bold.pressed': 'inverse'
+};

package/dist/esm/version.json

@@ -0,0 +1,5 @@
+{
+	"name": "@atlaskit/primitives",
+	"version": "0.0.1",
+	"sideEffects": false
+}

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

@@ -0,0 +1 @@
+export { default as Box } from '@atlaskit/ds-explorations/box';

package/dist/types/components/inline.partial.d.ts

@@ -0,0 +1 @@
+export { default as Inline } from '@atlaskit/ds-explorations/inline';

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

@@ -0,0 +1,348 @@
+/** @jsx jsx */
+import { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, FC, ReactElement, ReactNode } from 'react';
+import { Layer } from '../../constants';
+import type { BasePrimitiveProps } from '../types';
+export declare type BoxProps<T extends ElementType = 'div'> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className' | 'style'> & BasePrimitiveProps & BoxPropsBase<T>;
+declare type BoxPropsBase<T extends ElementType> = {
+    /**
+     * The DOM element to render as the Box. Defaults to `div`.
+     */
+    as?: T;
+    /**
+     * Elements to be rendered inside the Box.
+     */
+    children?: ReactNode;
+    /**
+     * 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;
+    /**
+     * Token representing background color with a fallback.
+     */
+    backgroundColor?: BackgroundColor;
+    /**
+     * Token representing shadow with a fallback
+     */
+    shadow?: Shadow;
+    /**
+     * Defines border style.
+     */
+    borderStyle?: BorderStyle;
+    /**
+     * Defines border width.
+     */
+    borderWidth?: BorderWidth;
+    /**
+     * Token representing border color with a fallback.
+     */
+    borderColor?: BorderColor;
+    /**
+     * Defines border radius.
+     */
+    borderRadius?: BorderRadius;
+    /**
+     * Used for providing a z-index.
+     */
+    layer?: Layer;
+    /**
+     * Defines the main axis direction.
+     * @deprecated
+     */
+    flexDirection?: FlexDirection;
+    /**
+     * Used to align children along the cross axis.
+     * @deprecated
+     */
+    alignItems?: FlexAlignItems;
+    /**
+     * Used to align children along the main axis.
+     * @deprecated
+     */
+    justifyContent?: FlexJustifyContent;
+    /**
+     * Defines what happens if content overflows the box.
+     */
+    overflow?: Overflow;
+    /**
+     * Shorthand for `paddingBlock` and `paddingInline` together.
+     *
+     * @see paddingBlock
+     * @see paddingInline
+     */
+    padding?: Padding;
+    /**
+     * Token representing CSS `paddingBlock`.
+     */
+    paddingBlock?: PaddingBlock;
+    /**
+     * Token representing CSS `paddingInline`.
+     */
+    paddingInline?: PaddingInline;
+    /**
+     * Token representing width.
+     * @experimental The existing tokens will be replaced to better reflect dimensions.
+     */
+    width?: Width;
+    /**
+     * Token representing height.
+     * @experimental The existing tokens will be replaced to better reflect dimensions.
+     */
+    height?: Height;
+    /**
+     * Defines display type and layout. Defaults to `flex`.
+     */
+    display?: Display;
+    /**
+     * CSS position property.
+     */
+    position?: Position;
+    ref?: ComponentPropsWithRef<T>['ref'];
+};
+declare type BoxComponent<T extends ElementType = 'div'> = (<T extends ElementType = 'div'>(props: BoxProps<T>) => ReactElement | null) & FC<BoxProps<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 Box: BoxComponent;
+export default Box;
+declare type BorderStyle = keyof typeof borderStyleMap;
+declare const borderStyleMap: {
+    none: import("@emotion/react").SerializedStyles;
+    solid: import("@emotion/react").SerializedStyles;
+    dashed: import("@emotion/react").SerializedStyles;
+    dotted: import("@emotion/react").SerializedStyles;
+};
+declare type BorderWidth = keyof typeof borderWidthMap;
+declare const borderWidthMap: {
+    '0px': import("@emotion/react").SerializedStyles;
+    '1px': import("@emotion/react").SerializedStyles;
+    '2px': import("@emotion/react").SerializedStyles;
+    '3px': import("@emotion/react").SerializedStyles;
+};
+declare type BorderRadius = keyof typeof borderRadiusMap;
+declare const borderRadiusMap: {
+    normal: import("@emotion/react").SerializedStyles;
+    rounded: import("@emotion/react").SerializedStyles;
+    badge: import("@emotion/react").SerializedStyles;
+};
+/**
+ * @experimental - this is likely to be removed
+ */
+declare type FlexDirection = keyof typeof flexDirectionMap;
+declare const flexDirectionMap: {
+    column: import("@emotion/react").SerializedStyles;
+    row: import("@emotion/react").SerializedStyles;
+};
+/**
+ * @experimental - this is likely to be removed
+ */
+declare type FlexAlignItems = keyof typeof flexAlignItemsMap;
+declare const flexAlignItemsMap: {
+    center: import("@emotion/react").SerializedStyles;
+    baseline: import("@emotion/react").SerializedStyles;
+    flexStart: import("@emotion/react").SerializedStyles;
+    flexEnd: import("@emotion/react").SerializedStyles;
+    start: import("@emotion/react").SerializedStyles;
+    end: import("@emotion/react").SerializedStyles;
+};
+/**
+ * @experimental - this is likely to be removed
+ */
+declare type FlexJustifyContent = keyof typeof flexJustifyContentMap;
+declare const flexJustifyContentMap: {
+    center: import("@emotion/react").SerializedStyles;
+    flexStart: import("@emotion/react").SerializedStyles;
+    flexEnd: import("@emotion/react").SerializedStyles;
+    start: import("@emotion/react").SerializedStyles;
+    end: import("@emotion/react").SerializedStyles;
+};
+declare type Display = keyof typeof displayMap;
+declare const displayMap: {
+    block: import("@emotion/react").SerializedStyles;
+    inline: import("@emotion/react").SerializedStyles;
+    flex: import("@emotion/react").SerializedStyles;
+    inlineFlex: import("@emotion/react").SerializedStyles;
+    inlineBlock: import("@emotion/react").SerializedStyles;
+};
+declare type Position = keyof typeof positionMap;
+declare const positionMap: {
+    absolute: import("@emotion/react").SerializedStyles;
+    fixed: import("@emotion/react").SerializedStyles;
+    relative: import("@emotion/react").SerializedStyles;
+    static: import("@emotion/react").SerializedStyles;
+};
+declare type Overflow = keyof typeof overflowMap;
+declare const overflowMap: {
+    auto: import("@emotion/react").SerializedStyles;
+    hidden: import("@emotion/react").SerializedStyles;
+};
+/**
+ * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::327e769aaa3da9422a919a0ca9490070>>
+ * @codegenId dimensions
+ * @codegenCommand yarn codegen-styles
+ * @codegenParams ["width", "height"]
+ */
+declare const widthMap: {
+    '100%': import("@emotion/react").SerializedStyles;
+    'size.100': import("@emotion/react").SerializedStyles;
+    'size.1000': import("@emotion/react").SerializedStyles;
+    'size.200': import("@emotion/react").SerializedStyles;
+    'size.300': import("@emotion/react").SerializedStyles;
+    'size.400': import("@emotion/react").SerializedStyles;
+    'size.500': import("@emotion/react").SerializedStyles;
+    'size.600': import("@emotion/react").SerializedStyles;
+};
+export declare type Width = keyof typeof widthMap;
+declare const heightMap: {
+    '100%': import("@emotion/react").SerializedStyles;
+    'size.100': import("@emotion/react").SerializedStyles;
+    'size.1000': import("@emotion/react").SerializedStyles;
+    'size.200': import("@emotion/react").SerializedStyles;
+    'size.300': import("@emotion/react").SerializedStyles;
+    'size.400': import("@emotion/react").SerializedStyles;
+    'size.500': import("@emotion/react").SerializedStyles;
+    'size.600': import("@emotion/react").SerializedStyles;
+};
+export declare type Height = keyof typeof heightMap;
+/**
+ * @codegenEnd
+ */
+/**
+ * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::9226f2e37dcce3e8b61fc00cc67f8893>>
+ * @codegenId spacing
+ * @codegenCommand yarn codegen-styles
+ * @codegenParams ["padding", "paddingBlock", "paddingInline"]
+ * @codegenDependency ../../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
+ */
+declare const paddingMap: {
+    'space.0': import("@emotion/react").SerializedStyles;
+    'space.025': import("@emotion/react").SerializedStyles;
+    'space.050': import("@emotion/react").SerializedStyles;
+    'space.075': import("@emotion/react").SerializedStyles;
+    'space.100': import("@emotion/react").SerializedStyles;
+    'space.1000': import("@emotion/react").SerializedStyles;
+    'space.150': import("@emotion/react").SerializedStyles;
+    'space.200': import("@emotion/react").SerializedStyles;
+    'space.250': import("@emotion/react").SerializedStyles;
+    'space.300': import("@emotion/react").SerializedStyles;
+    'space.400': import("@emotion/react").SerializedStyles;
+    'space.500': import("@emotion/react").SerializedStyles;
+    'space.600': import("@emotion/react").SerializedStyles;
+    'space.800': import("@emotion/react").SerializedStyles;
+};
+export declare type Padding = keyof typeof paddingMap;
+declare const paddingBlockMap: {
+    'space.0': import("@emotion/react").SerializedStyles;
+    'space.025': import("@emotion/react").SerializedStyles;
+    'space.050': import("@emotion/react").SerializedStyles;
+    'space.075': import("@emotion/react").SerializedStyles;
+    'space.100': import("@emotion/react").SerializedStyles;
+    'space.1000': import("@emotion/react").SerializedStyles;
+    'space.150': import("@emotion/react").SerializedStyles;
+    'space.200': import("@emotion/react").SerializedStyles;
+    'space.250': import("@emotion/react").SerializedStyles;
+    'space.300': import("@emotion/react").SerializedStyles;
+    'space.400': import("@emotion/react").SerializedStyles;
+    'space.500': import("@emotion/react").SerializedStyles;
+    'space.600': import("@emotion/react").SerializedStyles;
+    'space.800': import("@emotion/react").SerializedStyles;
+};
+export declare type PaddingBlock = keyof typeof paddingBlockMap;
+declare const paddingInlineMap: {
+    'space.0': import("@emotion/react").SerializedStyles;
+    'space.025': import("@emotion/react").SerializedStyles;
+    'space.050': import("@emotion/react").SerializedStyles;
+    'space.075': import("@emotion/react").SerializedStyles;
+    'space.100': import("@emotion/react").SerializedStyles;
+    'space.1000': import("@emotion/react").SerializedStyles;
+    'space.150': import("@emotion/react").SerializedStyles;
+    'space.200': import("@emotion/react").SerializedStyles;
+    'space.250': import("@emotion/react").SerializedStyles;
+    'space.300': import("@emotion/react").SerializedStyles;
+    'space.400': import("@emotion/react").SerializedStyles;
+    'space.500': import("@emotion/react").SerializedStyles;
+    'space.600': import("@emotion/react").SerializedStyles;
+    'space.800': import("@emotion/react").SerializedStyles;
+};
+export declare type PaddingInline = keyof typeof paddingInlineMap;
+/**
+ * @codegenEnd
+ */
+/**
+ * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::997d215fff7bb2f824f7a0f600fe892e>>
+ * @codegenId colors
+ * @codegenCommand yarn codegen-styles
+ * @codegenParams ["border", "background", "shadow"]
+ * @codegenDependency ../../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
+ */
+declare const borderColorMap: {
+    readonly 'color.border': 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 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;
+/**
+ * @codegenEnd
+ */

package/dist/types/components/stack.partial.d.ts

@@ -0,0 +1 @@
+export { default as Stack } from '@atlaskit/ds-explorations/stack';

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

@@ -0,0 +1,13 @@
+import type { CSSProperties } from 'react';
+export interface BasePrimitiveProps {
+    /**
+     * A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
+     */
+    testId?: string;
+    /**
+     * Inline styles to be applied to the primitive.
+     * Marked as "unsafe" because any CSS properties can be provided here without any extra control or validation, including those that would be better managed by the primitive itself via props.
+     * Effectively equivalent to the standard `style` prop but marked with a special name so we can rationalise its usage IN THE FUTURE.
+     */
+    UNSAFE_style?: CSSProperties;
+}

package/dist/types/constants.d.ts

@@ -0,0 +1,12 @@
+export declare const LAYERS: {
+    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;
+};
+export declare type Layer = keyof typeof LAYERS;

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { Stack } from './components/stack.partial';
+export { Box } from './components/box';
+export { Inline } from './components/inline.partial';

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

@@ -0,0 +1,36 @@
+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;

package/inline/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/primitives/inline",
+  "main": "../dist/cjs/components/inline.partial.js",
+  "module": "../dist/esm/components/inline.partial.js",
+  "module:es2019": "../dist/es2019/components/inline.partial.js",
+  "sideEffects": false,
+  "types": "../dist/types/components/inline.partial.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/components/inline.partial.d.ts"
+      ]
+    }
+  }
+}

package/package.json

@@ -0,0 +1,89 @@
+{
+  "name": "@atlaskit/primitives",
+  "version": "0.0.1",
+  "description": "Primitives are token-backed low-level building blocks.",
+  "author": "Atlassian Pty Ltd",
+  "license": "Apache-2.0",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
+  "homepage": "https://atlassian.design/components/primitives",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "atlassian": {
+    "team": "Design System Team",
+    "inPublicMirror": false,
+    "releaseModel": "continuous",
+    "website": {
+      "category": "Components",
+      "name": "Primitives",
+      "status": {
+        "type": "alpha"
+      }
+    }
+  },
+  "scripts": {
+    "codegen-styles": "ts-node --project ../../../tsconfig.node.json ./scripts/codegen-styles"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "module:es2019": "dist/es2019/index.js",
+  "types": "dist/types/index.d.ts",
+  "sideEffects": false,
+  "atlaskit:src": "src/index.tsx",
+  "af:exports": {
+    ".": "./src/index.tsx",
+    "./box": "./src/components/box.tsx",
+    "./stack": "./src/components/stack.partial.tsx",
+    "./inline": "./src/components/inline.partial.tsx"
+  },
+  "dependencies": {
+    "@atlaskit/ds-explorations": "^2.0.1",
+    "@atlaskit/tokens": "^1.0.0",
+    "@babel/runtime": "^7.0.0",
+    "@emotion/react": "^11.7.1"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+  },
+  "devDependencies": {
+    "@af/codegen": "*",
+    "@atlaskit/docs": "*",
+    "@atlaskit/ds-lib": "*",
+    "@atlaskit/ssr": "*",
+    "@atlaskit/visual-regression": "*",
+    "@atlaskit/webdriver-runner": "*",
+    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
+    "@testing-library/react": "^12.1.5",
+    "prettier": "^2.7.0",
+    "react-dom": "^16.8.0",
+    "ts-node": "^10.9.1",
+    "typescript": "4.5.5",
+    "wait-for-expect": "^1.2.0"
+  },
+  "techstack": {
+    "@atlassian/frontend": {
+      "import-structure": [
+        "atlassian-conventions"
+      ],
+      "circular-dependencies": "file-and-folder-level"
+    },
+    "@repo/internal": {
+      "design-system": "v1",
+      "dom-events": "use-bind-event-listener",
+      "analytics": "analytics-next",
+      "ui-components": [
+        "lite-mode"
+      ],
+      "deprecation": "no-deprecated-imports",
+      "styling": [
+        "static",
+        "emotion"
+      ],
+      "design-tokens": [
+        "color",
+        "spacing"
+      ]
+    }
+  },
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
+}

package/report.api.md

@@ -0,0 +1,43 @@
+<!-- API Report Version: 2.3 -->
+
+## API Report File for "@atlaskit/primitives"
+
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
+### Table of contents
+
+- [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
+
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
+
+```ts
+import { default as Box } from '@atlaskit/ds-explorations/box';
+import { default as Inline } from '@atlaskit/ds-explorations/inline';
+import { default as Stack } from '@atlaskit/ds-explorations/stack';
+
+export { Box };
+
+export { Inline };
+
+export { Stack };
+
+// (No @packageDocumentation comment for this package)
+```
+
+<!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->