@atlaskit/primitives 14.12.3 → 14.14.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/primitives
 
+## 14.14.0
+
+### Minor Changes
+
+- [`d4a45d8562c6d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d4a45d8562c6d) -
+  Added `radius.tile` token to be used exclusively for creating tiles.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 14.13.0
+
+### Minor Changes
+
+- [`b2cbc15f17d6a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b2cbc15f17d6a) -
+  Added `radius.tile` token to be used exclusively for creating tiles.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 14.12.3
 
 ### Patch Changes

package/dist/cjs/components/anchor.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
@@ -162,7 +163,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     paddingInlineStart && _styleMaps.paddingStylesMap.paddingInlineStart[paddingInlineStart],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    paddingInlineEnd && _styleMaps.paddingStylesMap.paddingInlineEnd[paddingInlineEnd], resolvedStyles.emotion],
+    paddingInlineEnd && _styleMaps.paddingStylesMap.paddingInlineEnd[paddingInlineEnd]].concat((0, _toConsumableArray2.default)(resolvedStyles.emotion || [])),
     "data-testid": testId,
     "data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
   }), children, target === '_blank' && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && (0, _react2.jsx)(_visuallyHidden.default, {

package/dist/cjs/components/bleed.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _xcss = require("../xcss/xcss");
@@ -72,7 +73,7 @@ var Bleed = /*#__PURE__*/_react.default.memo(function (_ref) {
   return (0, _react2.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: resolvedStyles.static,
-    css: [baseStyles, (inline || all) && inlineBleedMap[inline || all], (block || all) && blockBleedMap[block || all], resolvedStyles.emotion],
+    css: [baseStyles, (inline || all) && inlineBleedMap[inline || all], (block || all) && blockBleedMap[block || all]].concat((0, _toConsumableArray2.default)(resolvedStyles.emotion || [])),
     "data-testid": testId
   }, children);
 });

package/dist/cjs/components/flex.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _styleMaps = require("../xcss/style-maps.partial");
@@ -125,7 +127,7 @@ var Flex = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     columnGap && _styleMaps.spaceStylesMap.columnGap[columnGap],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    rowGap && _styleMaps.spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap], resolvedStyles.emotion],
+    rowGap && _styleMaps.spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap]].concat((0, _toConsumableArray2.default)(resolvedStyles.emotion || [])),
     "data-testid": testId,
     ref: ref
   }, children);

package/dist/cjs/components/grid.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
@@ -188,7 +189,7 @@ var Grid = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     columnGap && _styleMaps.spaceStylesMap.columnGap[columnGap],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    rowGap && _styleMaps.spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow], resolvedStyles.emotion],
+    rowGap && _styleMaps.spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow]].concat((0, _toConsumableArray2.default)(resolvedStyles.emotion || [])),
     "data-testid": testId,
     ref: ref
   }, children);

package/dist/cjs/components/pressable.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
@@ -133,7 +134,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     paddingInlineStart && _styleMaps.paddingStylesMap.paddingInlineStart[paddingInlineStart],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    paddingInlineEnd && _styleMaps.paddingStylesMap.paddingInlineEnd[paddingInlineEnd], resolvedStyles.emotion],
+    paddingInlineEnd && _styleMaps.paddingStylesMap.paddingInlineEnd[paddingInlineEnd]].concat((0, _toConsumableArray2.default)(resolvedStyles.emotion || [])),
     "data-testid": testId
   }), children);
 });

package/dist/cjs/responsive/hide.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Hide = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = require("@emotion/react");
 var _xcss = require("../xcss/xcss");
 var _buildMediaQueryCss = require("./build-media-query-css");
@@ -40,6 +42,6 @@ var Hide = exports.Hide = function Hide(_ref) {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: resolvedStyles.static,
-    css: [above && hideAboveQueries[above], below && hideBelowQueries[below], resolvedStyles.emotion]
+    css: [above && hideAboveQueries[above], below && hideBelowQueries[below]].concat((0, _toConsumableArray2.default)(resolvedStyles.emotion || []))
   }, children);
 };

package/dist/cjs/responsive/show.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Show = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = require("@emotion/react");
 var _xcss = require("../xcss/xcss");
 var _buildMediaQueryCss = require("./build-media-query-css");
@@ -43,6 +45,6 @@ var Show = exports.Show = function Show(_ref) {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: resolvedStyles.static,
-    css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below], resolvedStyles.emotion]
+    css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below]].concat((0, _toConsumableArray2.default)(resolvedStyles.emotion || []))
   }, children);
 };

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

