@atlaskit/primitives 0.7.0 → 0.8.0

package/dist/es2019/version.json

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

package/dist/esm/components/{inline.partial.js → inline.js}

@@ -1,8 +1,8 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* eslint-disable @repo/internal/styles/no-exported-styles */
 /** @jsx jsx */
 import { Children, forwardRef, Fragment, memo } from 'react';
 import { css, jsx } from '@emotion/react';
+import { spaceStylesMap } from '../internal/style-maps.partial';
 var alignItemsMap = {
   center: css({
     alignItems: 'center'
@@ -43,37 +43,6 @@ var flexGrowMap = {
 var flexWrapStyles = css({
   flexWrap: 'wrap'
 });
-
-/**
- * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fb7587b114753ed19425e2b07b5deb0d>>
- * @codegenId spacing
- * @codegenCommand yarn codegen-styles
- * @codegenParams ["inlineSpace"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
- */
-var inlineSpaceMap = Object.fromEntries(['gap', 'rowGap'].map(function (property) {
-  return [property, {
-    '0': css(_defineProperty({}, property, "var(--ds-space-0, 0px)")),
-    '025': css(_defineProperty({}, property, "var(--ds-space-025, 2px)")),
-    '050': css(_defineProperty({}, property, "var(--ds-space-050, 4px)")),
-    '075': css(_defineProperty({}, property, "var(--ds-space-075, 6px)")),
-    '100': css(_defineProperty({}, property, "var(--ds-space-100, 8px)")),
-    '150': css(_defineProperty({}, property, "var(--ds-space-150, 12px)")),
-    '200': css(_defineProperty({}, property, "var(--ds-space-200, 16px)")),
-    '250': css(_defineProperty({}, property, "var(--ds-space-250, 20px)")),
-    '300': css(_defineProperty({}, property, "var(--ds-space-300, 24px)")),
-    '400': css(_defineProperty({}, property, "var(--ds-space-400, 32px)")),
-    '500': css(_defineProperty({}, property, "var(--ds-space-500, 40px)")),
-    '600': css(_defineProperty({}, property, "var(--ds-space-600, 48px)")),
-    '800': css(_defineProperty({}, property, "var(--ds-space-800, 64px)")),
-    '1000': css(_defineProperty({}, property, "var(--ds-space-1000, 80px)"))
-  }];
-}));
-/**
- * @codegenEnd
- */
-
 var baseStyles = css({
   display: 'flex',
   boxSizing: 'border-box',
@@ -130,7 +99,7 @@ var Inline = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref2, ref) {
   }) : rawChildren;
   var justifyContent = spread || alignInline;
   return jsx(Component, {
-    css: [baseStyles, space && inlineSpaceMap.gap[space], justifyContent && justifyContentMap[justifyContent], grow && flexGrowMap[grow], alignItems && alignItemsMap[alignItems], shouldWrap && flexWrapStyles, rowSpace && inlineSpaceMap.rowGap[rowSpace]],
+    css: [baseStyles, space && spaceStylesMap.gap[space], justifyContent && justifyContentMap[justifyContent], grow && flexGrowMap[grow], alignItems && alignItemsMap[alignItems], shouldWrap && flexWrapStyles, rowSpace && spaceStylesMap.rowGap[rowSpace]],
     "data-testid": testId,
     ref: ref
   }, children);

package/dist/esm/components/stack.js

@@ -0,0 +1,78 @@
+/* eslint-disable @repo/internal/styles/no-exported-styles */
+/** @jsx jsx */
+import { forwardRef, memo } from 'react';
+import { css, jsx } from '@emotion/react';
+import { spaceStylesMap } from '../internal/style-maps.partial';
+var justifyContentMap = {
+  start: css({
+    justifyContent: 'start'
+  }),
+  center: css({
+    justifyContent: 'center'
+  }),
+  end: css({
+    justifyContent: 'end'
+  }),
+  'space-between': css({
+    justifyContent: 'space-between'
+  })
+};
+var alignItemsMap = {
+  start: css({
+    alignItems: 'start'
+  }),
+  center: css({
+    alignItems: 'center'
+  }),
+  end: css({
+    alignItems: 'end'
+  })
+};
+var flexGrowMap = {
+  hug: css({
+    flexGrow: 0
+  }),
+  fill: css({
+    width: '100%',
+    flexGrow: 1
+  })
+};
+var baseStyles = css({
+  display: 'flex',
+  boxSizing: 'border-box',
+  flexDirection: 'column'
+});
+
+/**
+ * __Stack__
+ *
+ * Stack is a primitive component based on flexbox that manages the vertical layout of direct children.
+ *
+ * @example
+ * ```tsx
+ *  <Stack>
+ *    <Box padding="space.100" backgroundColor="neutral"></Box>
+ *    <Box padding="space.100" backgroundColor="neutral"></Box>
+ *  </Stack>
+ * ```
+ *
+ */
+var Stack = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var as = _ref.as,
+    alignItems = _ref.alignInline,
+    alignBlock = _ref.alignBlock,
+    spread = _ref.spread,
+    grow = _ref.grow,
+    space = _ref.space,
+    children = _ref.children,
+    testId = _ref.testId;
+  var Component = as || 'div';
+  var justifyContent = spread || alignBlock;
+  return jsx(Component, {
+    css: [baseStyles, space && spaceStylesMap.gap[space], alignItems && alignItemsMap[alignItems], grow && flexGrowMap[grow], justifyContent && justifyContentMap[justifyContent]],
+    "data-testid": testId,
+    ref: ref
+  }, children);
+}));
+Stack.displayName = 'Stack';
+export default Stack;

package/dist/esm/index.js

@@ -1,4 +1,4 @@
 export { default as Box } from './components/box';
-export { default as Inline } from './components/inline.partial';
+export { default as Inline } from './components/inline';
 export { xcss } from './internal/xcss';
-export { default as Stack } from './components/stack.partial';
+export { default as Stack } from './components/stack';

package/dist/esm/internal/style-maps.partial.js

@@ -23,10 +23,10 @@ export var dimensionMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c9769f86fc43a4afcc45953fc5f06926>>
+ * @codegen <<SignedSource::b8ac4fd29ba83e2ab1c2713c35915067>>
  * @codegenId spacing
  * @codegenCommand yarn codegen-styles
- * @codegenParams ["padding"]
+ * @codegenParams ["padding", "space"]
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
  */
 export var paddingMap = {
@@ -45,6 +45,22 @@ export var paddingMap = {
   'space.800': "var(--ds-space-800, 64px)",
   'space.1000': "var(--ds-space-1000, 80px)"
 };
+export var spaceMap = {
+  'space.0': "var(--ds-space-0, 0px)",
+  'space.025': "var(--ds-space-025, 2px)",
+  'space.050': "var(--ds-space-050, 4px)",
+  'space.075': "var(--ds-space-075, 6px)",
+  'space.100': "var(--ds-space-100, 8px)",
+  'space.150': "var(--ds-space-150, 12px)",
+  'space.200': "var(--ds-space-200, 16px)",
+  'space.250': "var(--ds-space-250, 20px)",
+  'space.300': "var(--ds-space-300, 24px)",
+  'space.400': "var(--ds-space-400, 32px)",
+  'space.500': "var(--ds-space-500, 40px)",
+  'space.600': "var(--ds-space-600, 48px)",
+  'space.800': "var(--ds-space-800, 64px)",
+  'space.1000': "var(--ds-space-1000, 80px)"
+};
 /**
  * @codegenEnd
  */
@@ -231,14 +247,15 @@ export var textColorMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::dd62140c127dcca8e478ad22341d4626>>
+ * @codegen <<SignedSource::8ab54fc337c6a02f403dad852dd626a0>>
  * @codegenId misc
  * @codegenCommand yarn codegen-styles
- * @codegenParams ["align-self", "border-style", "display", "flex-grow", "flex-shrink", "flex", "layer", "overflow", "position"]
+ * @codegenParams ["align-self", "border-style", "display", "flex-direction", "flex-grow", "flex-shrink", "flex", "layer", "overflow", "position"]
  * @codegenDependency ../../scripts/codegen-file-templates/align-self.tsx <<SignedSource::074079802534462de54bf882bb2073e5>>
  * @codegenDependency ../../scripts/codegen-file-templates/border-style.tsx <<SignedSource::87e7e289ffeaac901997c4af98084a5f>>
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::89d19ca3937408eb7de5d72f4476a0f9>>
  * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::e6e390f80609060bfd12a55a489d5f54>>
+ * @codegenDependency ../../scripts/codegen-file-templates/flex-direction.tsx <<SignedSource::19809ba11675679c188b0d98fb651dc1>>
  * @codegenDependency ../../scripts/codegen-file-templates/flex-grow.tsx <<SignedSource::b8a06b122cb609170f1f42778a6c270e>>
  * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::bf6626972898bf22d2eeee2130693d47>>
  * @codegenDependency ../../scripts/codegen-file-templates/flex.tsx <<SignedSource::ffa0189d14f1f00a16ec1e9f43a17ce9>>
@@ -257,6 +274,10 @@ export var borderStyleMap = {
   none: 'none',
   solid: 'solid'
 };
+export var flexDirectionMap = {
+  row: 'row',
+  column: 'column'
+};
 export var flexGrowMap = {
   '0': 0,
   '1': 1
@@ -326,7 +347,7 @@ export var borderRadiusMap = {
  * @codegenEnd
  */
 
-var spacingProperties = ['padding', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd'];
+var spacingProperties = ['padding', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'gap', 'rowGap'];
 var getSerializedStylesMap = function getSerializedStylesMap(cssProperty, tokenMap) {
   return Object.keys(tokenMap).reduce(function (emotionSpacingMap, token) {
     emotionSpacingMap[token] = css(_defineProperty({}, cssProperty, tokenMap[token]));
@@ -337,4 +358,8 @@ export var paddingStylesMap = spacingProperties.reduce(function (styleMap, spaci
   styleMap[spacingProperty] = getSerializedStylesMap(spacingProperty, paddingMap);
   return styleMap;
 }, {});
+export var spaceStylesMap = spacingProperties.reduce(function (styleMap, spacingProperty) {
+  styleMap[spacingProperty] = getSerializedStylesMap(spacingProperty, spaceMap);
+  return styleMap;
+}, {});
 export var backgroundColorStylesMap = getSerializedStylesMap('backgroundColor', backgroundColorMap);

package/dist/esm/internal/xcss.js

@@ -29,12 +29,9 @@ var uniqueSymbol = Symbol('Internal symbol to verify xcss function is called saf
 var isSafeEnvToThrow = function isSafeEnvToThrow() {
   return (typeof process === "undefined" ? "undefined" : _typeof(process)) === 'object' && _typeof(process.env) === 'object' && process.env.NODE_ENV !== 'production';
 };
-
-/**
- * Only exposed for testing.
- * @internal
- */
-export var transformStyles = function transformStyles(styleObj) {
+var reNestedSelectors = /(\.|\s|&+|\*\>|#|\[.*\])/;
+var rePseudos = /^::?.*$/;
+var transformStyles = function transformStyles(styleObj) {
   if (!styleObj || _typeof(styleObj) !== 'object') {
     return styleObj;
   }
@@ -51,14 +48,14 @@ export var transformStyles = function transformStyles(styleObj) {
       value = _ref2[1];
     if (isSafeEnvToThrow()) {
       // We don't support `.class`, `[data-testid]`, `> *`, `#some-id`
-      if (/(\.|\s|&+|\*\>|#|\[.*\])/.test(key)) {
+      if (reNestedSelectors.test(key)) {
         throw new Error("Styles not supported for key '".concat(key, "'."));
       }
     }
 
     // If key is a pseudo class or a pseudo element, then value should be an object.
     // So, call transformStyles on the value
-    if (/^::?.*$/.test(key)) {
+    if (rePseudos.test(key)) {
       styleObj[key] = transformStyles(value);
       return;
     }

package/dist/esm/version.json

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

package/dist/types/components/{inline.partial.d.ts → inline.d.ts}

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import { ComponentPropsWithRef, ElementType, ReactNode } from 'react';
+import { type Gap, type RowGap } from '../internal/style-maps.partial';
 export interface InlineProps<T extends ElementType = 'div'> {
     /**
      * The DOM element to render as the Inline. Defaults to `div`.
@@ -55,34 +56,6 @@ export declare type AlignInline = 'start' | 'center' | 'end';
 export declare type AlignBlock = 'start' | 'center' | 'end' | 'baseline';
 export declare type Spread = 'space-between';
 export declare type Grow = 'hug' | 'fill';
-/**
- * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fb7587b114753ed19425e2b07b5deb0d>>
- * @codegenId spacing
- * @codegenCommand yarn codegen-styles
- * @codegenParams ["inlineSpace"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
- */
-declare const inlineSpaceMap: {
-    [k: string]: {
-        readonly '0': import("@emotion/react").SerializedStyles;
-        readonly '025': import("@emotion/react").SerializedStyles;
-        readonly '050': import("@emotion/react").SerializedStyles;
-        readonly '075': import("@emotion/react").SerializedStyles;
-        readonly '100': import("@emotion/react").SerializedStyles;
-        readonly '150': import("@emotion/react").SerializedStyles;
-        readonly '200': import("@emotion/react").SerializedStyles;
-        readonly '250': import("@emotion/react").SerializedStyles;
-        readonly '300': import("@emotion/react").SerializedStyles;
-        readonly '400': import("@emotion/react").SerializedStyles;
-        readonly '500': import("@emotion/react").SerializedStyles;
-        readonly '600': import("@emotion/react").SerializedStyles;
-        readonly '800': import("@emotion/react").SerializedStyles;
-        readonly '1000': import("@emotion/react").SerializedStyles;
-    };
-};
-export declare type Gap = keyof typeof inlineSpaceMap.gap;
-export declare type RowGap = keyof typeof inlineSpaceMap.rowGap;
 /**
  * __Inline__
  *

package/dist/types/components/{stack.partial.d.ts → stack.d.ts}

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import { ComponentPropsWithRef, ElementType, ReactNode } from 'react';
+import { type Gap } from '../internal/style-maps.partial';
 export interface StackProps<T extends ElementType = 'div'> {
     /**
      * The DOM element to render as the Stack. Defaults to `div`.
@@ -42,33 +43,6 @@ export declare type AlignInline = 'start' | 'center' | 'end';
 export declare type AlignBlock = 'start' | 'center' | 'end';
 export declare type Spread = 'space-between';
 export declare type Grow = 'hug' | 'fill';
-/**
- * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4eb2c996d6ce5791acad51e2b226635f>>
- * @codegenId spacing
- * @codegenCommand yarn codegen-styles
- * @codegenParams ["stackSpace"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
- */
-declare const stackSpaceMap: {
-    [k: string]: {
-        readonly '0': import("@emotion/react").SerializedStyles;
-        readonly '025': import("@emotion/react").SerializedStyles;
-        readonly '050': import("@emotion/react").SerializedStyles;
-        readonly '075': import("@emotion/react").SerializedStyles;
-        readonly '100': import("@emotion/react").SerializedStyles;
-        readonly '150': import("@emotion/react").SerializedStyles;
-        readonly '200': import("@emotion/react").SerializedStyles;
-        readonly '250': import("@emotion/react").SerializedStyles;
-        readonly '300': import("@emotion/react").SerializedStyles;
-        readonly '400': import("@emotion/react").SerializedStyles;
-        readonly '500': import("@emotion/react").SerializedStyles;
-        readonly '600': import("@emotion/react").SerializedStyles;
-        readonly '800': import("@emotion/react").SerializedStyles;
-        readonly '1000': import("@emotion/react").SerializedStyles;
-    };
-};
-export declare type Gap = keyof typeof stackSpaceMap.gap;
 /**
  * __Stack__
  *

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
 export { default as Box, type BoxProps } from './components/box';
-export { default as Inline, type InlineProps, } from './components/inline.partial';
+export { default as Inline, type InlineProps } from './components/inline';
 export { xcss } from './internal/xcss';
-export { default as Stack, type StackProps } from './components/stack.partial';
+export { default as Stack, type StackProps } from './components/stack';

package/dist/types/internal/style-maps.partial.d.ts

@@ -28,10 +28,10 @@ export declare type MaxHeight = keyof typeof dimensionMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c9769f86fc43a4afcc45953fc5f06926>>
+ * @codegen <<SignedSource::b8ac4fd29ba83e2ab1c2713c35915067>>
  * @codegenId spacing
  * @codegenCommand yarn codegen-styles
- * @codegenParams ["padding"]
+ * @codegenParams ["padding", "space"]
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
  */
 export declare const paddingMap: {
@@ -57,6 +57,24 @@ export declare type PaddingBlockEnd = keyof typeof paddingMap;
 export declare type PaddingInline = keyof typeof paddingMap;
 export declare type PaddingInlineStart = keyof typeof paddingMap;
 export declare type PaddingInlineEnd = keyof typeof paddingMap;
+export declare const spaceMap: {
+    readonly 'space.0': "var(--ds-space-0)";
+    readonly 'space.025': "var(--ds-space-025)";
+    readonly 'space.050': "var(--ds-space-050)";
+    readonly 'space.075': "var(--ds-space-075)";
+    readonly 'space.100': "var(--ds-space-100)";
+    readonly 'space.150': "var(--ds-space-150)";
+    readonly 'space.200': "var(--ds-space-200)";
+    readonly 'space.250': "var(--ds-space-250)";
+    readonly 'space.300': "var(--ds-space-300)";
+    readonly 'space.400': "var(--ds-space-400)";
+    readonly 'space.500': "var(--ds-space-500)";
+    readonly 'space.600': "var(--ds-space-600)";
+    readonly 'space.800': "var(--ds-space-800)";
+    readonly 'space.1000': "var(--ds-space-1000)";
+};
+export declare type Gap = keyof typeof spaceMap;
+export declare type RowGap = keyof typeof spaceMap;
 /**
  * @codegenEnd
  */
@@ -247,14 +265,15 @@ export declare type TextColor = keyof typeof textColorMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::dd62140c127dcca8e478ad22341d4626>>
+ * @codegen <<SignedSource::8ab54fc337c6a02f403dad852dd626a0>>
  * @codegenId misc
  * @codegenCommand yarn codegen-styles
- * @codegenParams ["align-self", "border-style", "display", "flex-grow", "flex-shrink", "flex", "layer", "overflow", "position"]
+ * @codegenParams ["align-self", "border-style", "display", "flex-direction", "flex-grow", "flex-shrink", "flex", "layer", "overflow", "position"]
  * @codegenDependency ../../scripts/codegen-file-templates/align-self.tsx <<SignedSource::074079802534462de54bf882bb2073e5>>
  * @codegenDependency ../../scripts/codegen-file-templates/border-style.tsx <<SignedSource::87e7e289ffeaac901997c4af98084a5f>>
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::89d19ca3937408eb7de5d72f4476a0f9>>
  * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::e6e390f80609060bfd12a55a489d5f54>>
+ * @codegenDependency ../../scripts/codegen-file-templates/flex-direction.tsx <<SignedSource::19809ba11675679c188b0d98fb651dc1>>
  * @codegenDependency ../../scripts/codegen-file-templates/flex-grow.tsx <<SignedSource::b8a06b122cb609170f1f42778a6c270e>>
  * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::bf6626972898bf22d2eeee2130693d47>>
  * @codegenDependency ../../scripts/codegen-file-templates/flex.tsx <<SignedSource::ffa0189d14f1f00a16ec1e9f43a17ce9>>
@@ -276,6 +295,11 @@ export declare const borderStyleMap: {
 };
 export declare type BorderStyle = keyof typeof borderStyleMap;
 export declare type Display = 'flex' | 'block' | 'inline' | 'inline-block' | 'inline-flex';
+export declare const flexDirectionMap: {
+    readonly row: "row";
+    readonly column: "column";
+};
+export declare type FlexDirection = keyof typeof flexDirectionMap;
 export declare const flexGrowMap: {
     readonly '0': 0;
     readonly '1': 1;
@@ -362,6 +386,7 @@ export declare type TokenisedProps = {
     borderWidth?: BorderWidth;
     display?: Display;
     flex?: Flex;
+    flexDirection?: FlexDirection;
     flexGrow?: FlexGrow;
     flexShrink?: FlexShrink;
     height?: Height;
@@ -385,12 +410,13 @@ export declare type TokenisedProps = {
     textColor?: TextColor;
     width?: Width;
 };
-declare const spacingProperties: readonly ["padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd"];
+declare const spacingProperties: readonly ["padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "gap", "rowGap"];
 declare type SpacingProperty = typeof spacingProperties[number];
 declare type SpacingToken = keyof typeof paddingMap;
 declare type BackgroundColorToken = keyof typeof backgroundColorMap;
 declare type SpacingStyleMap = Record<SpacingProperty, Record<SpacingToken, SerializedStyles>>;
 declare type BackgroundColorStyleMap = Record<BackgroundColorToken, SerializedStyles>;
 export declare const paddingStylesMap: SpacingStyleMap;
+export declare const spaceStylesMap: SpacingStyleMap;
 export declare const backgroundColorStylesMap: BackgroundColorStyleMap;
 export {};

package/dist/types/internal/xcss.d.ts

@@ -1,14 +1,9 @@
 /// <reference types="react" />
 import { css as cssEmotion } from '@emotion/react';
-import { CSSObject, CSSPropertiesWithMultiValues, CSSPseudos, SerializedStyles } from '@emotion/serialize';
+import { CSSPropertiesWithMultiValues, CSSPseudos, SerializedStyles } from '@emotion/serialize';
 import { Box, Inline } from '../index';
 import { TokenisedProps } from './style-maps.partial';
 declare const uniqueSymbol: unique symbol;
-/**
- * Only exposed for testing.
- * @internal
- */
-export declare const transformStyles: (styleObj?: CSSObject | CSSObject[] | undefined) => CSSObject | CSSObject[] | undefined;
 /**
  * @internal used in primitives
  * @returns a collection of styles that can be applied to the respective primitive

package/inline/package.json

@@ -1,14 +1,14 @@
 {
   "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",
+  "main": "../dist/cjs/components/inline.js",
+  "module": "../dist/esm/components/inline.js",
+  "module:es2019": "../dist/es2019/components/inline.js",
   "sideEffects": false,
-  "types": "../dist/types/components/inline.partial.d.ts",
+  "types": "../dist/types/components/inline.d.ts",
   "typesVersions": {
     ">=4.0 <4.5": {
       "*": [
-        "../dist/types-ts4.0/components/inline.partial.d.ts"
+        "../dist/types-ts4.0/components/inline.d.ts"
       ]
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/primitives",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Primitives are token-backed low-level building blocks.",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -14,11 +14,37 @@
     "inPublicMirror": false,
     "releaseModel": "continuous",
     "website": {
-      "category": "Components",
+      "category": "Primitives",
       "name": "Primitives",
-      "status": {
-        "type": "alpha"
-      }
+      "pages": [
+        {
+          "title": "Overview",
+          "id": "@atlaskit/primitives",
+          "folder": "overview",
+          "slug": "primitives/overview",
+          "status": {
+            "type": "alpha"
+          }
+        },
+        {
+          "title": "Accessibility",
+          "id": "@atlaskit/primitives",
+          "folder": "accessibility",
+          "slug": "primitives/accessibility",
+          "status": {
+            "type": "alpha"
+          }
+        },
+        {
+          "title": "Box",
+          "folder": "box",
+          "slug": "primitives/box",
+          "id": "@atlaskit/primitives/box",
+          "status": {
+            "type": "alpha"
+          }
+        }
+      ]
     }
   },
   "scripts": {
@@ -33,8 +59,8 @@
   "af:exports": {
     ".": "./src/index.tsx",
     "./box": "./src/components/box.tsx",
-    "./stack": "./src/components/stack.partial.tsx",
-    "./inline": "./src/components/inline.partial.tsx",
+    "./stack": "./src/components/stack.tsx",
+    "./inline": "./src/components/inline.tsx",
     "./responsive": "./src/helpers/responsive/index.tsx"
   },
   "dependencies": {
@@ -48,7 +74,6 @@
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@af/codegen": "*",
     "@atlaskit/docs": "*",
     "@atlaskit/ds-lib": "*",
     "@atlaskit/heading": "*",
@@ -56,6 +81,7 @@
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
+    "@atlassian/codegen": "^0.0.1",
     "@testing-library/react": "^12.1.5",
     "prettier": "^2.7.0",
     "react-dom": "^16.8.0",
@@ -89,4 +115,4 @@
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
-}
+}