@atlaskit/primitives 1.6.2 → 1.6.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/primitives
 
+## 1.6.4
+
+### Patch Changes
+
+- [#40324](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40324) [`8d123310957`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d123310957) - Minor internal changes. There is no expected behaviour change
+
+## 1.6.3
+
+### Patch Changes
+
+- [#40299](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40299) [`b1882fdd842`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1882fdd842) - Change typography token naming to be more verbose.
+
 ## 1.6.2
 
 ### Patch Changes

package/constellation/overview/index.mdx

@@ -61,7 +61,10 @@ You might like to think first about breaking down a page into `Box` containers,
 identifying larger pieces of a design that function in a similar manner or fulfill a singular purpose
 in a layout and grouping them together under a `Box`.
 
-<Image src={boxUsageExample} />
+<Image
+  src={boxUsageExample}
+  alt="Screenshot of a typical Jira board with swimlanes. Various areas are highlighted as examples of how Box containers are used for layout"
+/>
 
 The behavior within and around these boxes can then be broken down into their horizontal `Inline` and vertical `Stack` components.
 
@@ -73,8 +76,14 @@ The behavior within and around these boxes can then be broken down into their ho
   offers suggestions for possible primitives to apply in a layout.
 </SectionMessage>
 
-<Image src={inlineUsageExample} />
-<Image src={stackUsageExample} />
+<Image
+  src={inlineUsageExample}
+  alt="Screenshot of a typical Jira board with swimlanes. Various areas are highlighted as examples of how Inline containers are used for layout"
+/>
+<Image
+  src={stackUsageExample}
+  alt="Screenshot of a typical Jira board with swimlanes. Various areas are highlighted as examples of how Stack containers are used for layout"
+/>
 
 ## Related
 

package/dist/cjs/components/bleed.js

@@ -74,5 +74,4 @@ var Bleed = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   }, children);
 });
 Bleed.displayName = 'Bleed';
-var _default = Bleed;
-exports.default = _default;
+var _default = exports.default = Bleed;

package/dist/cjs/components/box.js

@@ -29,7 +29,7 @@ var _excluded = ["as", "children", "backgroundColor", "padding", "paddingBlock",
  * - [Code](https://atlassian.design/components/primitives/box/code)
  * - [Usage](https://atlassian.design/components/primitives/box/usage)
  */
-var Box = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var Box = exports.Box = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$as = _ref.as,
     as = _ref$as === void 0 ? 'div' : _ref$as,
     children = _ref.children,
@@ -67,9 +67,7 @@ var Box = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     }), children)
   );
 });
-exports.Box = Box;
-var _default = Box;
-exports.default = _default;
+var _default = exports.default = Box;
 var baseStyles = (0, _react2.css)({
   boxSizing: 'border-box',
   appearance: 'none',

package/dist/cjs/components/flex.js

@@ -114,5 +114,4 @@ var Flex = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
   }, children);
 }));
 Flex.displayName = 'Flex';
-var _default = Flex;
-exports.default = _default;
+var _default = exports.default = Flex;

package/dist/cjs/components/grid.js

@@ -164,5 +164,4 @@ var Grid = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
   }, children);
 }));
 Grid.displayName = 'Grid';
-var _default = Grid;
-exports.default = _default;
+var _default = exports.default = Grid;

package/dist/cjs/components/inline.js

@@ -88,5 +88,4 @@ var Inline = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(
   }, children);
 }));
 Inline.displayName = 'Inline';
-var _default = Inline;
-exports.default = _default;
+var _default = exports.default = Inline;

package/dist/cjs/components/internal/surface-provider.js

@@ -10,7 +10,7 @@ var _react = require("react");
  *
  * A surface context provides context information on the current background (if set).
  */
-var SurfaceContext = /*#__PURE__*/(0, _react.createContext)('elevation.surface');
+var SurfaceContext = exports.SurfaceContext = /*#__PURE__*/(0, _react.createContext)('elevation.surface');
 
 /**
  * __useSurface__
@@ -19,9 +19,7 @@ var SurfaceContext = /*#__PURE__*/(0, _react.createContext)('elevation.surface')
  *
  * @see SurfaceContext
  */
-exports.SurfaceContext = SurfaceContext;
-var useSurface = function useSurface() {
+var useSurface = exports.useSurface = function useSurface() {
   return (0, _react.useContext)(SurfaceContext);
 };
-exports.useSurface = useSurface;
 SurfaceContext.displayName = 'SurfaceProvider';

package/dist/cjs/components/pressable.js

@@ -86,5 +86,4 @@ var UNSAFE_PRESSABLE = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     disabled: isDisabled
   }), children);
 });
-var _default = UNSAFE_PRESSABLE;
-exports.default = _default;
+var _default = exports.default = UNSAFE_PRESSABLE;

package/dist/cjs/components/stack.js

@@ -63,5 +63,4 @@ var Stack = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(f
   }, children);
 }));
 Stack.displayName = 'Stack';
-var _default = Stack;
-exports.default = _default;
+var _default = exports.default = Stack;

package/dist/cjs/components/text.js

@@ -127,5 +127,4 @@ var Text = function Text(_ref) {
     value: true
   }, component);
 };
-var _default = Text;
-exports.default = _default;
+var _default = exports.default = Text;

package/dist/cjs/constants.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LAYERS = void 0;
-var LAYERS = {
+var LAYERS = exports.LAYERS = {
   card: 100,
   navigation: 200,
   dialog: 300,
@@ -14,5 +14,4 @@ var LAYERS = {
   flag: 600,
   spotlight: 700,
   tooltip: 800
-};
-exports.LAYERS = LAYERS;
+};

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

@@ -36,7 +36,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * }
  * ```
  */
-var UNSAFE_buildAboveMediaQueryCSS = function UNSAFE_buildAboveMediaQueryCSS(input) {
+var UNSAFE_buildAboveMediaQueryCSS = exports.UNSAFE_buildAboveMediaQueryCSS = function UNSAFE_buildAboveMediaQueryCSS(input) {
   return _constants.UNSAFE_BREAKPOINTS_ORDERED_LIST.reduce(function (acc, breakpoint) {
     return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, breakpoint, (0, _react.css)((0, _defineProperty2.default)({}, _mediaHelper.media.above[breakpoint], typeof input === 'function' ? input(breakpoint) : input))));
   }, {});
@@ -66,13 +66,11 @@ var UNSAFE_buildAboveMediaQueryCSS = function UNSAFE_buildAboveMediaQueryCSS(inp
  * }
  * ```
  */
-exports.UNSAFE_buildAboveMediaQueryCSS = UNSAFE_buildAboveMediaQueryCSS;
-var UNSAFE_buildBelowMediaQueryCSS = function UNSAFE_buildBelowMediaQueryCSS(input) {
+var UNSAFE_buildBelowMediaQueryCSS = exports.UNSAFE_buildBelowMediaQueryCSS = function UNSAFE_buildBelowMediaQueryCSS(input) {
   return _constants.UNSAFE_BREAKPOINTS_ORDERED_LIST.reduce(function (acc, breakpoint) {
     if (breakpoint === 'xxs') {
       return acc;
     }
     return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, breakpoint, (0, _react.css)((0, _defineProperty2.default)({}, _mediaHelper.UNSAFE_media.below[breakpoint], typeof input === 'function' ? input(breakpoint) : input))));
   }, {});
-};
-exports.UNSAFE_buildBelowMediaQueryCSS = UNSAFE_buildBelowMediaQueryCSS;
+};

package/dist/cjs/responsive/constants.js

@@ -12,7 +12,7 @@ exports.UNSAFE_BREAKPOINTS_ORDERED_LIST = exports.UNSAFE_BREAKPOINTS_CONFIG = ex
  *
  * @experimental Unsafe for direct consumption outside of the design system itself; please use our `media` export instead for media queries.
  */