@@ -474,11 +474,11 @@ var layerMap = exports.layerMap = {
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::71788d573ebf1ca2644ef177172c9ecf>>
+ * @codegen <<SignedSource::e122fbf803621e31525c85a829b8755c>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6496556b3439a7f18f8b7a7a3ec59bb9>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::4713f1e2c0d199b832b10fd3c9dd214b>>
  */
 var borderWidthMap = exports.borderWidthMap = {
   'border.width': "var(--ds-border-width, 1px)",
@@ -498,6 +498,7 @@ var borderRadiusMap = exports.borderRadiusMap = {
   'radius.large': "var(--ds-radius-large, 8px)",
   'radius.xlarge': "var(--ds-radius-xlarge, 12px)",
   'radius.full': "var(--ds-radius-full, 9999px)",
+  'radius.tile': "var(--ds-radius-tile, 25%)",
   // @deprecated
   'border.radius': "var(--ds-border-radius, 3px)",
   // @deprecated

package/dist/es2019/components/anchor.js

@@ -155,7 +155,7 @@ const AnchorNoRef = ({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd], resolvedStyles.emotion],
+    paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd], ...(resolvedStyles.emotion || [])],
     "data-testid": testId,
     "data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
   }), children, target === '_blank' && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && jsx(VisuallyHidden, {

package/dist/es2019/components/bleed.js

@@ -65,7 +65,7 @@ const Bleed = /*#__PURE__*/React.memo(({
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: resolvedStyles.static,
-    css: [baseStyles, (inline || all) && inlineBleedMap[inline || all], (block || all) && blockBleedMap[block || all], resolvedStyles.emotion],
+    css: [baseStyles, (inline || all) && inlineBleedMap[inline || all], (block || all) && blockBleedMap[block || all], ...(resolvedStyles.emotion || [])],
     "data-testid": testId
   }, children);
 });

package/dist/es2019/components/flex.js

@@ -118,7 +118,7 @@ const Flex = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     columnGap && spaceStylesMap.columnGap[columnGap],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap], resolvedStyles.emotion],
+    rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap], ...(resolvedStyles.emotion || [])],
     "data-testid": testId,
     ref: ref
   }, children);

package/dist/es2019/components/grid.js

@@ -180,7 +180,7 @@ const Grid = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     columnGap && spaceStylesMap.columnGap[columnGap],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow], resolvedStyles.emotion],
+    rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow], ...(resolvedStyles.emotion || [])],
     "data-testid": testId,
     ref: ref
   }, children);

package/dist/es2019/components/pressable.js

@@ -125,7 +125,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd], resolvedStyles.emotion],
+    paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd], ...(resolvedStyles.emotion || [])],
     "data-testid": testId
   }), children);
 });

package/dist/es2019/responsive/hide.js

@@ -33,6 +33,6 @@ export const Hide = ({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: resolvedStyles.static,
-    css: [above && hideAboveQueries[above], below && hideBelowQueries[below], resolvedStyles.emotion]
+    css: [above && hideAboveQueries[above], below && hideBelowQueries[below], ...(resolvedStyles.emotion || [])]
   }, children);
 };

package/dist/es2019/responsive/show.js

@@ -36,6 +36,6 @@ export const Show = ({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: resolvedStyles.static,
-    css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below], resolvedStyles.emotion]
+    css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below], ...(resolvedStyles.emotion || [])]
   }, children);
 };

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

@@ -469,11 +469,11 @@ export const layerMap = {
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::71788d573ebf1ca2644ef177172c9ecf>>
+ * @codegen <<SignedSource::e122fbf803621e31525c85a829b8755c>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6496556b3439a7f18f8b7a7a3ec59bb9>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::4713f1e2c0d199b832b10fd3c9dd214b>>
  */
 export const borderWidthMap = {
   'border.width': "var(--ds-border-width, 1px)",
@@ -493,6 +493,7 @@ export const borderRadiusMap = {
   'radius.large': "var(--ds-radius-large, 8px)",
   'radius.xlarge': "var(--ds-radius-xlarge, 12px)",
   'radius.full': "var(--ds-radius-full, 9999px)",
+  'radius.tile': "var(--ds-radius-tile, 25%)",
   // @deprecated
   'border.radius': "var(--ds-border-radius, 3px)",
   // @deprecated

package/dist/esm/components/anchor.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _typeof from "@babel/runtime/helpers/typeof";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["href", "children", "backgroundColor", "newWindowLabel", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "onClick", "interactionName", "componentName", "analyticsContext", "aria-label", "aria-labelledby", "style", "target", "testId", "xcss"],
@@ -156,7 +157,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd], resolvedStyles.emotion],
+    paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd]].concat(_toConsumableArray(resolvedStyles.emotion || [])),
     "data-testid": testId,
     "data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
   }), children, target === '_blank' && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && jsx(VisuallyHidden, {

package/dist/esm/components/bleed.js

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -64,7 +65,7 @@ var Bleed = /*#__PURE__*/React.memo(function (_ref) {
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: resolvedStyles.static,
-    css: [baseStyles, (inline || all) && inlineBleedMap[inline || all], (block || all) && blockBleedMap[block || all], resolvedStyles.emotion],
+    css: [baseStyles, (inline || all) && inlineBleedMap[inline || all], (block || all) && blockBleedMap[block || all]].concat(_toConsumableArray(resolvedStyles.emotion || [])),
     "data-testid": testId
   }, children);
 });

