@atlaskit/heading 1.0.4 → 1.1.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/heading
 
+## 1.1.1
+
+### Patch Changes
+
+- [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
+
+## 1.1.0
+
+### Minor Changes
+
+- [`fce52a022f5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fce52a022f5) - Adds typography tokens to @atlaskit/heading.
+
 ## 1.0.4
 
 ### Patch Changes

package/constellation/index/examples.mdx

@@ -0,0 +1,13 @@
+---
+order: 0
+---
+
+import HeadingDefault from '../../examples/constellation/heading-default';
+
+## Basic
+
+Implements the Atlassian typography set as a component. The typography `level` can be configured to be one of the below types.
+
+<Example Component={HeadingDefault} packageName="@atlaskit/heading" />
+
+

package/dist/cjs/heading-context.js

@@ -1,26 +1,18 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useHeadingElement = exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var HeadingContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-
 var useHeadingElement = function useHeadingElement() {
   return Math.min((0, _react.useContext)(HeadingContext) || 0, 6);
 };
-
 exports.useHeadingElement = useHeadingElement;
-
 /**
  * __Heading context__
  *
@@ -39,13 +31,12 @@ exports.useHeadingElement = useHeadingElement;
  */
 var HeadingContextProvider = function HeadingContextProvider(_ref) {
   var children = _ref.children,
-      value = _ref.value;
+    value = _ref.value;
   var parentHeadingLevel = useHeadingElement();
   var headingLevel = parentHeadingLevel + 1;
   return /*#__PURE__*/_react.default.createElement(HeadingContext.Provider, {
     value: value || headingLevel
   }, children);
 };
-
 var _default = HeadingContextProvider;
 exports.default = _default;

package/dist/cjs/heading.js

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("@emotion/react");
-
 var _headingContext = require("./heading-context");
-
 /** @jsx jsx */
+
 // https://atlassian.design/foundations/typography
 var levelMap = {
   h900: 'h1',
@@ -24,64 +22,64 @@ var levelMap = {
   h100: 'div'
 };
 var headingResetStyles = (0, _react.css)({
-  marginTop: "var(--ds-scale-0, 0px)",
-  marginBottom: "var(--ds-scale-0, 0px)",
+  marginTop: "var(--ds-space-0, 0px)",
+  marginBottom: "var(--ds-space-0, 0px)",
   color: "var(--ds-text, #172B4D)"
 });
 var h900Styles = (0, _react.css)({
-  fontSize: '35px',
-  fontWeight: 500,
+  fontSize: "var(--ds-font-size-600, 35px)",
+  fontWeight: "var(--ds-font-weight-medium, 500)",
   letterSpacing: '-0.01em',
-  lineHeight: '40px'
+  lineHeight: "var(--ds-font-lineHeight-600, 40px)"
 });
 var h800Styles = (0, _react.css)({
-  fontSize: '29px',
-  fontWeight: 600,
+  fontSize: "var(--ds-font-size-500, 29px)",
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
   letterSpacing: '-0.01em',
-  lineHeight: '32px'
+  lineHeight: "var(--ds-font-lineHeight-500, 32px)"
 });
 var h700Styles = (0, _react.css)({
-  fontSize: 24,
-  fontWeight: 500,
+  fontSize: "var(--ds-font-size-400, 24px)",
+  fontWeight: "var(--ds-font-weight-medium, 500)",
   letterSpacing: '-0.01em',
-  lineHeight: '28px'
+  lineHeight: "var(--ds-font-lineHeight-400, 28px)"
 });
 var h600Styles = (0, _react.css)({
-  fontSize: 20,
-  fontWeight: 500,
+  fontSize: "var(--ds-font-size-300, 20px)",
+  fontWeight: "var(--ds-font-weight-medium, 500)",
   letterSpacing: '-0.008em',
-  lineHeight: '24px'
+  lineHeight: "var(--ds-font-lineHeight-300, 24px)"
 });
 var h500Styles = (0, _react.css)({
-  fontSize: 16,
-  fontWeight: 600,
+  fontSize: "var(--ds-font-size-200, 16px)",
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
   letterSpacing: '-0.006em',
-  lineHeight: '20px'
+  lineHeight: "var(--ds-font-lineHeight-200, 20px)"
 });
 var h400Styles = (0, _react.css)({
-  fontSize: 14,
-  fontWeight: 600,
+  fontSize: "var(--ds-font-size-100, 14px)",
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
   letterSpacing: '-0.003em',
-  lineHeight: '16px'
+  lineHeight: "var(--ds-font-lineHeight-100, 16px)"
 });
 var h300Styles = (0, _react.css)({
-  fontSize: 12,
-  fontWeight: 600,
+  fontSize: "var(--ds-font-size-075, 12px)",
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
   letterSpacing: 0,
-  lineHeight: '16px',
+  lineHeight: "var(--ds-font-lineHeight-100, 16px)",
   textTransform: 'uppercase'
 });
 var h200Styles = (0, _react.css)({
-  fontSize: 12,
-  fontWeight: 600,
+  fontSize: "var(--ds-font-size-075, 12px)",
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
   letterSpacing: 0,
-  lineHeight: '16px'
+  lineHeight: "var(--ds-font-lineHeight-100, 16px)"
 });
 var h100Styles = (0, _react.css)({
-  fontSize: 11,
-  fontWeight: 700,
+  fontSize: "var(--ds-font-size-050, 11px)",
+  fontWeight: "var(--ds-font-weight-bold, 700)",
   letterSpacing: 0,
-  lineHeight: '16px'
+  lineHeight: "var(--ds-font-lineHeight-100, 16px)"
 });
 var inverseStyles = (0, _react.css)({
   color: "var(--ds-text-inverse, #FFF)"
@@ -89,6 +87,7 @@ var inverseStyles = (0, _react.css)({
 var subtlestStyles = (0, _react.css)({
   color: "var(--ds-text-subtlest, #6B778C)"
 });
+
 /**
  * __Heading__
  *
@@ -104,20 +103,17 @@ var subtlestStyles = (0, _react.css)({
  * );
  * ```
  */
-
 var Heading = function Heading(_ref) {
   var children = _ref.children,
-      level = _ref.level,
-      id = _ref.id,
-      testId = _ref.testId,
-      as = _ref.as,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'default' : _ref$color;
-
+    level = _ref.level,
+    id = _ref.id,
+    testId = _ref.testId,
+    as = _ref.as,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'default' : _ref$color;
   if (process.env.NODE_ENV !== 'production' && as && typeof as !== 'string') {
     throw new Error('`as` prop should be a string.');
   }
-
   var hLevel = (0, _headingContext.useHeadingElement)();
   /**
    * Order here is important, we for now apply
@@ -125,18 +121,18 @@ var Heading = function Heading(_ref) {
    * 2. inferred a11y level
    * 3. default final fallback
    */
-
   var Markup = as || hLevel && "h".concat(hLevel) || levelMap[level];
   var isSubtleHeading = level === 'h200' || level === 'h100';
   return (0, _react.jsx)(Markup, {
     id: id,
-    "data-testid": testId // @ts-ignore
+    "data-testid": testId
+    // @ts-ignore
     // Resolved by https://github.com/atlassian-labs/compiled/pull/1321
     ,
-    css: [headingResetStyles, // This can be refactored when @compiled supports style maps
+    css: [headingResetStyles,
+    // This can be refactored when @compiled supports style maps
     level === 'h100' && h100Styles, level === 'h200' && h200Styles, level === 'h300' && h300Styles, level === 'h400' && h400Styles, level === 'h500' && h500Styles, level === 'h600' && h600Styles, level === 'h700' && h700Styles, level === 'h800' && h800Styles, level === 'h900' && h900Styles, color === 'inverse' && inverseStyles, color === 'default' && isSubtleHeading && subtlestStyles]
   }, children);
 };
-
 var _default = Heading;
 exports.default = _default;

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "default", {
     return _heading.default;
   }
 });
-
 var _heading = _interopRequireDefault(require("./heading"));
-
 var _headingContext = _interopRequireDefault(require("./heading-context"));

package/dist/cjs/utils.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.lh = void 0;
-
 var lh = function lh(sizePx, lineHeightPx) {
   return lineHeightPx / sizePx;
 };
-
 exports.lh = lh;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/heading",
-	"version": "1.0.4",
+	"version": "1.1.1",
 	"sideEffects": false
 }

