@atlaskit/primitives - npm Package Compare versions

Comparing version 1.6.2 to 1.6.3

CHANGELOG.md

 # @atlaskit/primitives
 
+## 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
@@ -4,0 +10,0 @@

dist/cjs/components/bleed.js

@@ -77,3 +77,2 @@ "use strict";
 Bleed.displayName = 'Bleed';
-var _default = Bleed;
-exports.default = _default;
+var _default = exports.default = Bleed;

dist/cjs/components/box.js

@@ -32,3 +32,3 @@ "use strict";
  */
-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,
@@ -71,5 +71,3 @@ as = _ref$as === void 0 ? 'div' : _ref$as,
 });
-exports.Box = Box;
-var _default = Box;
-exports.default = _default;
+var _default = exports.default = Box;
 var baseStyles = (0, _react2.css)({
@@ -76,0 +74,0 @@ boxSizing: 'border-box',

dist/cjs/components/flex.js

@@ -117,3 +117,2 @@ "use strict";
 Flex.displayName = 'Flex';
-var _default = Flex;
-exports.default = _default;
+var _default = exports.default = Flex;

dist/cjs/components/grid.js

@@ -167,3 +167,2 @@ "use strict";
 Grid.displayName = 'Grid';
-var _default = Grid;
-exports.default = _default;
+var _default = exports.default = Grid;

dist/cjs/components/inline.js

@@ -91,3 +91,2 @@ "use strict";
 Inline.displayName = 'Inline';
-var _default = Inline;
-exports.default = _default;
+var _default = exports.default = Inline;

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

@@ -13,3 +13,3 @@ "use strict";
  */
-var SurfaceContext = /*#__PURE__*/(0, _react.createContext)('elevation.surface');
+var SurfaceContext = exports.SurfaceContext = /*#__PURE__*/(0, _react.createContext)('elevation.surface');
 
@@ -23,7 +23,5 @@ /**
  */
-exports.SurfaceContext = SurfaceContext;
-var useSurface = function useSurface() {
+var useSurface = exports.useSurface = function useSurface() {
   return (0, _react.useContext)(SurfaceContext);
 };
-exports.useSurface = useSurface;
 SurfaceContext.displayName = 'SurfaceProvider';

dist/cjs/components/pressable.js

@@ -89,3 +89,2 @@ "use strict";
 });
-var _default = UNSAFE_PRESSABLE;
-exports.default = _default;
+var _default = exports.default = UNSAFE_PRESSABLE;

dist/cjs/components/stack.js

@@ -66,3 +66,2 @@ "use strict";
 Stack.displayName = 'Stack';
-var _default = Stack;
-exports.default = _default;
+var _default = exports.default = Stack;

dist/cjs/components/text.js

@@ -130,3 +130,2 @@ "use strict";
 };
-var _default = Text;
-exports.default = _default;
+var _default = exports.default = Text;

dist/cjs/constants.js

@@ -7,3 +7,3 @@ "use strict";
 exports.LAYERS = void 0;
-var LAYERS = {
+var LAYERS = exports.LAYERS = {
   card: 100,
@@ -18,3 +18,2 @@ navigation: 200,
   tooltip: 800
-};
-exports.LAYERS = LAYERS;
+};

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

@@ -39,3 +39,3 @@ "use strict";
  */
-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) {
@@ -70,4 +70,3 @@ return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, breakpoint, (0, _react.css)((0, _defineProperty2.default)({}, _mediaHelper.media.above[breakpoint], typeof input === 'function' ? input(breakpoint) : input))));
  */
-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) {
@@ -79,3 +78,2 @@ if (breakpoint === 'xxs') {
   }, {});
-};
-exports.UNSAFE_buildBelowMediaQueryCSS = UNSAFE_buildBelowMediaQueryCSS;
+};

dist/cjs/responsive/constants.js

@@ -15,3 +15,3 @@ "use strict";
  */
