@atlaskit/primitives 1.2.0 → 1.2.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/primitives
 
+## 1.2.2
+
+### Patch Changes
+
+- [`9a3fd8455fb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9a3fd8455fb) - Stack `alignBlock` prop now accepts `'stretch'` which is also the default value for the `alignBlock` prop.
+
+## 1.2.1
+
+### Patch Changes
+
+- [`9a88d718e48`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9a88d718e48) - This package is now onboarded onto the product push model.
+
 ## 1.2.0
 
 ### Minor Changes

package/constellation/box/examples.mdx

@@ -21,7 +21,7 @@ import { CodeDocsHeader } from '@af/design-system-docs-ui';
 ## Basic
 
 Box is a general-purpose container that allows for controlled use of design tokens. Use the given props to configure display behaviour and styling that aligns with the Atlassian Design System.
-[To learn more about styling primitive components visit our xcss documentation.](/components/primitives/xcss/usage)
+[To learn more about styling primitive components visit our `xcss` documentation.](/components/primitives/xcss/usage)
 
 <Example Component={BoxBasic} packageName="@atlaskit/primitives/box" />
 
@@ -41,7 +41,7 @@ The nomenclature used by these props follows [logical properties](https://develo
 
 ## xcss
 
-Box exposes an `xcss` prop. This prop accepts `xcss` function calls that contain a subset of permitted styles. When used with `Box`, xcss accepts most CSS properties, and when a token exists, the rule accepts that token as a value.
+Box exposes an `xcss` prop. This prop accepts `xcss` function calls that contain a subset of permitted styles. When used with `Box`, `xcss` accepts most CSS properties, and when a token exists, the rule accepts that token as a value.
 For more information on xcss, see the dedicated [xcss documentation](/components/primitives/xcss).
 
 <Example Component={BoxXcss} packageName="@atlaskit/primitives/box" />

package/constellation/inline/usage.mdx

@@ -32,6 +32,7 @@ The various Inline props can then be used to customize the spacing and styling o
 - `rowSpace`
 - `separator`
 
+## Related
 - [Learn more about the Primitives](/components/primitives/overview)
 - [Learn more about the Box primitive](/components/primitives/box/usage)
 - [Learn more about the Stack primitive](/components/primitives/stack/usage)

package/constellation/overview/index.mdx

@@ -76,4 +76,4 @@ The ESLint rule <a href="/components/eslint-plugin-design-system/usage#use-primi
 - [Learn more about the Stack primitive](/components/primitives/stack/usage)
 - [Learn more about the Grid primitive](/components/primitives/grid/examples)
 - [Learn more about the Bleed primitive](/components/primitives/bleed/examples)
-- [Learn more about the Fkex primitive](/components/primitives/flex/examples)
+- [Learn more about the Flex primitive](/components/primitives/flex/examples)

package/constellation/responsive/usage.mdx

@@ -41,10 +41,3 @@ const customStyles = css({
   [media.above.xl]: { marginBlock: token('space.150') },
 });
 ```
-
-### `media.below` usage
-
-This is intentionally excluded at the moment as we're shipping our opinion that teams should design mobile-first.
-We understand this will not scale and we're open to change, but we'd like to change this with feedback.
-
-If we do add it back, we'd suggest codebases prefer a single approach (eg. `above` or `below`) and use that consistently.  Mixing them results in confusion (though they can be safely used together and can result in better CSS performance when done correctly).

package/constellation/xcss/examples.mdx

@@ -7,6 +7,7 @@ order: 1
 import xcssBasic from '../../examples/constellation/xcss/basic';
 import xcssInteractive from '../../examples/constellation/xcss/interactivity';
 import xcssResponsive from '../../examples/constellation/xcss/responsiveness';
+import xcssConditional from '../../examples/constellation/xcss/conditional-styles';
 
 import { CodeDocsHeader } from '@af/design-system-docs-ui';
 
@@ -31,6 +32,12 @@ To enable interactivity, use familiar selectors like `:hover` and `:focus-visibl
 
 ## Responsiveness
 
-xCSS also accepts a subset of media queries at [predefined breakpoints](/components/primitives/responsive/breakpoints/examples).
+`xcss` also accepts a subset of media queries at [predefined breakpoints](/components/primitives/responsive/breakpoints/examples).
 
 <Example Component={xcssResponsive} packageName="@atlaskit/primitives/xcss" />
+
+## Conditional styles
+
+To achieve conditional styles, it is usually simpler to apply conditional behavior at the `xcss` object level, rather than applying conditional behavior to individual properties.
+
+<Example Component={xcssConditional} packageName="@atlaskit/primitives/xcss" />

package/dist/cjs/components/bleed.js

@@ -7,7 +7,6 @@ exports.default = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _xcss = require("../xcss/xcss");
-/* eslint-disable @atlaskit/design-system/use-primitives */
 /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/cjs/components/stack.js

@@ -40,7 +40,8 @@ var flexGrowMap = {
 var Stack = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var as = _ref.as,
     alignItems = _ref.alignInline,
-    alignBlock = _ref.alignBlock,
+    _ref$alignBlock = _ref.alignBlock,
+    alignBlock = _ref$alignBlock === void 0 ? 'stretch' : _ref$alignBlock,
     spread = _ref.spread,
     grow = _ref.grow,
     space = _ref.space,

package/dist/cjs/responsive/build-media-query-css.js

@@ -9,8 +9,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("@emotion/react");
 var _constants = require("./constants");
 var _mediaHelper = require("./media-helper");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Build a map of breakpoints to css with media queries and nested styles.
  *

package/dist/cjs/xcss/style-maps.partial.js

@@ -60,11 +60,11 @@ exports.spaceMap = spaceMap;
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0de38f66a11617229ed4985ae2051e3e>>
+ * @codegen <<SignedSource::4a24a8ef38d5bf0a2803ceff3c393915>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::d09e7cd13e24113267155813747b3bd4>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
  */
 var borderColorMap = {
   'color.border': "var(--ds-border, #091e4221)",

package/dist/es2019/components/bleed.js

@@ -1,4 +1,3 @@
-/* eslint-disable @atlaskit/design-system/use-primitives */
 /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/es2019/components/stack.js

@@ -31,7 +31,7 @@ const flexGrowMap = {
 const Stack = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   as,
   alignInline: alignItems,
-  alignBlock,
+  alignBlock = 'stretch',
   spread,
   grow,
   space,

package/dist/es2019/xcss/style-maps.partial.js

@@ -48,11 +48,11 @@ export const spaceMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0de38f66a11617229ed4985ae2051e3e>>
+ * @codegen <<SignedSource::4a24a8ef38d5bf0a2803ceff3c393915>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::d09e7cd13e24113267155813747b3bd4>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
  */
 export const borderColorMap = {
   'color.border': "var(--ds-border, #091e4221)",

package/dist/esm/components/bleed.js

@@ -1,4 +1,3 @@
-/* eslint-disable @atlaskit/design-system/use-primitives */
 /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/esm/components/stack.js

@@ -32,7 +32,8 @@ var flexGrowMap = {
 var Stack = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
   var as = _ref.as,
     alignItems = _ref.alignInline,
-    alignBlock = _ref.alignBlock,
+    _ref$alignBlock = _ref.alignBlock,
+    alignBlock = _ref$alignBlock === void 0 ? 'stretch' : _ref$alignBlock,
     spread = _ref.spread,
     grow = _ref.grow,
     space = _ref.space,

package/dist/esm/responsive/build-media-query-css.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { css } from '@emotion/react';
 import { UNSAFE_BREAKPOINTS_ORDERED_LIST } from './constants';
 import { media, UNSAFE_media } from './media-helper';

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

@@ -49,11 +49,11 @@ export var spaceMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0de38f66a11617229ed4985ae2051e3e>>
+ * @codegen <<SignedSource::4a24a8ef38d5bf0a2803ceff3c393915>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::d09e7cd13e24113267155813747b3bd4>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
  */
 export var borderColorMap = {
   'color.border': "var(--ds-border, #091e4221)",

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { ElementType, ReactNode } from 'react';
 import { type Space } from '../xcss/style-maps.partial';
-import { BasePrimitiveProps } from './types';
+import type { AlignBlock, AlignInline, BasePrimitiveProps, Grow, Spread } from './types';
 export type InlineProps<T extends ElementType = 'div'> = {
     /**
      * The DOM element to render as the Inline. Defaults to `div`.
@@ -49,10 +49,6 @@ export type InlineProps<T extends ElementType = 'div'> = {
      */
     ref?: React.ComponentPropsWithRef<T>['ref'];
 } & BasePrimitiveProps;
-export type AlignInline = 'start' | 'center' | 'end';
-export type AlignBlock = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
-export type Spread = 'space-between';
-export type Grow = 'hug' | 'fill';
 /**
  * __Inline__
  *

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { ElementType, ReactNode } from 'react';
 import { type Space } from '../xcss/style-maps.partial';
-import type { BasePrimitiveProps } from './types';
+import type { AlignBlock, AlignInline, BasePrimitiveProps, Grow, Spread } from './types';
 export type StackProps<T extends ElementType = 'div'> = {
     /**
      * The DOM element to render as the Stack. Defaults to `div`.
@@ -10,7 +10,7 @@ export type StackProps<T extends ElementType = 'div'> = {
     /**
      * Used to align children along the main axis.
      */
-    alignBlock?: AlignBlock;
+    alignBlock?: Exclude<AlignBlock, 'baseline'>;
     /**
      * Used to align children along the cross axis.
      */
@@ -36,10 +36,6 @@ export type StackProps<T extends ElementType = 'div'> = {
      */
     ref?: React.ComponentPropsWithRef<T>['ref'];
 } & BasePrimitiveProps;
-export type AlignInline = 'start' | 'center' | 'end';
-export type AlignBlock = 'start' | 'center' | 'end';
-export type Spread = 'space-between';
-export type Grow = 'hug' | 'fill';
 /**
  * __Stack__
  *
@@ -62,7 +58,7 @@ declare const Stack: import("react").MemoExoticComponent<import("react").Forward
     /**
      * Used to align children along the main axis.
      */
-    alignBlock?: AlignBlock | undefined;
+    alignBlock?: "stretch" | "center" | "end" | "start" | undefined;
     /**
      * Used to align children along the cross axis.
      */

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

@@ -19,3 +19,7 @@ export type BasePrimitiveProps = {
      */
     role?: string;
 };
+export type AlignInline = 'start' | 'center' | 'end' | 'stretch';
+export type AlignBlock = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+export type Spread = 'space-between';
+export type Grow = 'hug' | 'fill';

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

@@ -50,11 +50,11 @@ export type Space = keyof typeof spaceMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0de38f66a11617229ed4985ae2051e3e>>
+ * @codegen <<SignedSource::4a24a8ef38d5bf0a2803ceff3c393915>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::d09e7cd13e24113267155813747b3bd4>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
  */
 export declare const borderColorMap: {
     readonly 'color.border': "var(--ds-border)";

package/dist/types-ts4.5/components/inline.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { ElementType, ReactNode } from 'react';
 import { type Space } from '../xcss/style-maps.partial';
-import { BasePrimitiveProps } from './types';
+import type { AlignBlock, AlignInline, BasePrimitiveProps, Grow, Spread } from './types';
 export type InlineProps<T extends ElementType = 'div'> = {
     /**
      * The DOM element to render as the Inline. Defaults to `div`.
@@ -49,10 +49,6 @@ export type InlineProps<T extends ElementType = 'div'> = {
      */
     ref?: React.ComponentPropsWithRef<T>['ref'];
 } & BasePrimitiveProps;
-export type AlignInline = 'start' | 'center' | 'end';
-export type AlignBlock = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
-export type Spread = 'space-between';
-export type Grow = 'hug' | 'fill';
 /**
  * __Inline__
  *

package/dist/types-ts4.5/components/stack.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { ElementType, ReactNode } from 'react';
 import { type Space } from '../xcss/style-maps.partial';
-import type { BasePrimitiveProps } from './types';
+import type { AlignBlock, AlignInline, BasePrimitiveProps, Grow, Spread } from './types';
 export type StackProps<T extends ElementType = 'div'> = {
     /**
      * The DOM element to render as the Stack. Defaults to `div`.
@@ -10,7 +10,7 @@ export type StackProps<T extends ElementType = 'div'> = {
     /**
      * Used to align children along the main axis.
      */
-    alignBlock?: AlignBlock;
+    alignBlock?: Exclude<AlignBlock, 'baseline'>;
     /**
      * Used to align children along the cross axis.
      */
@@ -36,10 +36,6 @@ export type StackProps<T extends ElementType = 'div'> = {
      */
     ref?: React.ComponentPropsWithRef<T>['ref'];
 } & BasePrimitiveProps;
-export type AlignInline = 'start' | 'center' | 'end';
-export type AlignBlock = 'start' | 'center' | 'end';
-export type Spread = 'space-between';
-export type Grow = 'hug' | 'fill';
 /**
  * __Stack__
  *
@@ -62,7 +58,7 @@ declare const Stack: import("react").MemoExoticComponent<import("react").Forward
     /**
      * Used to align children along the main axis.
      */
-    alignBlock?: AlignBlock | undefined;
+    alignBlock?: "stretch" | "center" | "end" | "start" | undefined;
     /**
      * Used to align children along the cross axis.
      */

package/dist/types-ts4.5/components/types.d.ts

@@ -19,3 +19,7 @@ export type BasePrimitiveProps = {
      */
     role?: string;
 };
+export type AlignInline = 'start' | 'center' | 'end' | 'stretch';
+export type AlignBlock = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+export type Spread = 'space-between';
+export type Grow = 'hug' | 'fill';

package/dist/types-ts4.5/xcss/style-maps.partial.d.ts

@@ -50,11 +50,11 @@ export type Space = keyof typeof spaceMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0de38f66a11617229ed4985ae2051e3e>>
+ * @codegen <<SignedSource::4a24a8ef38d5bf0a2803ceff3c393915>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::d09e7cd13e24113267155813747b3bd4>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
  */
 export declare const borderColorMap: {
     readonly 'color.border': "var(--ds-border)";

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

@@ -5,7 +5,7 @@ import type {
   AlignInline,
   Grow,
   Spread,
-} from '../src/components/inline';
+} from '../src/components/types';
 
 type Space =
   | 'space.0'

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

@@ -5,7 +5,7 @@ import type {
   AlignInline,
   Grow,
   Spread,
-} from '../src/components/stack';
+} from '../src/components/types';
 
 type Space =
   | 'space.0'
@@ -31,7 +31,7 @@ interface StackProps<T extends ElementType = 'div'> {
   /**
    * Used to align children along the main axis.
    */
-  alignBlock?: AlignBlock;
+  alignBlock?: Exclude<AlignBlock, 'baseline'>;
 
   /**
    * Used to align children along the cross axis.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/primitives",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "Primitives are token-backed low-level building blocks.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -16,6 +16,9 @@
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
     "team": "Design System Team",
+    "productPushConsumption": [
+      "jira"
+    ],
     "inPublicMirror": false,
     "releaseModel": "continuous",
     "website": {
@@ -113,7 +116,7 @@
     "codegen-styles": "ts-node -r tsconfig-paths/register ./scripts/codegen-styles.tsx"
   },
   "dependencies": {
-    "@atlaskit/tokens": "^1.14.0",
+    "@atlaskit/tokens": "^1.18.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "@emotion/serialize": "^1.1.0",
@@ -123,7 +126,6 @@
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@af/visual-regression": "*",
     "@atlaskit/ds-lib": "*",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",

package/report.api.md

@@ -34,9 +34,6 @@ import { SerializedStyles as SerializedStyles_2 } from '@emotion/react';
 // @public (undocumented)
 type AlignBlock = 'baseline' | 'center' | 'end' | 'start' | 'stretch';
 
-// @public (undocumented)
-type AlignBlock_2 = 'center' | 'end' | 'start';
-
 // @public (undocumented)
 type AlignContent = keyof typeof alignContentMap;
 
@@ -52,10 +49,7 @@ const alignContentMap: {
 };
 
 // @public (undocumented)
-type AlignInline = 'center' | 'end' | 'start';
-
-// @public (undocumented)
-type AlignInline_2 = 'center' | 'end' | 'start';
+type AlignInline = 'center' | 'end' | 'start' | 'stretch';
 
 // @public (undocumented)
 type AlignItems = keyof typeof alignItemsMap;
@@ -627,9 +621,6 @@ export type GridProps<T extends ElementType = 'div'> = {
 // @public (undocumented)
 type Grow = 'fill' | 'hug';
 
-// @public (undocumented)
-type Grow_2 = 'fill' | 'hug';
-
 // @public
 export const Inline: MemoExoticComponent<
   ForwardRefExoticComponent<
@@ -829,19 +820,16 @@ const spaceMap: {
 // @public (undocumented)
 type Spread = 'space-between';
 
-// @public (undocumented)
-type Spread_2 = 'space-between';
-
 // @public
 export const Stack: MemoExoticComponent<
   ForwardRefExoticComponent<
     Pick<
       {
         as?: 'div' | 'ol' | 'span' | 'ul' | undefined;
-        alignBlock?: AlignBlock_2 | undefined;
-        alignInline?: AlignInline_2 | undefined;
+        alignBlock?: 'center' | 'end' | 'start' | 'stretch' | undefined;
+        alignInline?: AlignInline | undefined;
         spread?: 'space-between' | undefined;
-        grow?: Grow_2 | undefined;
+        grow?: Grow | undefined;
         space?:
           | 'space.0'
           | 'space.025'
@@ -877,10 +865,10 @@ export const Stack: MemoExoticComponent<
 // @public (undocumented)
 export type StackProps<T extends ElementType = 'div'> = {
   as?: 'div' | 'ol' | 'span' | 'ul';
-  alignBlock?: AlignBlock_2;
-  alignInline?: AlignInline_2;
-  spread?: Spread_2;
-  grow?: Grow_2;
+  alignBlock?: Exclude<AlignBlock, 'baseline'>;
+  alignInline?: AlignInline;
+  spread?: Spread;
+  grow?: Grow;
   space?: Space;
   children: ReactNode;
   ref?: React.ComponentPropsWithRef<T>['ref'];

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

@@ -23,9 +23,6 @@ import { SerializedStyles as SerializedStyles_2 } from '@emotion/react';
 // @public (undocumented)
 type AlignBlock = 'baseline' | 'center' | 'end' | 'start' | 'stretch';
 
-// @public (undocumented)
-type AlignBlock_2 = 'center' | 'end' | 'start';
-
 // @public (undocumented)
 type AlignContent = keyof typeof alignContentMap;
 
@@ -41,10 +38,7 @@ const alignContentMap: {
 };
 
 // @public (undocumented)
-type AlignInline = 'center' | 'end' | 'start';
-
-// @public (undocumented)
-type AlignInline_2 = 'center' | 'end' | 'start';
+type AlignInline = 'center' | 'end' | 'start' | 'stretch';
 
 // @public (undocumented)
 type AlignItems = keyof typeof alignItemsMap;
@@ -426,9 +420,6 @@ export type GridProps<T extends ElementType = 'div'> = {
 // @public (undocumented)
 type Grow = 'fill' | 'hug';
 
-// @public (undocumented)
-type Grow_2 = 'fill' | 'hug';
-
 // @public
 export const Inline: MemoExoticComponent<ForwardRefExoticComponent<Pick<{
 as?: "div" | "li" | "ol" | "span" | "ul" | undefined;
@@ -571,16 +562,13 @@ const spaceMap: {
 // @public (undocumented)
 type Spread = 'space-between';
 
-// @public (undocumented)
-type Spread_2 = 'space-between';
-
 // @public
 export const Stack: MemoExoticComponent<ForwardRefExoticComponent<Pick<{
 as?: "div" | "ol" | "span" | "ul" | undefined;
-alignBlock?: AlignBlock_2 | undefined;
-alignInline?: AlignInline_2 | undefined;
+alignBlock?: "center" | "end" | "start" | "stretch" | undefined;
+alignInline?: AlignInline | undefined;
 spread?: "space-between" | undefined;
-grow?: Grow_2 | 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;
 children: ReactNode;
 ref?: any;
@@ -589,10 +577,10 @@ ref?: any;
 // @public (undocumented)
 export type StackProps<T extends ElementType = 'div'> = {
     as?: 'div' | 'ol' | 'span' | 'ul';
-    alignBlock?: AlignBlock_2;
-    alignInline?: AlignInline_2;
-    spread?: Spread_2;
-    grow?: Grow_2;
+    alignBlock?: Exclude<AlignBlock, 'baseline'>;
+    alignInline?: AlignInline;
+    spread?: Spread;
+    grow?: Grow;
     space?: Space;
     children: ReactNode;
     ref?: React.ComponentPropsWithRef<T>['ref'];

package/dist/cjs/version.json

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

package/dist/es2019/version.json

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

package/dist/esm/version.json

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