package/dist/es2019/heading-context.js

@@ -3,7 +3,6 @@ const HeadingContext = /*#__PURE__*/createContext(undefined);
 export const useHeadingElement = () => {
   return Math.min(useContext(HeadingContext) || 0, 6);
 };
-
 /**
  * __Heading context__
  *
@@ -30,5 +29,4 @@ const HeadingContextProvider = ({
     value: value || headingLevel
   }, children);
 };
-
 export default HeadingContextProvider;

package/dist/es2019/heading.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 import { useHeadingElement } from './heading-context';
 // https://atlassian.design/foundations/typography
@@ -15,64 +16,64 @@ const levelMap = {
   h100: 'div'
 };
 const headingResetStyles = css({
-  marginTop: "var(--ds-scale-0, 0px)",
-  marginBottom: "var(--ds-scale-0, 0px)",
+  marginTop: "var(--ds-space-0, 0px)",
+  marginBottom: "var(--ds-space-0, 0px)",
   color: "var(--ds-text, #172B4D)"
 });
 const h900Styles = css({
-  fontSize: '35px',
-  fontWeight: 500,
+  fontSize: "var(--ds-font-size-600, 35px)",
+  fontWeight: "var(--ds-font-weight-medium, 500)",
   letterSpacing: '-0.01em',
-  lineHeight: '40px'
+  lineHeight: "var(--ds-font-lineHeight-600, 40px)"
 });
 const h800Styles = css({
-  fontSize: '29px',
-  fontWeight: 600,
+  fontSize: "var(--ds-font-size-500, 29px)",
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
   letterSpacing: '-0.01em',
-  lineHeight: '32px'
+  lineHeight: "var(--ds-font-lineHeight-500, 32px)"
 });
 const h700Styles = css({
-  fontSize: 24,
-  fontWeight: 500,
+  fontSize: "var(--ds-font-size-400, 24px)",
+  fontWeight: "var(--ds-font-weight-medium, 500)",
   letterSpacing: '-0.01em',
-  lineHeight: '28px'
+  lineHeight: "var(--ds-font-lineHeight-400, 28px)"
 });
 const h600Styles = css({
-  fontSize: 20,
-  fontWeight: 500,
+  fontSize: "var(--ds-font-size-300, 20px)",
+  fontWeight: "var(--ds-font-weight-medium, 500)",
   letterSpacing: '-0.008em',
-  lineHeight: '24px'
+  lineHeight: "var(--ds-font-lineHeight-300, 24px)"
 });
 const h500Styles = css({
-  fontSize: 16,
-  fontWeight: 600,
+  fontSize: "var(--ds-font-size-200, 16px)",
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
   letterSpacing: '-0.006em',
-  lineHeight: '20px'
+  lineHeight: "var(--ds-font-lineHeight-200, 20px)"
 });
 const h400Styles = css({
-  fontSize: 14,
-  fontWeight: 600,
+  fontSize: "var(--ds-font-size-100, 14px)",
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
   letterSpacing: '-0.003em',
-  lineHeight: '16px'
+  lineHeight: "var(--ds-font-lineHeight-100, 16px)"
 });
 const h300Styles = css({
-  fontSize: 12,
-  fontWeight: 600,
+  fontSize: "var(--ds-font-size-075, 12px)",
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
   letterSpacing: 0,
-  lineHeight: '16px',
+  lineHeight: "var(--ds-font-lineHeight-100, 16px)",
   textTransform: 'uppercase'
 });
 const h200Styles = css({
-  fontSize: 12,
-  fontWeight: 600,
+  fontSize: "var(--ds-font-size-075, 12px)",
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
   letterSpacing: 0,
-  lineHeight: '16px'
+  lineHeight: "var(--ds-font-lineHeight-100, 16px)"
 });
 const h100Styles = css({
-  fontSize: 11,
-  fontWeight: 700,
+  fontSize: "var(--ds-font-size-050, 11px)",
+  fontWeight: "var(--ds-font-weight-bold, 700)",
   letterSpacing: 0,
-  lineHeight: '16px'
+  lineHeight: "var(--ds-font-lineHeight-100, 16px)"
 });
 const inverseStyles = css({
   color: "var(--ds-text-inverse, #FFF)"
@@ -80,6 +81,7 @@ const inverseStyles = css({
 const subtlestStyles = css({
   color: "var(--ds-text-subtlest, #6B778C)"
 });
+
 /**
  * __Heading__
  *
@@ -95,7 +97,6 @@ const subtlestStyles = css({
  * );
  * ```
  */