package/dist/esm/components/flex.js

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -118,7 +119,7 @@ var Flex = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     columnGap && spaceStylesMap.columnGap[columnGap],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap], resolvedStyles.emotion],
+    rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap]].concat(_toConsumableArray(resolvedStyles.emotion || [])),
     "data-testid": testId,
     ref: ref
   }, children);

package/dist/esm/components/grid.js

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /**
  * @jsxRuntime classic
@@ -180,7 +181,7 @@ var Grid = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     columnGap && spaceStylesMap.columnGap[columnGap],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow], resolvedStyles.emotion],
+    rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow]].concat(_toConsumableArray(resolvedStyles.emotion || [])),
     "data-testid": testId,
     ref: ref
   }, children);

package/dist/esm/components/pressable.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "isDisabled", "type", "onClick", "interactionName", "componentName", "analyticsContext", "style", "testId", "xcss"],
   _excluded2 = ["className"];
@@ -127,7 +128,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd], resolvedStyles.emotion],
+    paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd]].concat(_toConsumableArray(resolvedStyles.emotion || [])),
     "data-testid": testId
   }), children);
 });

package/dist/esm/responsive/hide.js

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -33,6 +34,6 @@ export var Hide = function Hide(_ref) {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: resolvedStyles.static,
-    css: [above && hideAboveQueries[above], below && hideBelowQueries[below], resolvedStyles.emotion]
+    css: [above && hideAboveQueries[above], below && hideBelowQueries[below]].concat(_toConsumableArray(resolvedStyles.emotion || []))
   }, children);
 };

package/dist/esm/responsive/show.js

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -36,6 +37,6 @@ export var Show = function Show(_ref) {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: resolvedStyles.static,
-    css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below], resolvedStyles.emotion]
+    css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below]].concat(_toConsumableArray(resolvedStyles.emotion || []))
   }, children);
 };

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

@@ -469,11 +469,11 @@ export var layerMap = {
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::71788d573ebf1ca2644ef177172c9ecf>>
+ * @codegen <<SignedSource::e122fbf803621e31525c85a829b8755c>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6496556b3439a7f18f8b7a7a3ec59bb9>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::4713f1e2c0d199b832b10fd3c9dd214b>>
  */
 export var borderWidthMap = {
   'border.width': "var(--ds-border-width, 1px)",
@@ -493,6 +493,7 @@ export var borderRadiusMap = {
   'radius.large': "var(--ds-radius-large, 8px)",
   'radius.xlarge': "var(--ds-radius-xlarge, 12px)",
   'radius.full': "var(--ds-radius-full, 9999px)",
+  'radius.tile': "var(--ds-radius-tile, 25%)",
   // @deprecated
   'border.radius': "var(--ds-border-radius, 3px)",
   // @deprecated

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

@@ -493,11 +493,11 @@ export type Layer = keyof typeof layerMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::71788d573ebf1ca2644ef177172c9ecf>>
+ * @codegen <<SignedSource::e122fbf803621e31525c85a829b8755c>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6496556b3439a7f18f8b7a7a3ec59bb9>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::4713f1e2c0d199b832b10fd3c9dd214b>>
  */
 export declare const borderWidthMap: {
     readonly 'border.width': "var(--ds-border-width)";
@@ -515,6 +515,7 @@ export declare const borderRadiusMap: {
     readonly 'radius.large': "var(--ds-radius-large)";
     readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
     readonly 'radius.full': "var(--ds-radius-full)";
+    readonly 'radius.tile': "var(--ds-radius-tile)";
     readonly 'border.radius': "var(--ds-border-radius)";
     readonly 'border.radius.050': "var(--ds-border-radius-050)";
     readonly 'border.radius.100': "var(--ds-border-radius-100)";

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

@@ -344,6 +344,7 @@ export declare const tokensMap: {
         readonly 'radius.large': "var(--ds-radius-large)";
         readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
         readonly 'radius.full': "var(--ds-radius-full)";
+        readonly 'radius.tile': "var(--ds-radius-tile)";
         readonly 'border.radius': "var(--ds-border-radius)";
         readonly 'border.radius.050': "var(--ds-border-radius-050)";
         readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -359,6 +360,7 @@ export declare const tokensMap: {
         readonly 'radius.large': "var(--ds-radius-large)";
         readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
         readonly 'radius.full': "var(--ds-radius-full)";
+        readonly 'radius.tile': "var(--ds-radius-tile)";
         readonly 'border.radius': "var(--ds-border-radius)";
         readonly 'border.radius.050': "var(--ds-border-radius-050)";
         readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -407,6 +409,7 @@ export declare const tokensMap: {
         readonly 'radius.large': "var(--ds-radius-large)";
         readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
         readonly 'radius.full': "var(--ds-radius-full)";
+        readonly 'radius.tile': "var(--ds-radius-tile)";
         readonly 'border.radius': "var(--ds-border-radius)";
         readonly 'border.radius.050': "var(--ds-border-radius-050)";
         readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -422,6 +425,7 @@ export declare const tokensMap: {
         readonly 'radius.large': "var(--ds-radius-large)";
         readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
         readonly 'radius.full': "var(--ds-radius-full)";
+        readonly 'radius.tile': "var(--ds-radius-tile)";
         readonly 'border.radius': "var(--ds-border-radius)";
         readonly 'border.radius.050': "var(--ds-border-radius-050)";
         readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -569,6 +573,7 @@ export declare const tokensMap: {
         readonly 'radius.large': "var(--ds-radius-large)";
         readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
         readonly 'radius.full': "var(--ds-radius-full)";
+        readonly 'radius.tile': "var(--ds-radius-tile)";
         readonly 'border.radius': "var(--ds-border-radius)";
         readonly 'border.radius.050': "var(--ds-border-radius-050)";
         readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -617,6 +622,7 @@ export declare const tokensMap: {
         readonly 'radius.large': "var(--ds-radius-large)";
         readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
         readonly 'radius.full': "var(--ds-radius-full)";
+        readonly 'radius.tile': "var(--ds-radius-tile)";
         readonly 'border.radius': "var(--ds-border-radius)";
         readonly 'border.radius.050': "var(--ds-border-radius-050)";
         readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -632,6 +638,7 @@ export declare const tokensMap: {
         readonly 'radius.large': "var(--ds-radius-large)";
         readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
         readonly 'radius.full': "var(--ds-radius-full)";
+        readonly 'radius.tile': "var(--ds-radius-tile)";
         readonly 'border.radius': "var(--ds-border-radius)";
         readonly 'border.radius.050': "var(--ds-border-radius-050)";
         readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -672,6 +679,7 @@ export declare const tokensMap: {
         readonly 'radius.large': "var(--ds-radius-large)";
         readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
         readonly 'radius.full': "var(--ds-radius-full)";
+        readonly 'radius.tile': "var(--ds-radius-tile)";
         readonly 'border.radius': "var(--ds-border-radius)";
         readonly 'border.radius.050': "var(--ds-border-radius-050)";
         readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -687,6 +695,7 @@ export declare const tokensMap: {
         readonly 'radius.large': "var(--ds-radius-large)";
         readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
         readonly 'radius.full': "var(--ds-radius-full)";
+        readonly 'radius.tile': "var(--ds-radius-tile)";
         readonly 'border.radius': "var(--ds-border-radius)";
         readonly 'border.radius.050': "var(--ds-border-radius-050)";
         readonly 'border.radius.100': "var(--ds-border-radius-100)";

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

@@ -493,11 +493,11 @@ export type Layer = keyof typeof layerMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::71788d573ebf1ca2644ef177172c9ecf>>
+ * @codegen <<SignedSource::e122fbf803621e31525c85a829b8755c>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6496556b3439a7f18f8b7a7a3ec59bb9>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::4713f1e2c0d199b832b10fd3c9dd214b>>
  */
 export declare const borderWidthMap: {
     readonly 'border.width': "var(--ds-border-width)";
@@ -515,6 +515,7 @@ export declare const borderRadiusMap: {
     readonly 'radius.large': "var(--ds-radius-large)";
     readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
     readonly 'radius.full': "var(--ds-radius-full)";
+    readonly 'radius.tile': "var(--ds-radius-tile)";
     readonly 'border.radius': "var(--ds-border-radius)";
     readonly 'border.radius.050': "var(--ds-border-radius-050)";
     readonly 'border.radius.100': "var(--ds-border-radius-100)";

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

@@ -344,6 +344,7 @@ export declare const tokensMap: {
         readonly 'radius.large': "var(--ds-radius-large)";
         readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
         readonly 'radius.full': "var(--ds-radius-full)";
+        readonly 'radius.tile': "var(--ds-radius-tile)";
         readonly 'border.radius': "var(--ds-border-radius)";
         readonly 'border.radius.050': "var(--ds-border-radius-050)";
         readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -359,6 +360,7 @@ export declare const tokensMap: {
         readonly 'radius.large': "var(--ds-radius-large)";
         readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
         readonly 'radius.full': "var(--ds-radius-full)";
+        readonly 'radius.tile': "var(--ds-radius-tile)";
         readonly 'border.radius': "var(--ds-border-radius)";
         readonly 'border.radius.050': "var(--ds-border-radius-050)";
         readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -407,6 +409,7 @@ export declare const tokensMap: {
         readonly 'radius.large': "var(--ds-radius-large)";
         readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
         readonly 'radius.full': "var(--ds-radius-full)";
+        readonly 'radius.tile': "var(--ds-radius-tile)";
         readonly 'border.radius': "var(--ds-border-radius)";
         readonly 'border.radius.050': "var(--ds-border-radius-050)";
         readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -422,6 +425,7 @@ export declare const tokensMap: {
         readonly 'radius.large': "var(--ds-radius-large)";
         readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
         readonly 'radius.full': "var(--ds-radius-full)";
+        readonly 'radius.tile': "var(--ds-radius-tile)";
         readonly 'border.radius': "var(--ds-border-radius)";
         readonly 'border.radius.050': "var(--ds-border-radius-050)";
         readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -569,6 +573,7 @@ export declare const tokensMap: {
         readonly 'radius.large': "var(--ds-radius-large)";
         readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
         readonly 'radius.full': "var(--ds-radius-full)";
+        readonly 'radius.tile': "var(--ds-radius-tile)";
         readonly 'border.radius': "var(--ds-border-radius)";
         readonly 'border.radius.050': "var(--ds-border-radius-050)";
         readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -617,6 +622,7 @@ export declare const tokensMap: {
         readonly 'radius.large': "var(--ds-radius-large)";
         readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
         readonly 'radius.full': "var(--ds-radius-full)";
+        readonly 'radius.tile': "var(--ds-radius-tile)";
         readonly 'border.radius': "var(--ds-border-radius)";
         readonly 'border.radius.050': "var(--ds-border-radius-050)";
         readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -632,6 +638,7 @@ export declare const tokensMap: {
         readonly 'radius.large': "var(--ds-radius-large)";
         readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
         readonly 'radius.full': "var(--ds-radius-full)";
+        readonly 'radius.tile': "var(--ds-radius-tile)";
         readonly 'border.radius': "var(--ds-border-radius)";
         readonly 'border.radius.050': "var(--ds-border-radius-050)";
         readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -672,6 +679,7 @@ export declare const tokensMap: {
         readonly 'radius.large': "var(--ds-radius-large)";
         readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
         readonly 'radius.full': "var(--ds-radius-full)";
+        readonly 'radius.tile': "var(--ds-radius-tile)";
         readonly 'border.radius': "var(--ds-border-radius)";
         readonly 'border.radius.050': "var(--ds-border-radius-050)";
         readonly 'border.radius.100': "var(--ds-border-radius-100)";
@@ -687,6 +695,7 @@ export declare const tokensMap: {
         readonly 'radius.large': "var(--ds-radius-large)";
         readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
         readonly 'radius.full': "var(--ds-radius-full)";
+        readonly 'radius.tile': "var(--ds-radius-tile)";
         readonly 'border.radius': "var(--ds-border-radius)";
         readonly 'border.radius.050': "var(--ds-border-radius-050)";
         readonly 'border.radius.100': "var(--ds-border-radius-100)";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "14.12.3",
+	"version": "14.14.0",
 	"description": "Primitives are token-backed low-level building blocks.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -134,11 +134,11 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/app-provider": "^3.1.0",
-		"@atlaskit/css": "^0.12.0",
+		"@atlaskit/css": "^0.14.0",
 		"@atlaskit/ds-lib": "^5.0.0",
 		"@atlaskit/interaction-context": "^3.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tokens": "^6.1.0",
+		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
@@ -162,7 +162,7 @@
 		"@atlaskit/docs": "^11.0.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/flag": "^17.4.0",
-		"@atlaskit/form": "^12.4.0",
+		"@atlaskit/form": "^12.5.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^28.1.0",
 		"@atlaskit/icon-object": "^7.2.0",