-var UNSAFE_BREAKPOINTS_CONFIG = {
+var UNSAFE_BREAKPOINTS_CONFIG = exports.UNSAFE_BREAKPOINTS_CONFIG = {
   // mobile
   xxs: {
     gridItemGutter: "var(--ds-space-200, 16px)",
@@ -65,14 +65,11 @@ var UNSAFE_BREAKPOINTS_CONFIG = {
  *
  * @experimental Unsafe for consumption outside of the design system itself.
  */
-exports.UNSAFE_BREAKPOINTS_CONFIG = UNSAFE_BREAKPOINTS_CONFIG;
-var UNSAFE_BREAKPOINTS_ORDERED_LIST = Object.keys(UNSAFE_BREAKPOINTS_CONFIG);
+var UNSAFE_BREAKPOINTS_ORDERED_LIST = exports.UNSAFE_BREAKPOINTS_ORDERED_LIST = Object.keys(UNSAFE_BREAKPOINTS_CONFIG);
 
 /**
  * This is our smallest breakpoint with a few nuances to it:
  * 1. It is the default value for shorthands, eg. `<GridItem span={6} />` maps to `{ [SMALLEST_BREAKPOINT]: props.span }`
  * 2. It's omitted in `media.below` as there's nothing below `0px`.
  */
-exports.UNSAFE_BREAKPOINTS_ORDERED_LIST = UNSAFE_BREAKPOINTS_ORDERED_LIST;
-var SMALLEST_BREAKPOINT = UNSAFE_BREAKPOINTS_ORDERED_LIST[0];
-exports.SMALLEST_BREAKPOINT = SMALLEST_BREAKPOINT;
+var SMALLEST_BREAKPOINT = exports.SMALLEST_BREAKPOINT = UNSAFE_BREAKPOINTS_ORDERED_LIST[0];

package/dist/cjs/responsive/hide.js

@@ -22,7 +22,7 @@ var hideBelowQueries = (0, _buildMediaQueryCss.UNSAFE_buildBelowMediaQueryCSS)({
  * - This only uses `display: none` hide, it does not skip rendering of children trees.
  * - As this is rendered at all times, there is little performance savings here (just that this is not painted).
  */
-var Hide = function Hide(_ref) {
+var Hide = exports.Hide = function Hide(_ref) {
   var above = _ref.above,
     below = _ref.below,
     children = _ref.children,
@@ -31,5 +31,4 @@ var Hide = function Hide(_ref) {
   return (0, _react.jsx)(AsElement, {
     css: [above && hideAboveQueries[above], below && hideBelowQueries[below]]
   }, children);
-};
-exports.Hide = Hide;
+};

package/dist/cjs/responsive/media-helper.js

@@ -10,7 +10,7 @@ var _constants = require("./constants");
  *
  * @internal This explicitly has and should not be used outside of ADS-owned repos (via sourcegraph); to be removed following an internal deprecation and migration.
  */
-var UNSAFE_media = {
+var UNSAFE_media = exports.UNSAFE_media = {
   /**
    * A media query to target viewports above the min width of a given breakpoint.
    * Note that `media.above.xs` is redundant and should not be used, but it's included for programatic purposes.
@@ -83,8 +83,6 @@ var UNSAFE_media = {
  *
  * We strictly only export `media.above` at this stage as we want makers to build mobile-first.
  */
-exports.UNSAFE_media = UNSAFE_media;
-var media = {
+var media = exports.media = {
   above: UNSAFE_media.above
-};
-exports.media = media;
+};

package/dist/cjs/responsive/show.js

@@ -25,7 +25,7 @@ var defaultHiddenStyles = (0, _react.css)({
  * - This only uses `display: none` and `display: revert` to show/hide, it does not skip rendering of children trees.
  * - As this is rendered at all times, there is little performance savings here (just that this is not painted).
  */
-var Show = function Show(_ref) {
+var Show = exports.Show = function Show(_ref) {
   var above = _ref.above,
     below = _ref.below,
     children = _ref.children,
@@ -34,5 +34,4 @@ var Show = function Show(_ref) {
   return (0, _react.jsx)(AsElement, {
     css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below]]
   }, children);
-};
-exports.Show = Show;
+};

package/dist/cjs/responsive/use-media-query.js

@@ -9,17 +9,17 @@ var _bindEventListener = require("bind-event-listener");
 var _mediaHelper = require("./media-helper");
 var _window, _window$matchMedia, _window2, _window2$matchMedia, _window3, _window3$matchMedia, _window4, _window4$matchMedia, _window5, _window5$matchMedia, _window6, _window6$matchMedia, _window7, _window7$matchMedia, _window8, _window8$matchMedia, _window9, _window9$matchMedia, _window10, _window10$matchMedia, _window11, _window11$matchMedia;
 var queries = {
-  'above.xxs': typeof window === 'undefined' ? undefined : (_window = window) === null || _window === void 0 ? void 0 : (_window$matchMedia = _window.matchMedia) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.call(_window, _mediaHelper.UNSAFE_media.above.xxs.replace('@media ', '').trim()),
-  'above.xs': typeof window === 'undefined' ? undefined : (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$matchMedia = _window2.matchMedia) === null || _window2$matchMedia === void 0 ? void 0 : _window2$matchMedia.call(_window2, _mediaHelper.UNSAFE_media.above.xs.replace('@media ', '').trim()),
-  'above.sm': typeof window === 'undefined' ? undefined : (_window3 = window) === null || _window3 === void 0 ? void 0 : (_window3$matchMedia = _window3.matchMedia) === null || _window3$matchMedia === void 0 ? void 0 : _window3$matchMedia.call(_window3, _mediaHelper.UNSAFE_media.above.sm.replace('@media ', '').trim()),
-  'above.md': typeof window === 'undefined' ? undefined : (_window4 = window) === null || _window4 === void 0 ? void 0 : (_window4$matchMedia = _window4.matchMedia) === null || _window4$matchMedia === void 0 ? void 0 : _window4$matchMedia.call(_window4, _mediaHelper.UNSAFE_media.above.md.replace('@media ', '').trim()),
-  'above.lg': typeof window === 'undefined' ? undefined : (_window5 = window) === null || _window5 === void 0 ? void 0 : (_window5$matchMedia = _window5.matchMedia) === null || _window5$matchMedia === void 0 ? void 0 : _window5$matchMedia.call(_window5, _mediaHelper.UNSAFE_media.above.lg.replace('@media ', '').trim()),
-  'above.xl': typeof window === 'undefined' ? undefined : (_window6 = window) === null || _window6 === void 0 ? void 0 : (_window6$matchMedia = _window6.matchMedia) === null || _window6$matchMedia === void 0 ? void 0 : _window6$matchMedia.call(_window6, _mediaHelper.UNSAFE_media.above.xl.replace('@media ', '').trim()),
-  'below.xs': typeof window === 'undefined' ? undefined : (_window7 = window) === null || _window7 === void 0 ? void 0 : (_window7$matchMedia = _window7.matchMedia) === null || _window7$matchMedia === void 0 ? void 0 : _window7$matchMedia.call(_window7, _mediaHelper.UNSAFE_media.below.xs.replace('@media ', '').trim()),
-  'below.sm': typeof window === 'undefined' ? undefined : (_window8 = window) === null || _window8 === void 0 ? void 0 : (_window8$matchMedia = _window8.matchMedia) === null || _window8$matchMedia === void 0 ? void 0 : _window8$matchMedia.call(_window8, _mediaHelper.UNSAFE_media.below.sm.replace('@media ', '').trim()),
-  'below.md': typeof window === 'undefined' ? undefined : (_window9 = window) === null || _window9 === void 0 ? void 0 : (_window9$matchMedia = _window9.matchMedia) === null || _window9$matchMedia === void 0 ? void 0 : _window9$matchMedia.call(_window9, _mediaHelper.UNSAFE_media.below.md.replace('@media ', '').trim()),
-  'below.lg': typeof window === 'undefined' ? undefined : (_window10 = window) === null || _window10 === void 0 ? void 0 : (_window10$matchMedia = _window10.matchMedia) === null || _window10$matchMedia === void 0 ? void 0 : _window10$matchMedia.call(_window10, _mediaHelper.UNSAFE_media.below.lg.replace('@media ', '').trim()),
-  'below.xl': typeof window === 'undefined' ? undefined : (_window11 = window) === null || _window11 === void 0 ? void 0 : (_window11$matchMedia = _window11.matchMedia) === null || _window11$matchMedia === void 0 ? void 0 : _window11$matchMedia.call(_window11, _mediaHelper.UNSAFE_media.below.xl.replace('@media ', '').trim())
+  'above.xxs': typeof window === 'undefined' ? undefined : (_window = window) === null || _window === void 0 || (_window$matchMedia = _window.matchMedia) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.call(_window, _mediaHelper.UNSAFE_media.above.xxs.replace('@media ', '').trim()),
+  'above.xs': typeof window === 'undefined' ? undefined : (_window2 = window) === null || _window2 === void 0 || (_window2$matchMedia = _window2.matchMedia) === null || _window2$matchMedia === void 0 ? void 0 : _window2$matchMedia.call(_window2, _mediaHelper.UNSAFE_media.above.xs.replace('@media ', '').trim()),
+  'above.sm': typeof window === 'undefined' ? undefined : (_window3 = window) === null || _window3 === void 0 || (_window3$matchMedia = _window3.matchMedia) === null || _window3$matchMedia === void 0 ? void 0 : _window3$matchMedia.call(_window3, _mediaHelper.UNSAFE_media.above.sm.replace('@media ', '').trim()),
+  'above.md': typeof window === 'undefined' ? undefined : (_window4 = window) === null || _window4 === void 0 || (_window4$matchMedia = _window4.matchMedia) === null || _window4$matchMedia === void 0 ? void 0 : _window4$matchMedia.call(_window4, _mediaHelper.UNSAFE_media.above.md.replace('@media ', '').trim()),
+  'above.lg': typeof window === 'undefined' ? undefined : (_window5 = window) === null || _window5 === void 0 || (_window5$matchMedia = _window5.matchMedia) === null || _window5$matchMedia === void 0 ? void 0 : _window5$matchMedia.call(_window5, _mediaHelper.UNSAFE_media.above.lg.replace('@media ', '').trim()),
+  'above.xl': typeof window === 'undefined' ? undefined : (_window6 = window) === null || _window6 === void 0 || (_window6$matchMedia = _window6.matchMedia) === null || _window6$matchMedia === void 0 ? void 0 : _window6$matchMedia.call(_window6, _mediaHelper.UNSAFE_media.above.xl.replace('@media ', '').trim()),
+  'below.xs': typeof window === 'undefined' ? undefined : (_window7 = window) === null || _window7 === void 0 || (_window7$matchMedia = _window7.matchMedia) === null || _window7$matchMedia === void 0 ? void 0 : _window7$matchMedia.call(_window7, _mediaHelper.UNSAFE_media.below.xs.replace('@media ', '').trim()),
+  'below.sm': typeof window === 'undefined' ? undefined : (_window8 = window) === null || _window8 === void 0 || (_window8$matchMedia = _window8.matchMedia) === null || _window8$matchMedia === void 0 ? void 0 : _window8$matchMedia.call(_window8, _mediaHelper.UNSAFE_media.below.sm.replace('@media ', '').trim()),
+  'below.md': typeof window === 'undefined' ? undefined : (_window9 = window) === null || _window9 === void 0 || (_window9$matchMedia = _window9.matchMedia) === null || _window9$matchMedia === void 0 ? void 0 : _window9$matchMedia.call(_window9, _mediaHelper.UNSAFE_media.below.md.replace('@media ', '').trim()),
+  'below.lg': typeof window === 'undefined' ? undefined : (_window10 = window) === null || _window10 === void 0 || (_window10$matchMedia = _window10.matchMedia) === null || _window10$matchMedia === void 0 ? void 0 : _window10$matchMedia.call(_window10, _mediaHelper.UNSAFE_media.below.lg.replace('@media ', '').trim()),
+  'below.xl': typeof window === 'undefined' ? undefined : (_window11 = window) === null || _window11 === void 0 || (_window11$matchMedia = _window11.matchMedia) === null || _window11$matchMedia === void 0 ? void 0 : _window11$matchMedia.call(_window11, _mediaHelper.UNSAFE_media.below.xl.replace('@media ', '').trim())
 };
 
 /**
@@ -41,7 +41,7 @@ var queries = {
  *  - `MediaQueryList`, primarily used to get if that media query is currently
  *  - `null` when `matchMedia` is unavailable, eg. in SSR.
  */
-var UNSAFE_useMediaQuery = function UNSAFE_useMediaQuery(queryString, listener) {
+var UNSAFE_useMediaQuery = exports.UNSAFE_useMediaQuery = function UNSAFE_useMediaQuery(queryString, listener) {
   var listenerRef = (0, _react.useRef)(listener);
   (0, _react.useEffect)(function () {
     // Bind the listener if changed so it's called on the next change event; no guarantee on timing.
@@ -74,5 +74,4 @@ var UNSAFE_useMediaQuery = function UNSAFE_useMediaQuery(queryString, listener)
   // eslint-disable-next-line react-hooks/exhaustive-deps -- explicitly do not trigger the effect on `listener` reference change, only on a boolean representation of it.
   [mq, hasListener]);
   return mq || null;
-};
-exports.UNSAFE_useMediaQuery = UNSAFE_useMediaQuery;
+};

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.uiTextStylesMap = exports.uiTextMap = exports.textColorStylesMap = exports.textColorMap = exports.surfaceColorStylesMap = exports.surfaceColorMap = exports.spaceStylesMap = exports.spaceMap = exports.shadowMap = exports.paddingStylesMap = exports.negativeSpaceMap = exports.lineHeightStylesMap = exports.lineHeightMap = exports.layerMap = exports.isSurfaceColorToken = exports.headingTextStylesMap = exports.headingTextMap = exports.fontWeightStylesMap = exports.fontWeightMap = exports.fontSizeStylesMap = exports.fontSizeMap = exports.fontFamilyStylesMap = exports.fontFamilyMap = exports.fillMap = exports.dimensionMap = exports.borderWidthMap = exports.borderRadiusMap = exports.borderColorMap = exports.bodyTextStylesMap = exports.bodyTextMap = exports.backgroundColorStylesMap = exports.backgroundColorMap = void 0;
+exports.uiTextStylesMap = exports.uiTextMap = exports.textColorStylesMap = exports.textColorMap = exports.surfaceColorStylesMap = exports.surfaceColorMap = exports.spaceStylesMap = exports.spaceMap = exports.shadowMap = exports.paddingStylesMap = exports.negativeSpaceMap = exports.lineHeightStylesMap = exports.lineHeightMap = exports.layerMap = exports.isSurfaceColorToken = exports.fontWeightStylesMap = exports.fontWeightMap = exports.fontSizeStylesMap = exports.fontSizeMap = exports.fontFamilyStylesMap = exports.fontFamilyMap = exports.fillMap = exports.dimensionMap = exports.borderWidthMap = exports.borderRadiusMap = exports.borderColorMap = exports.bodyTextStylesMap = exports.bodyTextMap = exports.backgroundColorStylesMap = exports.backgroundColorMap = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _tokens = require("@atlaskit/tokens");
@@ -16,7 +16,7 @@ var _tokens = require("@atlaskit/tokens");
  * @codegenParams ["dimensions"]
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
  */
-var dimensionMap = {
+var dimensionMap = exports.dimensionMap = {
   '100%': '100%',
   'size.100': '1rem',
   'size.200': '1.5rem',
@@ -26,19 +26,18 @@ var dimensionMap = {
   'size.600': '6rem',
   'size.1000': '12rem'
 };
-exports.dimensionMap = dimensionMap;
 /**
  * @codegenEnd
  */
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6a1c1c7a326eab1fd8f07e923e26f784>>
+ * @codegen <<SignedSource::3cd327a4cd23dce8564f0b76a0d600ce>>
  * @codegenId spacing
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::55622b91aca9b3afac4bce440f222b71>>
  */
-var spaceMap = {
+var spaceMap = exports.spaceMap = {
   'space.0': "var(--ds-space-0, 0px)",
   'space.025': "var(--ds-space-025, 2px)",
   'space.050': "var(--ds-space-050, 4px)",
@@ -54,8 +53,7 @@ var spaceMap = {
   'space.800': "var(--ds-space-800, 64px)",
   'space.1000': "var(--ds-space-1000, 80px)"
 };
-exports.spaceMap = spaceMap;
-var negativeSpaceMap = {
+var negativeSpaceMap = exports.negativeSpaceMap = {
   'space.negative.025': "var(--ds-space-negative-025, -2px)",
   'space.negative.050': "var(--ds-space-negative-050, -4px)",
   'space.negative.075': "var(--ds-space-negative-075, -6px)",
@@ -66,20 +64,19 @@ var negativeSpaceMap = {
   'space.negative.300': "var(--ds-space-negative-300, -24px)",
   'space.negative.400': "var(--ds-space-negative-400, -32px)"
 };
-exports.negativeSpaceMap = negativeSpaceMap;
 /**
  * @codegenEnd
  */
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2d67e9258c01e48d564a26a1e4400b94>>
+ * @codegen <<SignedSource::b93d845e13422e2b25a860f34dc6882b>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::5188ac15a9f4d65b80cf12e4eecac815>>
  */
-var borderColorMap = {
+var borderColorMap = exports.borderColorMap = {
   'color.border': "var(--ds-border, #091e4221)",
   'color.border.accent.lime': "var(--ds-border-accent-lime, #6A9A23)",
   'color.border.accent.red': "var(--ds-border-accent-red, #FF5630)",
@@ -104,8 +101,7 @@ var borderColorMap = {
   'color.border.information': "var(--ds-border-information, #0065FF)",
   'color.border.bold': "var(--ds-border-bold, #344563)"
 };
-exports.borderColorMap = borderColorMap;
-var backgroundColorMap = {
+var backgroundColorMap = exports.backgroundColorMap = {
   'color.background.accent.lime.subtlest': "var(--ds-background-accent-lime-subtlest, #EEFBDA)",
   'color.background.accent.lime.subtlest.hovered': "var(--ds-background-accent-lime-subtlest-hovered, #D3F1A7)",
   'color.background.accent.lime.subtlest.pressed': "var(--ds-background-accent-lime-subtlest-pressed, #B3DF72)",
@@ -302,16 +298,14 @@ var backgroundColorMap = {
   'elevation.surface.sunken': "var(--ds-surface-sunken, #F4F5F7)",
   'utility.elevation.surface.current': "var(--ds-elevation-surface-current, #FFFFFF)"
 };
-exports.backgroundColorMap = backgroundColorMap;
-var shadowMap = {
+var shadowMap = exports.shadowMap = {
   'elevation.shadow.overflow': "var(--ds-shadow-overflow, 0px 0px 8px #091e423f, 0px 0px 1px #091e424f)",
   'elevation.shadow.overflow.perimeter': "var(--ds-shadow-overflow-perimeter, #091e421f)",
   'elevation.shadow.overflow.spread': "var(--ds-shadow-overflow-spread, #091e4229)",
   'elevation.shadow.overlay': "var(--ds-shadow-overlay, 0px 8px 12px #091e423f, 0px 0px 1px #091e424f)",
   'elevation.shadow.raised': "var(--ds-shadow-raised, 0px 1px 1px #091e423f, 0px 0px 1px #091e4221)"
 };
-exports.shadowMap = shadowMap;
-var textColorMap = {
+var textColorMap = exports.textColorMap = {
   'color.text': "var(--ds-text, #172B4D)",
   'color.text.accent.lime': "var(--ds-text-accent-lime, #4C6B1F)",
   'color.text.accent.lime.bolder': "var(--ds-text-accent-lime-bolder, #37471F)",
@@ -349,8 +343,7 @@ var textColorMap = {
   'color.link.pressed': "var(--ds-link-pressed, #0747A6)",
   'color.link.visited': "var(--ds-link-visited, #403294)"
 };
-exports.textColorMap = textColorMap;
-var fillMap = {
+var fillMap = exports.fillMap = {
   'color.icon': "var(--ds-icon, #505F79)",
   'color.icon.accent.lime': "var(--ds-icon-accent-lime, #6A9A23)",
   'color.icon.accent.red': "var(--ds-icon-accent-red, #FF5630)",
@@ -374,8 +367,7 @@ var fillMap = {
   'color.icon.information': "var(--ds-icon-information, #0747A6)",
   'color.icon.subtle': "var(--ds-icon-subtle, #6B778C)"
 };
-exports.fillMap = fillMap;
-var surfaceColorMap = {
+var surfaceColorMap = exports.surfaceColorMap = {
   'elevation.surface': "var(--ds-surface, #FFFFFF)",
   'elevation.surface.hovered': "var(--ds-surface-hovered, #FAFBFC)",
   'elevation.surface.pressed': "var(--ds-surface-pressed, #F4F5F7)",
@@ -387,7 +379,6 @@ var surfaceColorMap = {
   'elevation.surface.raised.pressed': "var(--ds-surface-raised-pressed, #F4F5F7)",
   'elevation.surface.sunken': "var(--ds-surface-sunken, #F4F5F7)"
 };
-exports.surfaceColorMap = surfaceColorMap;
 /**
  * @codegenEnd
  */
@@ -401,7 +392,7 @@ exports.surfaceColorMap = surfaceColorMap;
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
  * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
  */
-var layerMap = {
+var layerMap = exports.layerMap = {
   card: 100,
   navigation: 200,
   dialog: 300,
@@ -412,27 +403,25 @@ var layerMap = {
   spotlight: 700,
   tooltip: 800
 };
-exports.layerMap = layerMap;
 /**
  * @codegenEnd
  */
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ffa10f95df2d9bbc0f5d91f9d19b9a69>>
+ * @codegen <<SignedSource::d44c306cfe2334f9664fc122aa7d9fe6>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::25105916a589322f57c322068cb0074a>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::80457377fd80c31f5dfcb5cc743d7016>>
  */
-var borderWidthMap = {
+var borderWidthMap = exports.borderWidthMap = {
   'border.width': "var(--ds-border-width, 1px)",
   'border.width.0': "var(--ds-border-width-0, 0px)",
   'border.width.indicator': "var(--ds-border-width-indicator, 3px)",
   'border.width.outline': "var(--ds-border-width-outline, 2px)"
 };
-exports.borderWidthMap = borderWidthMap;
-var borderRadiusMap = {
+var borderRadiusMap = exports.borderRadiusMap = {
   'border.radius.050': "var(--ds-border-radius-050, 2px)",
   'border.radius': "var(--ds-border-radius, 3px)",
   'border.radius.100': "var(--ds-border-radius-100, 3px)",
@@ -441,21 +430,20 @@ var borderRadiusMap = {
   'border.radius.400': "var(--ds-border-radius-400, 16px)",
   'border.radius.circle': "var(--ds-border-radius-circle, 32032px)"
 };
-exports.borderRadiusMap = borderRadiusMap;
 /**
  * @codegenEnd
  */
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::752c1b8bdc7db62e519dd729222d57ad>>
+ * @codegen <<SignedSource::fc5fa2e6300ad8cc69d2ab1af222c4f5>>
  * @codegenId typography
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "heading", "ui"]
+ * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
  * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
  */
-var fontSizeMap = {
+var fontSizeMap = exports.fontSizeMap = {
   'font.size.050': "var(--ds-font-size-050, 11px)",
   'font.size.075': "var(--ds-font-size-075, 12px)",
   'font.size.100': "var(--ds-font-size-100, 14px)",
@@ -465,24 +453,21 @@ var fontSizeMap = {
   'font.size.500': "var(--ds-font-size-500, 29px)",
   'font.size.600': "var(--ds-font-size-600, 35px)"
 };
-exports.fontSizeMap = fontSizeMap;
-var fontWeightMap = {
+var fontWeightMap = exports.fontWeightMap = {
   'font.weight.bold': "var(--ds-font-weight-bold, 700)",
   'font.weight.medium': "var(--ds-font-weight-medium, 500)",
   'font.weight.regular': "var(--ds-font-weight-regular, 400)",
   'font.weight.semibold': "var(--ds-font-weight-semibold, 600)"
 };
-exports.fontWeightMap = fontWeightMap;
-var fontFamilyMap = {
-  'font.family.body': "var(--ds-font-family-body, ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif)",
+var fontFamilyMap = exports.fontFamilyMap = {
+  'font.family.body': "var(--ds-font-family-body, ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   'font.family.brand': "var(--ds-font-family-brand, Charlie Sans)",
   'font.family.code': "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
-  'font.family.heading': "var(--ds-font-family-heading, ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif)",
+  'font.family.heading': "var(--ds-font-family-heading, ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   'font.family.monospace': "var(--ds-font-family-monospace, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
   'font.family.sans': "var(--ds-font-family-sans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif)"
 };
-exports.fontFamilyMap = fontFamilyMap;
-var lineHeightMap = {
+var lineHeightMap = exports.lineHeightMap = {
   'font.lineHeight.1': "var(--ds-font-lineHeight-1, 1)",
   'font.lineHeight.100': "var(--ds-font-lineHeight-100, 16px)",
   'font.lineHeight.200': "var(--ds-font-lineHeight-200, 20px)",
@@ -491,32 +476,20 @@ var lineHeightMap = {
   'font.lineHeight.500': "var(--ds-font-lineHeight-500, 32px)",
   'font.lineHeight.600': "var(--ds-font-lineHeight-600, 40px)"
 };
-exports.lineHeightMap = lineHeightMap;
-var bodyTextMap = {
+var bodyTextMap = exports.bodyTextMap = {
   body: "var(--ds-font-body, normal 400 14px/20px var(--ds-font-family-body))",
-  'body.lg': "var(--ds-font-body-lg, normal 400 16px/24px var(--ds-font-family-body))",
-  'body.sm': "var(--ds-font-body-sm, normal 400 11px/20px var(--ds-font-family-body))"
+  'body.large': "var(--ds-font-body-large, normal 400 16px/24px var(--ds-font-family-body))",
+  'body.small': "var(--ds-font-body-small, normal 400 11px/20px var(--ds-font-family-body))"
 };
-exports.bodyTextMap = bodyTextMap;
-var headingTextMap = {
-  'heading.lg': "var(--ds-font-heading-lg, normal 500 24px/28px var(--ds-font-family-heading))",
-  'heading.md': "var(--ds-font-heading-md, normal 500 20px/24px var(--ds-font-family-heading))",
-  'heading.sm': "var(--ds-font-heading-sm, normal 600 16px/20px var(--ds-font-family-heading))",
-  'heading.xl': "var(--ds-font-heading-xl, normal 600 29px/32px var(--ds-font-family-heading))",
-  'heading.xs': "var(--ds-font-heading-xs, normal 600 14px/16px var(--ds-font-family-heading))",
-  'heading.xxl': "var(--ds-font-heading-xxl, normal 500 35px/40px var(--ds-font-family-heading))",
-  'heading.xxs': "var(--ds-font-heading-xxs, normal 600 12px/16px var(--ds-font-family-heading))"
-};
-exports.headingTextMap = headingTextMap;
-var uiTextMap = {
+var uiTextMap = exports.uiTextMap = {
   ui: "var(--ds-font-ui, normal 400 14px/1 var(--ds-font-family-body))",
-  'ui.sm': "var(--ds-font-ui-sm, normal 400 11px/1 var(--ds-font-family-body))"
+  'ui.small': "var(--ds-font-ui-small, normal 400 11px/1 var(--ds-font-family-body))"
 };
 
 /**
  * @codegenEnd
  */
-exports.uiTextMap = uiTextMap;
+
 // Generate maps for Box props. backgroundColor, padding, etc
 var spacingProperties = [
 // Used by Box
@@ -529,37 +502,23 @@ var getSerializedStylesMap = function getSerializedStylesMap(cssProperty, tokenM
     return emotionSpacingMap;
   }, {});
 };
-var paddingStylesMap = spacingProperties.reduce(function (styleMap, spacingProperty) {
+var paddingStylesMap = exports.paddingStylesMap = spacingProperties.reduce(function (styleMap, spacingProperty) {
   styleMap[spacingProperty] = getSerializedStylesMap(spacingProperty, spaceMap);
   return styleMap;
 }, {});
-exports.paddingStylesMap = paddingStylesMap;
-var spaceStylesMap = spacingProperties.reduce(function (styleMap, spacingProperty) {
+var spaceStylesMap = exports.spaceStylesMap = spacingProperties.reduce(function (styleMap, spacingProperty) {
   styleMap[spacingProperty] = getSerializedStylesMap(spacingProperty, spaceMap);
   return styleMap;
 }, {});
-exports.spaceStylesMap = spaceStylesMap;
-var backgroundColorStylesMap = getSerializedStylesMap('backgroundColor', backgroundColorMap);
-exports.backgroundColorStylesMap = backgroundColorStylesMap;
-var textColorStylesMap = getSerializedStylesMap('color', textColorMap);
-exports.textColorStylesMap = textColorStylesMap;
-var fontSizeStylesMap = getSerializedStylesMap('fontSize', fontSizeMap);
-exports.fontSizeStylesMap = fontSizeStylesMap;
-var fontWeightStylesMap = getSerializedStylesMap('fontWeight', fontWeightMap);
-exports.fontWeightStylesMap = fontWeightStylesMap;
-var fontFamilyStylesMap = getSerializedStylesMap('fontFamily', fontFamilyMap);
-exports.fontFamilyStylesMap = fontFamilyStylesMap;
-var lineHeightStylesMap = getSerializedStylesMap('lineHeight', lineHeightMap);
-exports.lineHeightStylesMap = lineHeightStylesMap;
-var headingTextStylesMap = getSerializedStylesMap('font', headingTextMap);
-exports.headingTextStylesMap = headingTextStylesMap;
-var bodyTextStylesMap = getSerializedStylesMap('font', bodyTextMap);
-exports.bodyTextStylesMap = bodyTextStylesMap;
-var uiTextStylesMap = getSerializedStylesMap('font', uiTextMap);
-exports.uiTextStylesMap = uiTextStylesMap;
-var surfaceColorStylesMap = getSerializedStylesMap(_tokens.CURRENT_SURFACE_CSS_VAR, surfaceColorMap);
-exports.surfaceColorStylesMap = surfaceColorStylesMap;
-var isSurfaceColorToken = function isSurfaceColorToken(color) {
+var backgroundColorStylesMap = exports.backgroundColorStylesMap = getSerializedStylesMap('backgroundColor', backgroundColorMap);
+var textColorStylesMap = exports.textColorStylesMap = getSerializedStylesMap('color', textColorMap);
+var fontSizeStylesMap = exports.fontSizeStylesMap = getSerializedStylesMap('fontSize', fontSizeMap);
+var fontWeightStylesMap = exports.fontWeightStylesMap = getSerializedStylesMap('fontWeight', fontWeightMap);
+var fontFamilyStylesMap = exports.fontFamilyStylesMap = getSerializedStylesMap('fontFamily', fontFamilyMap);
+var lineHeightStylesMap = exports.lineHeightStylesMap = getSerializedStylesMap('lineHeight', lineHeightMap);
+var bodyTextStylesMap = exports.bodyTextStylesMap = getSerializedStylesMap('font', bodyTextMap);
+var uiTextStylesMap = exports.uiTextStylesMap = getSerializedStylesMap('font', uiTextMap);
+var surfaceColorStylesMap = exports.surfaceColorStylesMap = getSerializedStylesMap(_tokens.CURRENT_SURFACE_CSS_VAR, surfaceColorMap);
+var isSurfaceColorToken = exports.isSurfaceColorToken = function isSurfaceColorToken(color) {
   return surfaceColorMap[color] !== undefined;
-};
-exports.isSurfaceColorToken = isSurfaceColorToken;
+};

package/dist/cjs/xcss/xcss.js

@@ -128,7 +128,7 @@ var baseXcss = function baseXcss(style) {
  * @returns a collection of styles that can be applied to the respective primitive
  */
 
-var parseXcss = function parseXcss(args) {
+var parseXcss = exports.parseXcss = function parseXcss(args) {
   if (Array.isArray(args)) {
     return args.map(function (x) {
       return x && parseXcss(x);
@@ -144,7 +144,7 @@ var parseXcss = function parseXcss(args) {
 // Media queries should not contain nested media queries
 
 // Pseudos should not contain nested pseudos, or media queries
-exports.parseXcss = parseXcss;
+
 /**
  * ### xcss
  *

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

@@ -24,10 +24,10 @@ export const dimensionMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6a1c1c7a326eab1fd8f07e923e26f784>>
+ * @codegen <<SignedSource::3cd327a4cd23dce8564f0b76a0d600ce>>
  * @codegenId spacing
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::55622b91aca9b3afac4bce440f222b71>>
  */
 export const spaceMap = {
   'space.0': "var(--ds-space-0, 0px)",
@@ -61,11 +61,11 @@ export const negativeSpaceMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2d67e9258c01e48d564a26a1e4400b94>>
+ * @codegen <<SignedSource::b93d845e13422e2b25a860f34dc6882b>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::5188ac15a9f4d65b80cf12e4eecac815>>
  */
 export const borderColorMap = {
   'color.border': "var(--ds-border, #091e4221)",
@@ -398,11 +398,11 @@ export const layerMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ffa10f95df2d9bbc0f5d91f9d19b9a69>>
+ * @codegen <<SignedSource::d44c306cfe2334f9664fc122aa7d9fe6>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::25105916a589322f57c322068cb0074a>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::80457377fd80c31f5dfcb5cc743d7016>>
  */
 export const borderWidthMap = {
   'border.width': "var(--ds-border-width, 1px)",
@@ -424,10 +424,10 @@ export const borderRadiusMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::752c1b8bdc7db62e519dd729222d57ad>>
+ * @codegen <<SignedSource::fc5fa2e6300ad8cc69d2ab1af222c4f5>>
  * @codegenId typography
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "heading", "ui"]
+ * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
  * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
  */
@@ -448,10 +448,10 @@ export const fontWeightMap = {
   'font.weight.semibold': "var(--ds-font-weight-semibold, 600)"
 };
 export const fontFamilyMap = {
-  'font.family.body': "var(--ds-font-family-body, ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif)",
+  'font.family.body': "var(--ds-font-family-body, ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   'font.family.brand': "var(--ds-font-family-brand, Charlie Sans)",
   'font.family.code': "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
-  'font.family.heading': "var(--ds-font-family-heading, ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif)",
+  'font.family.heading': "var(--ds-font-family-heading, ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   'font.family.monospace': "var(--ds-font-family-monospace, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
   'font.family.sans': "var(--ds-font-family-sans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif)"
 };
@@ -466,21 +466,12 @@ export const lineHeightMap = {
 };
 export const bodyTextMap = {
   body: "var(--ds-font-body, normal 400 14px/20px var(--ds-font-family-body))",
-  'body.lg': "var(--ds-font-body-lg, normal 400 16px/24px var(--ds-font-family-body))",
-  'body.sm': "var(--ds-font-body-sm, normal 400 11px/20px var(--ds-font-family-body))"
-};
-export const headingTextMap = {
-  'heading.lg': "var(--ds-font-heading-lg, normal 500 24px/28px var(--ds-font-family-heading))",
-  'heading.md': "var(--ds-font-heading-md, normal 500 20px/24px var(--ds-font-family-heading))",
-  'heading.sm': "var(--ds-font-heading-sm, normal 600 16px/20px var(--ds-font-family-heading))",
-  'heading.xl': "var(--ds-font-heading-xl, normal 600 29px/32px var(--ds-font-family-heading))",
-  'heading.xs': "var(--ds-font-heading-xs, normal 600 14px/16px var(--ds-font-family-heading))",
-  'heading.xxl': "var(--ds-font-heading-xxl, normal 500 35px/40px var(--ds-font-family-heading))",
-  'heading.xxs': "var(--ds-font-heading-xxs, normal 600 12px/16px var(--ds-font-family-heading))"
+  'body.large': "var(--ds-font-body-large, normal 400 16px/24px var(--ds-font-family-body))",
+  'body.small': "var(--ds-font-body-small, normal 400 11px/20px var(--ds-font-family-body))"
 };
 export const uiTextMap = {
   ui: "var(--ds-font-ui, normal 400 14px/1 var(--ds-font-family-body))",
-  'ui.sm': "var(--ds-font-ui-sm, normal 400 11px/1 var(--ds-font-family-body))"
+  'ui.small': "var(--ds-font-ui-small, normal 400 11px/1 var(--ds-font-family-body))"
 };
 
 /**
@@ -515,7 +506,6 @@ export const fontSizeStylesMap = getSerializedStylesMap('fontSize', fontSizeMap)
 export const fontWeightStylesMap = getSerializedStylesMap('fontWeight', fontWeightMap);
 export const fontFamilyStylesMap = getSerializedStylesMap('fontFamily', fontFamilyMap);
 export const lineHeightStylesMap = getSerializedStylesMap('lineHeight', lineHeightMap);
-export const headingTextStylesMap = getSerializedStylesMap('font', headingTextMap);
 export const bodyTextStylesMap = getSerializedStylesMap('font', bodyTextMap);
 export const uiTextStylesMap = getSerializedStylesMap('font', uiTextMap);
 export const surfaceColorStylesMap = getSerializedStylesMap(CURRENT_SURFACE_CSS_VAR, surfaceColorMap);

package/dist/esm/responsive/use-media-query.js

@@ -3,17 +3,17 @@ import { useEffect, useLayoutEffect, useRef } from 'react';
 import { bind } from 'bind-event-listener';
 import { UNSAFE_media } from './media-helper';
 var queries = {
-  'above.xxs': typeof window === 'undefined' ? undefined : (_window = window) === null || _window === void 0 ? void 0 : (_window$matchMedia = _window.matchMedia) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.call(_window, UNSAFE_media.above.xxs.replace('@media ', '').trim()),
-  'above.xs': typeof window === 'undefined' ? undefined : (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$matchMedia = _window2.matchMedia) === null || _window2$matchMedia === void 0 ? void 0 : _window2$matchMedia.call(_window2, UNSAFE_media.above.xs.replace('@media ', '').trim()),
-  'above.sm': typeof window === 'undefined' ? undefined : (_window3 = window) === null || _window3 === void 0 ? void 0 : (_window3$matchMedia = _window3.matchMedia) === null || _window3$matchMedia === void 0 ? void 0 : _window3$matchMedia.call(_window3, UNSAFE_media.above.sm.replace('@media ', '').trim()),
-  'above.md': typeof window === 'undefined' ? undefined : (_window4 = window) === null || _window4 === void 0 ? void 0 : (_window4$matchMedia = _window4.matchMedia) === null || _window4$matchMedia === void 0 ? void 0 : _window4$matchMedia.call(_window4, UNSAFE_media.above.md.replace('@media ', '').trim()),
-  'above.lg': typeof window === 'undefined' ? undefined : (_window5 = window) === null || _window5 === void 0 ? void 0 : (_window5$matchMedia = _window5.matchMedia) === null || _window5$matchMedia === void 0 ? void 0 : _window5$matchMedia.call(_window5, UNSAFE_media.above.lg.replace('@media ', '').trim()),
-  'above.xl': typeof window === 'undefined' ? undefined : (_window6 = window) === null || _window6 === void 0 ? void 0 : (_window6$matchMedia = _window6.matchMedia) === null || _window6$matchMedia === void 0 ? void 0 : _window6$matchMedia.call(_window6, UNSAFE_media.above.xl.replace('@media ', '').trim()),
-  'below.xs': typeof window === 'undefined' ? undefined : (_window7 = window) === null || _window7 === void 0 ? void 0 : (_window7$matchMedia = _window7.matchMedia) === null || _window7$matchMedia === void 0 ? void 0 : _window7$matchMedia.call(_window7, UNSAFE_media.below.xs.replace('@media ', '').trim()),
-  'below.sm': typeof window === 'undefined' ? undefined : (_window8 = window) === null || _window8 === void 0 ? void 0 : (_window8$matchMedia = _window8.matchMedia) === null || _window8$matchMedia === void 0 ? void 0 : _window8$matchMedia.call(_window8, UNSAFE_media.below.sm.replace('@media ', '').trim()),
-  'below.md': typeof window === 'undefined' ? undefined : (_window9 = window) === null || _window9 === void 0 ? void 0 : (_window9$matchMedia = _window9.matchMedia) === null || _window9$matchMedia === void 0 ? void 0 : _window9$matchMedia.call(_window9, UNSAFE_media.below.md.replace('@media ', '').trim()),
-  'below.lg': typeof window === 'undefined' ? undefined : (_window10 = window) === null || _window10 === void 0 ? void 0 : (_window10$matchMedia = _window10.matchMedia) === null || _window10$matchMedia === void 0 ? void 0 : _window10$matchMedia.call(_window10, UNSAFE_media.below.lg.replace('@media ', '').trim()),
-  'below.xl': typeof window === 'undefined' ? undefined : (_window11 = window) === null || _window11 === void 0 ? void 0 : (_window11$matchMedia = _window11.matchMedia) === null || _window11$matchMedia === void 0 ? void 0 : _window11$matchMedia.call(_window11, UNSAFE_media.below.xl.replace('@media ', '').trim())
+  'above.xxs': typeof window === 'undefined' ? undefined : (_window = window) === null || _window === void 0 || (_window$matchMedia = _window.matchMedia) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.call(_window, UNSAFE_media.above.xxs.replace('@media ', '').trim()),
+  'above.xs': typeof window === 'undefined' ? undefined : (_window2 = window) === null || _window2 === void 0 || (_window2$matchMedia = _window2.matchMedia) === null || _window2$matchMedia === void 0 ? void 0 : _window2$matchMedia.call(_window2, UNSAFE_media.above.xs.replace('@media ', '').trim()),
+  'above.sm': typeof window === 'undefined' ? undefined : (_window3 = window) === null || _window3 === void 0 || (_window3$matchMedia = _window3.matchMedia) === null || _window3$matchMedia === void 0 ? void 0 : _window3$matchMedia.call(_window3, UNSAFE_media.above.sm.replace('@media ', '').trim()),
+  'above.md': typeof window === 'undefined' ? undefined : (_window4 = window) === null || _window4 === void 0 || (_window4$matchMedia = _window4.matchMedia) === null || _window4$matchMedia === void 0 ? void 0 : _window4$matchMedia.call(_window4, UNSAFE_media.above.md.replace('@media ', '').trim()),
+  'above.lg': typeof window === 'undefined' ? undefined : (_window5 = window) === null || _window5 === void 0 || (_window5$matchMedia = _window5.matchMedia) === null || _window5$matchMedia === void 0 ? void 0 : _window5$matchMedia.call(_window5, UNSAFE_media.above.lg.replace('@media ', '').trim()),
+  'above.xl': typeof window === 'undefined' ? undefined : (_window6 = window) === null || _window6 === void 0 || (_window6$matchMedia = _window6.matchMedia) === null || _window6$matchMedia === void 0 ? void 0 : _window6$matchMedia.call(_window6, UNSAFE_media.above.xl.replace('@media ', '').trim()),
+  'below.xs': typeof window === 'undefined' ? undefined : (_window7 = window) === null || _window7 === void 0 || (_window7$matchMedia = _window7.matchMedia) === null || _window7$matchMedia === void 0 ? void 0 : _window7$matchMedia.call(_window7, UNSAFE_media.below.xs.replace('@media ', '').trim()),
+  'below.sm': typeof window === 'undefined' ? undefined : (_window8 = window) === null || _window8 === void 0 || (_window8$matchMedia = _window8.matchMedia) === null || _window8$matchMedia === void 0 ? void 0 : _window8$matchMedia.call(_window8, UNSAFE_media.below.sm.replace('@media ', '').trim()),
+  'below.md': typeof window === 'undefined' ? undefined : (_window9 = window) === null || _window9 === void 0 || (_window9$matchMedia = _window9.matchMedia) === null || _window9$matchMedia === void 0 ? void 0 : _window9$matchMedia.call(_window9, UNSAFE_media.below.md.replace('@media ', '').trim()),
+  'below.lg': typeof window === 'undefined' ? undefined : (_window10 = window) === null || _window10 === void 0 || (_window10$matchMedia = _window10.matchMedia) === null || _window10$matchMedia === void 0 ? void 0 : _window10$matchMedia.call(_window10, UNSAFE_media.below.lg.replace('@media ', '').trim()),
+  'below.xl': typeof window === 'undefined' ? undefined : (_window11 = window) === null || _window11 === void 0 || (_window11$matchMedia = _window11.matchMedia) === null || _window11$matchMedia === void 0 ? void 0 : _window11$matchMedia.call(_window11, UNSAFE_media.below.xl.replace('@media ', '').trim())
 };
 
 /**

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

@@ -25,10 +25,10 @@ export var dimensionMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6a1c1c7a326eab1fd8f07e923e26f784>>
+ * @codegen <<SignedSource::3cd327a4cd23dce8564f0b76a0d600ce>>
  * @codegenId spacing
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::55622b91aca9b3afac4bce440f222b71>>
  */
 export var spaceMap = {
   'space.0': "var(--ds-space-0, 0px)",
@@ -62,11 +62,11 @@ export var negativeSpaceMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2d67e9258c01e48d564a26a1e4400b94>>
+ * @codegen <<SignedSource::b93d845e13422e2b25a860f34dc6882b>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::5188ac15a9f4d65b80cf12e4eecac815>>
  */
 export var borderColorMap = {
   'color.border': "var(--ds-border, #091e4221)",
@@ -399,11 +399,11 @@ export var layerMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ffa10f95df2d9bbc0f5d91f9d19b9a69>>
+ * @codegen <<SignedSource::d44c306cfe2334f9664fc122aa7d9fe6>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::25105916a589322f57c322068cb0074a>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::80457377fd80c31f5dfcb5cc743d7016>>
  */
 export var borderWidthMap = {
   'border.width': "var(--ds-border-width, 1px)",
@@ -425,10 +425,10 @@ export var borderRadiusMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::752c1b8bdc7db62e519dd729222d57ad>>
+ * @codegen <<SignedSource::fc5fa2e6300ad8cc69d2ab1af222c4f5>>
  * @codegenId typography
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "heading", "ui"]
+ * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
  * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
  */
@@ -449,10 +449,10 @@ export var fontWeightMap = {
   'font.weight.semibold': "var(--ds-font-weight-semibold, 600)"
 };
 export var fontFamilyMap = {
-  'font.family.body': "var(--ds-font-family-body, ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif)",
+  'font.family.body': "var(--ds-font-family-body, ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   'font.family.brand': "var(--ds-font-family-brand, Charlie Sans)",
   'font.family.code': "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
-  'font.family.heading': "var(--ds-font-family-heading, ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif)",
+  'font.family.heading': "var(--ds-font-family-heading, ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   'font.family.monospace': "var(--ds-font-family-monospace, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
   'font.family.sans': "var(--ds-font-family-sans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif)"
 };
@@ -467,21 +467,12 @@ export var lineHeightMap = {
 };
 export var bodyTextMap = {
   body: "var(--ds-font-body, normal 400 14px/20px var(--ds-font-family-body))",
-  'body.lg': "var(--ds-font-body-lg, normal 400 16px/24px var(--ds-font-family-body))",
-  'body.sm': "var(--ds-font-body-sm, normal 400 11px/20px var(--ds-font-family-body))"
-};
-export var headingTextMap = {
-  'heading.lg': "var(--ds-font-heading-lg, normal 500 24px/28px var(--ds-font-family-heading))",
-  'heading.md': "var(--ds-font-heading-md, normal 500 20px/24px var(--ds-font-family-heading))",
-  'heading.sm': "var(--ds-font-heading-sm, normal 600 16px/20px var(--ds-font-family-heading))",
-  'heading.xl': "var(--ds-font-heading-xl, normal 600 29px/32px var(--ds-font-family-heading))",
-  'heading.xs': "var(--ds-font-heading-xs, normal 600 14px/16px var(--ds-font-family-heading))",
-  'heading.xxl': "var(--ds-font-heading-xxl, normal 500 35px/40px var(--ds-font-family-heading))",
-  'heading.xxs': "var(--ds-font-heading-xxs, normal 600 12px/16px var(--ds-font-family-heading))"
+  'body.large': "var(--ds-font-body-large, normal 400 16px/24px var(--ds-font-family-body))",
+  'body.small': "var(--ds-font-body-small, normal 400 11px/20px var(--ds-font-family-body))"
 };
 export var uiTextMap = {
   ui: "var(--ds-font-ui, normal 400 14px/1 var(--ds-font-family-body))",
-  'ui.sm': "var(--ds-font-ui-sm, normal 400 11px/1 var(--ds-font-family-body))"
+  'ui.small': "var(--ds-font-ui-small, normal 400 11px/1 var(--ds-font-family-body))"
 };
 
 /**
@@ -514,7 +505,6 @@ export var fontSizeStylesMap = getSerializedStylesMap('fontSize', fontSizeMap);
 export var fontWeightStylesMap = getSerializedStylesMap('fontWeight', fontWeightMap);
 export var fontFamilyStylesMap = getSerializedStylesMap('fontFamily', fontFamilyMap);
 export var lineHeightStylesMap = getSerializedStylesMap('lineHeight', lineHeightMap);
-export var headingTextStylesMap = getSerializedStylesMap('font', headingTextMap);
 export var bodyTextStylesMap = getSerializedStylesMap('font', bodyTextMap);
 export var uiTextStylesMap = getSerializedStylesMap('font', uiTextMap);
 export var surfaceColorStylesMap = getSerializedStylesMap(CURRENT_SURFACE_CSS_VAR, surfaceColorMap);

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

@@ -23,10 +23,10 @@ export type Dimension = keyof typeof dimensionMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6a1c1c7a326eab1fd8f07e923e26f784>>
+ * @codegen <<SignedSource::3cd327a4cd23dce8564f0b76a0d600ce>>
  * @codegenId spacing
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::55622b91aca9b3afac4bce440f222b71>>
  */
 export declare const spaceMap: {
     'space.0': "var(--ds-space-0)";
@@ -62,11 +62,11 @@ export type NegativeSpace = keyof typeof negativeSpaceMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2d67e9258c01e48d564a26a1e4400b94>>
+ * @codegen <<SignedSource::b93d845e13422e2b25a860f34dc6882b>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::5188ac15a9f4d65b80cf12e4eecac815>>
  */
 export declare const borderColorMap: {
     readonly 'color.border': "var(--ds-border)";
@@ -406,11 +406,11 @@ export type Layer = keyof typeof layerMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ffa10f95df2d9bbc0f5d91f9d19b9a69>>
+ * @codegen <<SignedSource::d44c306cfe2334f9664fc122aa7d9fe6>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::25105916a589322f57c322068cb0074a>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::80457377fd80c31f5dfcb5cc743d7016>>
  */
 export declare const borderWidthMap: {
     readonly 'border.width': "var(--ds-border-width)";
@@ -434,10 +434,10 @@ export type BorderRadius = keyof typeof borderRadiusMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::752c1b8bdc7db62e519dd729222d57ad>>
+ * @codegen <<SignedSource::fc5fa2e6300ad8cc69d2ab1af222c4f5>>
  * @codegenId typography
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "heading", "ui"]
+ * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
  * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
  */
@@ -480,23 +480,13 @@ export declare const lineHeightMap: {
 export type LineHeight = keyof typeof lineHeightMap;
 export declare const bodyTextMap: {
     body: "var(--ds-font-body)";
-    'body.lg': "var(--ds-font-body-lg)";
-    'body.sm': "var(--ds-font-body-sm)";
+    'body.large': "var(--ds-font-body-large)";
+    'body.small': "var(--ds-font-body-small)";
 };
 export type BodyText = keyof typeof bodyTextMap;
-export declare const headingTextMap: {
-    'heading.lg': "var(--ds-font-heading-lg)";
-    'heading.md': "var(--ds-font-heading-md)";
-    'heading.sm': "var(--ds-font-heading-sm)";
-    'heading.xl': "var(--ds-font-heading-xl)";
-    'heading.xs': "var(--ds-font-heading-xs)";
-    'heading.xxl': "var(--ds-font-heading-xxl)";
-    'heading.xxs': "var(--ds-font-heading-xxs)";
-};
-export type HeadingText = keyof typeof headingTextMap;
 export declare const uiTextMap: {
     ui: "var(--ds-font-ui)";
-    'ui.sm': "var(--ds-font-ui-sm)";
+    'ui.small': "var(--ds-font-ui-small)";
 };
 export type UiText = keyof typeof uiTextMap;
 /**
@@ -574,7 +564,6 @@ type FontSizeToken = keyof typeof fontSizeMap;
 type FontWeightToken = keyof typeof fontWeightMap;
 type FontFamilyToken = keyof typeof fontFamilyMap;
 type LineHeightToken = keyof typeof lineHeightMap;
-type HeadingTextToken = keyof typeof headingTextMap;
 type BodyTextToken = keyof typeof bodyTextMap;
 type UITextToken = keyof typeof uiTextMap;
 type SpacingStyleMap = Record<SpacingProperty, Record<SpacingToken, SerializedStyles>>;
@@ -585,7 +574,6 @@ type FontSizeStyleMap = Record<FontSizeToken, SerializedStyles>;
 type FontWeightStyleMap = Record<FontWeightToken, SerializedStyles>;
 type FontFamilyStyleMap = Record<FontFamilyToken, SerializedStyles>;
 type LineHeightStyleMap = Record<LineHeightToken, SerializedStyles>;
-type HeadingTextStyleMap = Record<HeadingTextToken, SerializedStyles>;
 type BodyTextStyleMap = Record<BodyTextToken, SerializedStyles>;
 type UITextStyleMap = Record<UITextToken, SerializedStyles>;
 export declare const paddingStylesMap: SpacingStyleMap;
@@ -596,7 +584,6 @@ export declare const fontSizeStylesMap: FontSizeStyleMap;
 export declare const fontWeightStylesMap: FontWeightStyleMap;
 export declare const fontFamilyStylesMap: FontFamilyStyleMap;
 export declare const lineHeightStylesMap: LineHeightStyleMap;
-export declare const headingTextStylesMap: HeadingTextStyleMap;
 export declare const bodyTextStylesMap: BodyTextStyleMap;
 export declare const uiTextStylesMap: UITextStyleMap;
 export declare const surfaceColorStylesMap: SurfaceColorStyleMap;

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

@@ -23,10 +23,10 @@ export type Dimension = keyof typeof dimensionMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6a1c1c7a326eab1fd8f07e923e26f784>>
+ * @codegen <<SignedSource::3cd327a4cd23dce8564f0b76a0d600ce>>
  * @codegenId spacing
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::55622b91aca9b3afac4bce440f222b71>>
  */
 export declare const spaceMap: {
     'space.0': "var(--ds-space-0)";
@@ -62,11 +62,11 @@ export type NegativeSpace = keyof typeof negativeSpaceMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2d67e9258c01e48d564a26a1e4400b94>>
+ * @codegen <<SignedSource::b93d845e13422e2b25a860f34dc6882b>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::5188ac15a9f4d65b80cf12e4eecac815>>
  */
 export declare const borderColorMap: {
     readonly 'color.border': "var(--ds-border)";
@@ -406,11 +406,11 @@ export type Layer = keyof typeof layerMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ffa10f95df2d9bbc0f5d91f9d19b9a69>>
+ * @codegen <<SignedSource::d44c306cfe2334f9664fc122aa7d9fe6>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::25105916a589322f57c322068cb0074a>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::80457377fd80c31f5dfcb5cc743d7016>>
  */
 export declare const borderWidthMap: {
     readonly 'border.width': "var(--ds-border-width)";
@@ -434,10 +434,10 @@ export type BorderRadius = keyof typeof borderRadiusMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::752c1b8bdc7db62e519dd729222d57ad>>
+ * @codegen <<SignedSource::fc5fa2e6300ad8cc69d2ab1af222c4f5>>
  * @codegenId typography
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "heading", "ui"]
+ * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
  * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
  */
@@ -480,23 +480,13 @@ export declare const lineHeightMap: {
 export type LineHeight = keyof typeof lineHeightMap;
 export declare const bodyTextMap: {
     body: "var(--ds-font-body)";
-    'body.lg': "var(--ds-font-body-lg)";
-    'body.sm': "var(--ds-font-body-sm)";
+    'body.large': "var(--ds-font-body-large)";
+    'body.small': "var(--ds-font-body-small)";
 };
 export type BodyText = keyof typeof bodyTextMap;
-export declare const headingTextMap: {
-    'heading.lg': "var(--ds-font-heading-lg)";
-    'heading.md': "var(--ds-font-heading-md)";
-    'heading.sm': "var(--ds-font-heading-sm)";
-    'heading.xl': "var(--ds-font-heading-xl)";
-    'heading.xs': "var(--ds-font-heading-xs)";
-    'heading.xxl': "var(--ds-font-heading-xxl)";
-    'heading.xxs': "var(--ds-font-heading-xxs)";
-};
-export type HeadingText = keyof typeof headingTextMap;
 export declare const uiTextMap: {
     ui: "var(--ds-font-ui)";
-    'ui.sm': "var(--ds-font-ui-sm)";
+    'ui.small': "var(--ds-font-ui-small)";
 };
 export type UiText = keyof typeof uiTextMap;
 /**
@@ -585,7 +575,6 @@ type FontSizeToken = keyof typeof fontSizeMap;
 type FontWeightToken = keyof typeof fontWeightMap;
 type FontFamilyToken = keyof typeof fontFamilyMap;
 type LineHeightToken = keyof typeof lineHeightMap;
-type HeadingTextToken = keyof typeof headingTextMap;
 type BodyTextToken = keyof typeof bodyTextMap;
 type UITextToken = keyof typeof uiTextMap;
 type SpacingStyleMap = Record<SpacingProperty, Record<SpacingToken, SerializedStyles>>;
@@ -596,7 +585,6 @@ type FontSizeStyleMap = Record<FontSizeToken, SerializedStyles>;
 type FontWeightStyleMap = Record<FontWeightToken, SerializedStyles>;
 type FontFamilyStyleMap = Record<FontFamilyToken, SerializedStyles>;
 type LineHeightStyleMap = Record<LineHeightToken, SerializedStyles>;
-type HeadingTextStyleMap = Record<HeadingTextToken, SerializedStyles>;
 type BodyTextStyleMap = Record<BodyTextToken, SerializedStyles>;
 type UITextStyleMap = Record<UITextToken, SerializedStyles>;
 export declare const paddingStylesMap: SpacingStyleMap;
@@ -607,7 +595,6 @@ export declare const fontSizeStylesMap: FontSizeStyleMap;
 export declare const fontWeightStylesMap: FontWeightStyleMap;
 export declare const fontFamilyStylesMap: FontFamilyStyleMap;
 export declare const lineHeightStylesMap: LineHeightStyleMap;
-export declare const headingTextStylesMap: HeadingTextStyleMap;
 export declare const bodyTextStylesMap: BodyTextStyleMap;
 export declare const uiTextStylesMap: UITextStyleMap;
 export declare const surfaceColorStylesMap: SurfaceColorStyleMap;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/primitives",
-  "version": "1.6.2",
+  "version": "1.6.4",
   "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.25.0",
+    "@atlaskit/tokens": "^1.26.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "@emotion/serialize": "^1.1.0",