-
 const Heading = ({
   children,
   level,
@@ -107,7 +108,6 @@ const Heading = ({
   if (process.env.NODE_ENV !== 'production' && as && typeof as !== 'string') {
     throw new Error('`as` prop should be a string.');
   }
-
   const hLevel = useHeadingElement();
   /**
    * Order here is important, we for now apply
@@ -115,17 +115,17 @@ const Heading = ({
    * 2. inferred a11y level
    * 3. default final fallback
    */
-
   const Markup = as || hLevel && `h${hLevel}` || levelMap[level];
   const isSubtleHeading = level === 'h200' || level === 'h100';
   return jsx(Markup, {
     id: id,
-    "data-testid": testId // @ts-ignore
+    "data-testid": testId
+    // @ts-ignore
     // Resolved by https://github.com/atlassian-labs/compiled/pull/1321
     ,
-    css: [headingResetStyles, // This can be refactored when @compiled supports style maps
+    css: [headingResetStyles,
+    // This can be refactored when @compiled supports style maps
     level === 'h100' && h100Styles, level === 'h200' && h200Styles, level === 'h300' && h300Styles, level === 'h400' && h400Styles, level === 'h500' && h500Styles, level === 'h600' && h600Styles, level === 'h700' && h700Styles, level === 'h800' && h800Styles, level === 'h900' && h900Styles, color === 'inverse' && inverseStyles, color === 'default' && isSubtleHeading && subtlestStyles]
   }, children);
 };
-
 export default Heading;

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/heading",
-	"version": "1.0.4",
+	"version": "1.1.1",
 	"sideEffects": false
 }

package/dist/esm/heading-context.js

@@ -3,7 +3,6 @@ var HeadingContext = /*#__PURE__*/createContext(undefined);
 export var useHeadingElement = function useHeadingElement() {
   return Math.min(useContext(HeadingContext) || 0, 6);
 };
-
 /**
  * __Heading context__
  *
@@ -22,12 +21,11 @@ export var useHeadingElement = function useHeadingElement() {
  */
 var HeadingContextProvider = function HeadingContextProvider(_ref) {
   var children = _ref.children,
-      value = _ref.value;
+    value = _ref.value;
   var parentHeadingLevel = useHeadingElement();
   var headingLevel = parentHeadingLevel + 1;
   return /*#__PURE__*/React.createElement(HeadingContext.Provider, {
     value: value || headingLevel
   }, children);
 };
-
 export default HeadingContextProvider;

package/dist/esm/heading.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 import { useHeadingElement } from './heading-context';
 // https://atlassian.design/foundations/typography
@@ -15,64 +16,64 @@ var levelMap = {
   h100: 'div'
 };
 var headingResetStyles = css({
-  marginTop: "var(--ds-scale-0, 0px)",
-  marginBottom: "var(--ds-scale-0, 0px)",
+  marginTop: "var(--ds-space-0, 0px)",
+  marginBottom: "var(--ds-space-0, 0px)",
   color: "var(--ds-text, #172B4D)"
 });
 var h900Styles = css({
-  fontSize: '35px',
-  fontWeight: 500,
+  fontSize: "var(--ds-font-size-600, 35px)",
+  fontWeight: "var(--ds-font-weight-medium, 500)",
   letterSpacing: '-0.01em',
-  lineHeight: '40px'
+  lineHeight: "var(--ds-font-lineHeight-600, 40px)"
 });
 var h800Styles = css({
-  fontSize: '29px',
-  fontWeight: 600,
+  fontSize: "var(--ds-font-size-500, 29px)",
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
   letterSpacing: '-0.01em',
-  lineHeight: '32px'
+  lineHeight: "var(--ds-font-lineHeight-500, 32px)"
 });
 var h700Styles = css({
-  fontSize: 24,
-  fontWeight: 500,
+  fontSize: "var(--ds-font-size-400, 24px)",
+  fontWeight: "var(--ds-font-weight-medium, 500)",
   letterSpacing: '-0.01em',
-  lineHeight: '28px'
+  lineHeight: "var(--ds-font-lineHeight-400, 28px)"
 });
 var h600Styles = css({
-  fontSize: 20,
-  fontWeight: 500,
+  fontSize: "var(--ds-font-size-300, 20px)",
+  fontWeight: "var(--ds-font-weight-medium, 500)",
   letterSpacing: '-0.008em',
-  lineHeight: '24px'
+  lineHeight: "var(--ds-font-lineHeight-300, 24px)"
 });
 var h500Styles = css({
-  fontSize: 16,
-  fontWeight: 600,
+  fontSize: "var(--ds-font-size-200, 16px)",
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
   letterSpacing: '-0.006em',
-  lineHeight: '20px'
+  lineHeight: "var(--ds-font-lineHeight-200, 20px)"
 });
 var h400Styles = css({
-  fontSize: 14,
-  fontWeight: 600,
+  fontSize: "var(--ds-font-size-100, 14px)",
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
   letterSpacing: '-0.003em',
-  lineHeight: '16px'
+  lineHeight: "var(--ds-font-lineHeight-100, 16px)"
 });
 var h300Styles = css({
-  fontSize: 12,
-  fontWeight: 600,
+  fontSize: "var(--ds-font-size-075, 12px)",
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
   letterSpacing: 0,
-  lineHeight: '16px',
+  lineHeight: "var(--ds-font-lineHeight-100, 16px)",
   textTransform: 'uppercase'
 });
 var h200Styles = css({
-  fontSize: 12,
-  fontWeight: 600,
+  fontSize: "var(--ds-font-size-075, 12px)",
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
   letterSpacing: 0,
-  lineHeight: '16px'
+  lineHeight: "var(--ds-font-lineHeight-100, 16px)"
 });
 var h100Styles = css({
-  fontSize: 11,
-  fontWeight: 700,
+  fontSize: "var(--ds-font-size-050, 11px)",
+  fontWeight: "var(--ds-font-weight-bold, 700)",
   letterSpacing: 0,
-  lineHeight: '16px'
+  lineHeight: "var(--ds-font-lineHeight-100, 16px)"
 });
 var inverseStyles = css({
   color: "var(--ds-text-inverse, #FFF)"
@@ -80,6 +81,7 @@ var inverseStyles = css({
 var subtlestStyles = css({
   color: "var(--ds-text-subtlest, #6B778C)"
 });
+
 /**
  * __Heading__
  *
@@ -95,20 +97,17 @@ var subtlestStyles = css({
  * );
  * ```
  */
-
 var Heading = function Heading(_ref) {
   var children = _ref.children,
-      level = _ref.level,
-      id = _ref.id,
-      testId = _ref.testId,
-      as = _ref.as,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'default' : _ref$color;
-
+    level = _ref.level,
+    id = _ref.id,
+    testId = _ref.testId,
+    as = _ref.as,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'default' : _ref$color;
   if (process.env.NODE_ENV !== 'production' && as && typeof as !== 'string') {
     throw new Error('`as` prop should be a string.');
   }
-
   var hLevel = useHeadingElement();
   /**
    * Order here is important, we for now apply
@@ -116,17 +115,17 @@ var Heading = function Heading(_ref) {
    * 2. inferred a11y level
    * 3. default final fallback
    */
-
   var Markup = as || hLevel && "h".concat(hLevel) || levelMap[level];
   var isSubtleHeading = level === 'h200' || level === 'h100';
   return jsx(Markup, {
     id: id,
-    "data-testid": testId // @ts-ignore
+    "data-testid": testId
+    // @ts-ignore
     // Resolved by https://github.com/atlassian-labs/compiled/pull/1321
     ,
-    css: [headingResetStyles, // This can be refactored when @compiled supports style maps
+    css: [headingResetStyles,
+    // This can be refactored when @compiled supports style maps
     level === 'h100' && h100Styles, level === 'h200' && h200Styles, level === 'h300' && h300Styles, level === 'h400' && h400Styles, level === 'h500' && h500Styles, level === 'h600' && h600Styles, level === 'h700' && h700Styles, level === 'h800' && h800Styles, level === 'h900' && h900Styles, color === 'inverse' && inverseStyles, color === 'default' && isSubtleHeading && subtlestStyles]
   }, children);
 };
-
 export default Heading;

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/heading",
-	"version": "1.0.4",
+	"version": "1.1.1",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/heading",
-  "version": "1.0.4",
+  "version": "1.1.1",
   "description": "A heading is a typography component used to display text in different sizes and formats.",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -13,7 +13,10 @@
     "releaseModel": "continuous",
     "website": {
       "name": "Heading",
-      "category": "Components"
+      "category": "Components",
+      "status": {
+        "type": "alpha"
+      }
     }
   },
   "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
@@ -66,6 +69,6 @@
       "deprecation": "no-deprecated-imports"
     }
   },
-  "homepage": "https://atlaskit.atlassian.com/packages/design-system/heading",
+  "homepage": "https://atlassian.design/components/heading/",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
 }