-var UNSAFE_BREAKPOINTS_CONFIG = {
+var UNSAFE_BREAKPOINTS_CONFIG = exports.UNSAFE_BREAKPOINTS_CONFIG = {
   // mobile
@@ -69,4 +69,3 @@ xxs: {
  */
-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);
 
@@ -78,4 +77,2 @@ /**
  */
-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];

dist/cjs/responsive/hide.js

@@ -25,3 +25,3 @@ "use strict";
  */
-var Hide = function Hide(_ref) {
+var Hide = exports.Hide = function Hide(_ref) {
   var above = _ref.above,
@@ -35,3 +35,2 @@ below = _ref.below,
   }, children);
-};
-exports.Hide = Hide;
+};

dist/cjs/responsive/media-helper.js

@@ -13,3 +13,3 @@ "use strict";
  */
-var UNSAFE_media = {
+var UNSAFE_media = exports.UNSAFE_media = {
   /**
@@ -87,6 +87,4 @@ * A media query to target viewports above the min width of a given breakpoint.
  */
-exports.UNSAFE_media = UNSAFE_media;
-var media = {
+var media = exports.media = {
   above: UNSAFE_media.above
-};
-exports.media = media;
+};

dist/cjs/responsive/show.js

@@ -28,3 +28,3 @@ "use strict";
  */
-var Show = function Show(_ref) {
+var Show = exports.Show = function Show(_ref) {
   var above = _ref.above,
@@ -38,3 +38,2 @@ below = _ref.below,
   }, children);
-};
-exports.Show = Show;
+};

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

@@ -12,13 +12,13 @@ "use strict";
 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())
 };
@@ -45,3 +45,3 @@
  */
-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);
@@ -79,3 +79,2 @@ (0, _react.useEffect)(function () {
   return mq || null;
-};
-exports.UNSAFE_useMediaQuery = UNSAFE_useMediaQuery;
+};

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

@@ -7,3 +7,3 @@ "use strict";
 });
-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"));
@@ -20,3 +20,3 @@ var _react = require("@emotion/react");
  */
