@atlaskit/heading 1.1.0 → 1.1.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @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

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,8 +22,8 @@ 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)({
@@ -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.1.0",
+	"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,8 +16,8 @@ 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({
@@ -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.1.0",
+	"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,8 +16,8 @@ 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({
@@ -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.1.0",
+	"version": "1.1.1",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/heading",
-  "version": "1.1.0",
+  "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",