@atlaskit/heading 0.1.15 → 0.1.17

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/heading
 
+## 0.1.17
+
+### Patch Changes
+
+- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+
+## 0.1.16
+
+### Patch Changes
+
+- [`30b11aab9fb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/30b11aab9fb) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
+- Updated dependencies
+
 ## 0.1.15
 
 ### Patch Changes

package/dist/cjs/heading.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
 
@@ -25,59 +25,59 @@ var levelMap = {
   h200: 'div',
   h100: 'div'
 };
-var headingResetStyles = (0, _core.css)({
+var headingResetStyles = (0, _react.css)({
   margin: 0
 });
-var h900Styles = (0, _core.css)({
+var h900Styles = (0, _react.css)({
   fontSize: 35,
   fontWeight: 500,
   letterSpacing: '-0.01em',
   lineHeight: (0, _utils.lh)(35, 40)
 });
-var h800Styles = (0, _core.css)({
+var h800Styles = (0, _react.css)({
   fontSize: 29,
   fontWeight: 600,
   letterSpacing: '-0.01em',
   lineHeight: (0, _utils.lh)(29, 32)
 });
-var h700Styles = (0, _core.css)({
+var h700Styles = (0, _react.css)({
   fontSize: 24,
   fontWeight: 500,
   letterSpacing: '-0.01em',
   lineHeight: (0, _utils.lh)(24, 28)
 });
-var h600Styles = (0, _core.css)({
+var h600Styles = (0, _react.css)({
   fontSize: 20,
   fontWeight: 500,
   letterSpacing: '-0.008em',
   lineHeight: (0, _utils.lh)(20, 24)
 });
-var h500Styles = (0, _core.css)({
+var h500Styles = (0, _react.css)({
   fontSize: 16,
   fontWeight: 600,
   letterSpacing: '-0.006em',
   lineHeight: (0, _utils.lh)(16, 20)
 });
-var h400Styles = (0, _core.css)({
+var h400Styles = (0, _react.css)({
   fontSize: 14,
   fontWeight: 600,
   letterSpacing: '-0.003em',
   lineHeight: (0, _utils.lh)(14, 16)
 });
-var h300Styles = (0, _core.css)({
+var h300Styles = (0, _react.css)({
   fontSize: 12,
   fontWeight: 600,
   letterSpacing: 0,
   lineHeight: (0, _utils.lh)(12, 16),
   textTransform: 'uppercase'
 });
-var h200Styles = (0, _core.css)({
+var h200Styles = (0, _react.css)({
   fontSize: 12,
   fontWeight: 600,
   letterSpacing: 0,
   lineHeight: (0, _utils.lh)(12, 16)
 });
-var h100Styles = (0, _core.css)({
+var h100Styles = (0, _react.css)({
   fontSize: 11,
   fontWeight: 700,
   letterSpacing: 0,
@@ -95,13 +95,13 @@ var styleMap = {
   h100: h100Styles
 };
 var colorStyleMap = {
-  default: (0, _core.css)({
+  default: (0, _react.css)({
     color: "var(--ds-text, ".concat(_colors.N800, ")")
   }),
-  inverse: (0, _core.css)({
+  inverse: (0, _react.css)({
     color: "var(--ds-text-inverse, ".concat(_colors.N0, ")")
   }),
-  subtlest: (0, _core.css)({
+  subtlest: (0, _react.css)({
     color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")")
   })
 };
@@ -136,7 +136,7 @@ var Heading = function Heading(_ref) {
 
   var Markup = as || levelMap[level];
   var isSubtleHeading = level === 'h200' || level === 'h100';
-  return (0, _core.jsx)(Markup, {
+  return (0, _react.jsx)(Markup, {
     id: id,
     "data-testid": testId,
     css: [headingResetStyles, styleMap[level], color === 'inverse' && colorStyleMap.inverse, color === 'default' && isSubtleHeading && colorStyleMap.subtlest, color === 'default' && !isSubtleHeading && colorStyleMap.default]

package/dist/cjs/version.json

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

package/dist/es2019/heading.js

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { N0, N200, N800 } from '@atlaskit/theme/colors';
 import { lh } from './utils'; // https://atlassian.design/foundations/typography
 

package/dist/es2019/version.json

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

package/dist/esm/heading.js

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { N0, N200, N800 } from '@atlaskit/theme/colors';
 import { lh } from './utils'; // https://atlassian.design/foundations/typography
 

package/dist/esm/version.json

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

package/dist/types-ts4.0/heading.d.ts

@@ -0,0 +1,20 @@
+/** @jsx jsx */
+import { FC } from 'react';
+import type { HeadingProps } from './types';
+/**
+ * __Heading__
+ *
+ * A heading is a typography component used to display text in different sizes and formats.
+ *
+ * @example
+ *
+ * ```jsx
+ * import Heading from '@atlaskit/heading';
+ *
+ * const H100 = () => (
+ *   <Heading level="h100">h100</Heading>
+ * );
+ * ```
+ */
+declare const Heading: FC<HeadingProps>;
+export default Heading;

package/dist/types-ts4.0/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './heading';
+export type { HeadingProps } from './types';

package/dist/types-ts4.0/types.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+export declare type HeadingProps = {
+    /**
+     * A `testId` prop is provided for specified elements, which is a unique
+     * string that appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests
+     */
+    testId?: string;
+    /**
+     * The text of the heading
+     */
+    children: ReactNode;
+    /**
+     * The headling level as defined by by the ADG
+     */
+    level: 'h900' | 'h800' | 'h700' | 'h600' | 'h500' | 'h400' | 'h300' | 'h200' | 'h100';
+    id?: string;
+    /**
+     * Allows the component to be rendered as the specified DOM Element
+     */
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
+    /**
+     * Text color of the heading.
+     */
+    color?: 'inverse' | 'default';
+};

package/dist/types-ts4.0/utils.d.ts

@@ -0,0 +1 @@
+export declare const lh: (sizePx: number, lineHeightPx: number) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/heading",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "description": "A heading is a typography component used to display text in different sizes and formats.",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -20,16 +20,23 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "dist/types-ts4.0/*"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "af:exports": {
     ".": "./src/index.tsx"
   },
   "dependencies": {
-    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/core": "^10.0.9"
+    "@emotion/react": "^11.7.1"
   },
   "peerDependencies": {
     "react": "^16.8.0"
@@ -37,13 +44,14 @@
   "devDependencies": {
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/docs": "*",
+    "@atlaskit/ds-lib": "^2.0.1",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
-    "@testing-library/react": "^8.0.1",
+    "@testing-library/react": "^12.1.5",
     "react-dom": "^16.8.0",
-    "typescript": "4.3.5",
+    "typescript": "4.5.5",
     "wait-for-expect": "^1.2.0"
   },
   "techstack": {

package/report.api.md

@@ -1,45 +1,25 @@
-## API Report File for "@atlaskit/heading".
+## API Report File for "@atlaskit/heading"
 
-> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+<!--
+	Generated API Report version: 2.0
+-->
 
 [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
-````ts
+```ts
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-/**
- * __Heading__
- *
- * A heading is a typography component used to display text in different sizes and formats.
- *
- * @example
- *
- * ```jsx
- * import Heading from '@atlaskit/heading';
- *
- * const H100 = () => (
- *   <Heading level="h100">h100</Heading>
- * );
- * ```
- */
-declare const Heading: FC<HeadingProps>;
+// @public
+const Heading: FC<HeadingProps>;
 export default Heading;
 
-export declare type HeadingProps = {
-  /**
-   * A `testId` prop is provided for specified elements, which is a unique
-   * string that appears as a data attribute `data-testid` in the rendered code,
-   * serving as a hook for automated tests
-   */
+// @public (undocumented)
+export type HeadingProps = {
   testId?: string;
-  /**
-   * The text of the heading
-   */
   children: ReactNode;
-  /**
-   * The headling level as defined by by the ADG
-   */
   level:
     | 'h900'
     | 'h800'
@@ -51,15 +31,9 @@ export declare type HeadingProps = {
     | 'h200'
     | 'h100';
   id?: string;
-  /**
-   * Allows the component to be rendered as the specified DOM Element
-   */
   as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
-  /**
-   * Text color of the heading.
-   */
   color?: 'inverse' | 'default';
 };
 
-export {};
-````
+// (No @packageDocumentation comment for this package)
+```