-var dimensionMap = {
+var dimensionMap = exports.dimensionMap = {
   '100%': '100%',
@@ -31,3 +31,2 @@ 'size.100': '1rem',
 };
-exports.dimensionMap = dimensionMap;
 /**
@@ -44,3 +43,3 @@ * @codegenEnd
  */
-var spaceMap = {
+var spaceMap = exports.spaceMap = {
   'space.0': "var(--ds-space-0, 0px)",
@@ -61,4 +60,3 @@ 'space.025': "var(--ds-space-025, 2px)",
 };
-exports.spaceMap = spaceMap;
-var negativeSpaceMap = {
+var negativeSpaceMap = exports.negativeSpaceMap = {
   'space.negative.025': "var(--ds-space-negative-025, -2px)",
@@ -74,3 +72,2 @@ 'space.negative.050': "var(--ds-space-negative-050, -4px)",
 };
-exports.negativeSpaceMap = negativeSpaceMap;
 /**
@@ -88,3 +85,3 @@ * @codegenEnd
  */
-var borderColorMap = {
+var borderColorMap = exports.borderColorMap = {
   'color.border': "var(--ds-border, #091e4221)",
@@ -114,4 +111,3 @@ 'color.border.accent.lime': "var(--ds-border-accent-lime, #6A9A23)",
 };
-exports.borderColorMap = borderColorMap;
-var backgroundColorMap = {
+var backgroundColorMap = exports.backgroundColorMap = {
   'color.background.accent.lime.subtlest': "var(--ds-background-accent-lime-subtlest, #EEFBDA)",
@@ -313,4 +309,3 @@ 'color.background.accent.lime.subtlest.hovered': "var(--ds-background-accent-lime-subtlest-hovered, #D3F1A7)",
 };
-exports.backgroundColorMap = backgroundColorMap;
-var shadowMap = {
+var shadowMap = exports.shadowMap = {
   'elevation.shadow.overflow': "var(--ds-shadow-overflow, 0px 0px 8px #091e423f, 0px 0px 1px #091e424f)",
@@ -322,4 +317,3 @@ 'elevation.shadow.overflow.perimeter': "var(--ds-shadow-overflow-perimeter, #091e421f)",
 };
-exports.shadowMap = shadowMap;
-var textColorMap = {
+var textColorMap = exports.textColorMap = {
   'color.text': "var(--ds-text, #172B4D)",
@@ -362,4 +356,3 @@ 'color.text.accent.lime': "var(--ds-text-accent-lime, #4C6B1F)",
 };
-exports.textColorMap = textColorMap;
-var fillMap = {
+var fillMap = exports.fillMap = {
   'color.icon': "var(--ds-icon, #505F79)",
@@ -388,4 +381,3 @@ 'color.icon.accent.lime': "var(--ds-icon-accent-lime, #6A9A23)",
 };
-exports.fillMap = fillMap;
-var surfaceColorMap = {
+var surfaceColorMap = exports.surfaceColorMap = {
   'elevation.surface': "var(--ds-surface, #FFFFFF)",
@@ -402,3 +394,2 @@ 'elevation.surface.hovered': "var(--ds-surface-hovered, #FAFBFC)",
 };
-exports.surfaceColorMap = surfaceColorMap;
 /**
@@ -417,3 +408,3 @@ * @codegenEnd
  */
-var layerMap = {
+var layerMap = exports.layerMap = {
   card: 100,
@@ -429,3 +420,2 @@ navigation: 200,
 };
-exports.layerMap = layerMap;
 /**
@@ -443,3 +433,3 @@ * @codegenEnd
  */
-var borderWidthMap = {
+var borderWidthMap = exports.borderWidthMap = {
   'border.width': "var(--ds-border-width, 1px)",
@@ -450,4 +440,3 @@ 'border.width.0': "var(--ds-border-width-0, 0px)",
 };
-exports.borderWidthMap = borderWidthMap;
-var borderRadiusMap = {
+var borderRadiusMap = exports.borderRadiusMap = {
   'border.radius.050': "var(--ds-border-radius-050, 2px)",
@@ -461,3 +450,2 @@ 'border.radius': "var(--ds-border-radius, 3px)",
 };
-exports.borderRadiusMap = borderRadiusMap;
 /**
@@ -469,10 +457,10 @@ * @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)",
@@ -487,4 +475,3 @@ 'font.size.075': "var(--ds-font-size-075, 12px)",
 };
-exports.fontSizeMap = fontSizeMap;
-var fontWeightMap = {
+var fontWeightMap = exports.fontWeightMap = {
   'font.weight.bold': "var(--ds-font-weight-bold, 700)",
@@ -495,13 +482,11 @@ 'font.weight.medium': "var(--ds-font-weight-medium, 500)",
 };
-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)",
@@ -515,22 +500,10 @@ 'font.lineHeight.100': "var(--ds-font-lineHeight-100, 16px)",
 };
-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))"
 };
@@ -541,3 +514,3 @@
  */
-exports.uiTextMap = uiTextMap;
+
 // Generate maps for Box props. backgroundColor, padding, etc
@@ -555,35 +528,21 @@ var spacingProperties = [
 };
-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;
+};

dist/cjs/xcss/xcss.js

@@ -131,3 +131,3 @@ "use strict";
 
-var parseXcss = function parseXcss(args) {
+var parseXcss = exports.parseXcss = function parseXcss(args) {
   if (Array.isArray(args)) {
@@ -148,3 +148,3 @@ return args.map(function (x) {
 // Pseudos should not contain nested pseudos, or media queries
-exports.parseXcss = parseXcss;
+
 /**
@@ -151,0 +151,0 @@ * ### xcss

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

@@ -427,6 +427,6 @@ import { css } from '@emotion/react';
  * 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>>
@@ -452,6 +452,6 @@ * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
 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)",
@@ -471,17 +471,8 @@ 'font.family.sans': "var(--ds-font-family-sans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif)"
   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))"
 };
-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))"
-};
 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))"
 };
@@ -521,3 +512,2 @@
 export const lineHeightStylesMap = getSerializedStylesMap('lineHeight', lineHeightMap);
-export const headingTextStylesMap = getSerializedStylesMap('font', headingTextMap);
 export const bodyTextStylesMap = getSerializedStylesMap('font', bodyTextMap);
@@ -524,0 +514,0 @@ export const uiTextStylesMap = getSerializedStylesMap('font', uiTextMap);

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

@@ -6,13 +6,13 @@ 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, 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())
 };
@@ -19,0 +19,0 @@

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

@@ -428,6 +428,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  * 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>>
@@ -453,6 +453,6 @@ * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
 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)",
@@ -472,17 +472,8 @@ 'font.family.sans': "var(--ds-font-family-sans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif)"
   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))"
 };
-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))"
-};
 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))"
 };
@@ -520,3 +511,2 @@
 export var lineHeightStylesMap = getSerializedStylesMap('lineHeight', lineHeightMap);
-export var headingTextStylesMap = getSerializedStylesMap('font', headingTextMap);
 export var bodyTextStylesMap = getSerializedStylesMap('font', bodyTextMap);
@@ -523,0 +513,0 @@ export var uiTextStylesMap = getSerializedStylesMap('font', uiTextMap);

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

@@ -437,6 +437,6 @@ import { SerializedStyles } from '@emotion/react';
  * 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>>
@@ -484,19 +484,9 @@ * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
     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)";
 };
@@ -590,3 +580,2 @@ export type UiText = keyof typeof uiTextMap;
 type LineHeightToken = keyof typeof lineHeightMap;
-type HeadingTextToken = keyof typeof headingTextMap;
 type BodyTextToken = keyof typeof bodyTextMap;
@@ -602,3 +591,2 @@ type UITextToken = keyof typeof uiTextMap;
 type LineHeightStyleMap = Record<LineHeightToken, SerializedStyles>;
-type HeadingTextStyleMap = Record<HeadingTextToken, SerializedStyles>;
 type BodyTextStyleMap = Record<BodyTextToken, SerializedStyles>;
@@ -614,3 +602,2 @@ type UITextStyleMap = Record<UITextToken, SerializedStyles>;
 export declare const lineHeightStylesMap: LineHeightStyleMap;
-export declare const headingTextStylesMap: HeadingTextStyleMap;
 export declare const bodyTextStylesMap: BodyTextStyleMap;
@@ -617,0 +604,0 @@ export declare const uiTextStylesMap: UITextStyleMap;

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

@@ -437,6 +437,6 @@ import { SerializedStyles } from '@emotion/react';
  * 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>>
@@ -484,19 +484,9 @@ * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
     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)";
 };
@@ -579,3 +569,2 @@ export type UiText = keyof typeof uiTextMap;
 type LineHeightToken = keyof typeof lineHeightMap;
-type HeadingTextToken = keyof typeof headingTextMap;
 type BodyTextToken = keyof typeof bodyTextMap;
@@ -591,3 +580,2 @@ type UITextToken = keyof typeof uiTextMap;
 type LineHeightStyleMap = Record<LineHeightToken, SerializedStyles>;
-type HeadingTextStyleMap = Record<HeadingTextToken, SerializedStyles>;
 type BodyTextStyleMap = Record<BodyTextToken, SerializedStyles>;
@@ -603,3 +591,2 @@ type UITextStyleMap = Record<UITextToken, SerializedStyles>;
 export declare const lineHeightStylesMap: LineHeightStyleMap;
-export declare const headingTextStylesMap: HeadingTextStyleMap;
 export declare const bodyTextStylesMap: BodyTextStyleMap;
@@ -606,0 +593,0 @@ export declare const uiTextStylesMap: UITextStyleMap;

package.json

 {
   "name": "@atlaskit/primitives",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "description": "Primitives are token-backed low-level building blocks.",
@@ -5,0 +5,0 @@ "publishConfig": {

No alert changes

Worsened metrics

Total package byte prevSize

1571405

decreased by-0.28%

Lines of code

11120

decreased by-1%

No dependency changes