@atlaskit/primitives 1.2.1 → 1.2.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/primitives
 
+## 1.2.3
+
+### Patch Changes
+
+- [`dfd014c15b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dfd014c15b3) - [ux] Pressable primitive: Adds missing cursor style `not-allowed` for disabled buttons
+
+## 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

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/pressable.js

@@ -15,10 +15,6 @@ var _box = _interopRequireDefault(require("./box"));
 var _excluded = ["children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "isDisabled", "type", "testId", "xcss"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var defaultStyles = (0, _xcss.xcss)({
-  cursor: 'pointer'
-});
-
 // TODO: Duplicated FocusRing styles due to lack of `xcss` support
 // and to prevent additional dependency
 var baseFocusRingStyles = {
@@ -67,9 +63,12 @@ var UNSAFE_PRESSABLE = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     xcssStyles = _ref.xcss,
     htmlAttributes = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   // Combine default styles with supplied styles. XCSS does not support deep nested arrays
-  var styles = [defaultStyles, focusRingStyles];
+  var styles = [(0, _xcss.xcss)({
+    cursor: isDisabled ? 'not-allowed' : 'pointer'
+  }), focusRingStyles];
   styles = Array.isArray(xcssStyles) ? [].concat((0, _toConsumableArray2.default)(styles), (0, _toConsumableArray2.default)(xcssStyles)) : [].concat((0, _toConsumableArray2.default)(styles), [xcssStyles]);
   return /*#__PURE__*/_react.default.createElement(_box.default, (0, _extends2.default)({}, htmlAttributes, {
+    as: "button",
     ref: ref,
     testId: testId,
     type: type,
@@ -80,8 +79,7 @@ var UNSAFE_PRESSABLE = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     paddingBlockEnd: paddingBlockEnd,
     paddingInline: paddingInline,
     paddingInlineStart: paddingInlineStart,
-    paddingInlineEnd: paddingInlineEnd,
-    as: "button"
+    paddingInlineEnd: paddingInlineEnd
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     ,
     xcss: styles,

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/pressable.js

@@ -2,10 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
 import { xcss } from '../xcss/xcss';
 import Box from './box';
-const defaultStyles = xcss({
-  cursor: 'pointer'
-});
-
 // TODO: Duplicated FocusRing styles due to lack of `xcss` support
 // and to prevent additional dependency
 const baseFocusRingStyles = {
@@ -54,9 +50,12 @@ const UNSAFE_PRESSABLE = /*#__PURE__*/forwardRef(({
   ...htmlAttributes
 }, ref) => {
   // Combine default styles with supplied styles. XCSS does not support deep nested arrays
-  let styles = [defaultStyles, focusRingStyles];
+  let styles = [xcss({
+    cursor: isDisabled ? 'not-allowed' : 'pointer'
+  }), focusRingStyles];
   styles = Array.isArray(xcssStyles) ? [...styles, ...xcssStyles] : [...styles, xcssStyles];
   return /*#__PURE__*/React.createElement(Box, _extends({}, htmlAttributes, {
+    as: "button",
     ref: ref,
     testId: testId,
     type: type,
@@ -67,8 +66,7 @@ const UNSAFE_PRESSABLE = /*#__PURE__*/forwardRef(({
     paddingBlockEnd: paddingBlockEnd,
     paddingInline: paddingInline,
     paddingInlineStart: paddingInlineStart,
-    paddingInlineEnd: paddingInlineEnd,
-    as: "button"
+    paddingInlineEnd: paddingInlineEnd
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     ,
     xcss: styles,

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/pressable.js

@@ -5,10 +5,6 @@ var _excluded = ["children", "backgroundColor", "padding", "paddingBlock", "padd
 import React, { forwardRef } from 'react';
 import { xcss } from '../xcss/xcss';
 import Box from './box';
-var defaultStyles = xcss({
-  cursor: 'pointer'
-});
-
 // TODO: Duplicated FocusRing styles due to lack of `xcss` support
 // and to prevent additional dependency
 var baseFocusRingStyles = {
@@ -57,9 +53,12 @@ var UNSAFE_PRESSABLE = /*#__PURE__*/forwardRef(function (_ref, ref) {
     xcssStyles = _ref.xcss,
     htmlAttributes = _objectWithoutProperties(_ref, _excluded);
   // Combine default styles with supplied styles. XCSS does not support deep nested arrays
-  var styles = [defaultStyles, focusRingStyles];
+  var styles = [xcss({
+    cursor: isDisabled ? 'not-allowed' : 'pointer'
+  }), focusRingStyles];
   styles = Array.isArray(xcssStyles) ? [].concat(_toConsumableArray(styles), _toConsumableArray(xcssStyles)) : [].concat(_toConsumableArray(styles), [xcssStyles]);
   return /*#__PURE__*/React.createElement(Box, _extends({}, htmlAttributes, {
+    as: "button",
     ref: ref,
     testId: testId,
     type: type,
@@ -70,8 +69,7 @@ var UNSAFE_PRESSABLE = /*#__PURE__*/forwardRef(function (_ref, ref) {
     paddingBlockEnd: paddingBlockEnd,
     paddingInline: paddingInline,
     paddingInlineStart: paddingInlineStart,
-    paddingInlineEnd: paddingInlineEnd,
-    as: "button"
+    paddingInlineEnd: paddingInlineEnd
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     ,
     xcss: styles,

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.1",
+  "version": "1.2.3",
   "description": "Primitives are token-backed low-level building blocks.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -116,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",
@@ -126,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'];