@atlaskit/heading 2.1.0 → 2.1.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/heading
 
+## 2.1.2
+
+### Patch Changes
+
+- [#83130](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83130) [`4efd62cdc533`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4efd62cdc533) - SHPLVIII-481: Assign name to default export components to fix quick-fix imports
+
+## 2.1.1
+
+### Patch Changes
+
+- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
+
 ## 2.1.0
 
 ### Minor Changes

package/dist/cjs/heading.js

@@ -107,7 +107,7 @@ var subtlestStyles = (0, _react.css)({
  * );
  * ```
  */
-var Heading = function Heading(_ref) {
+var OldHeading = function OldHeading(_ref) {
   var children = _ref.children,
     level = _ref.level,
     id = _ref.id,
@@ -133,17 +133,38 @@ var Heading = function Heading(_ref) {
     css: [headingResetStyles, 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 = exports.default = function _default(_ref2) {
+
+/**
+ * __Heading__
+ *
+ * A heading is a typography component used to display text in different sizes and formats.
+ *
+ * @example
+ *
+ * ```jsx
+ * import Heading from '@atlaskit/heading';
+ *
+ * // New component
+ * <Heading size="xxlarge">Page title</Heading>
+ *
+ * // Old component
+ * const H100 = () => (
+ *   <Heading level="h100">h100</Heading>
+ * );
+ * ```
+ */
+var Heading = function Heading(_ref2) {
   var level = _ref2.level,
     size = _ref2.size,
     props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   return level ?
-  // eslint-disable-next-line jsx-a11y/heading-has-content
-  (0, _react.jsx)(Heading, (0, _extends2.default)({
+  // eslint-disable-next-line jsx-a11y/heading-has-content, @repo/internal/react/no-unsafe-spread-props
+  (0, _react.jsx)(OldHeading, (0, _extends2.default)({
     level: level
   }, props)) :
-  // eslint-disable-next-line jsx-a11y/heading-has-content
+  // eslint-disable-next-line jsx-a11y/heading-has-content, @repo/internal/react/no-unsafe-spread-props
   (0, _react.jsx)(_heading.default, (0, _extends2.default)({
     size: size
   }, props));
-};
+};
+var _default = exports.default = Heading;

package/dist/es2019/heading.js

@@ -97,7 +97,7 @@ const subtlestStyles = css({
  * );
  * ```
  */
-const Heading = ({
+const OldHeading = ({
   children,
   level,
   id,
@@ -120,18 +120,39 @@ const Heading = ({
     css: [headingResetStyles, 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__
+ *
+ * A heading is a typography component used to display text in different sizes and formats.
+ *
+ * @example
+ *
+ * ```jsx
+ * import Heading from '@atlaskit/heading';
+ *
+ * // New component
+ * <Heading size="xxlarge">Page title</Heading>
+ *
+ * // Old component
+ * const H100 = () => (
+ *   <Heading level="h100">h100</Heading>
+ * );
+ * ```
+ */
+const Heading = ({
   level,
   size,
   ...props
 }) => {
   return level ?
-  // eslint-disable-next-line jsx-a11y/heading-has-content
-  jsx(Heading, _extends({
+  // eslint-disable-next-line jsx-a11y/heading-has-content, @repo/internal/react/no-unsafe-spread-props
+  jsx(OldHeading, _extends({
     level: level
   }, props)) :
-  // eslint-disable-next-line jsx-a11y/heading-has-content
+  // eslint-disable-next-line jsx-a11y/heading-has-content, @repo/internal/react/no-unsafe-spread-props
   jsx(NewHeading, _extends({
     size: size
   }, props));
-});
+};
+export default Heading;

package/dist/esm/heading.js

@@ -100,7 +100,7 @@ var subtlestStyles = css({
  * );
  * ```
  */
-var Heading = function Heading(_ref) {
+var OldHeading = function OldHeading(_ref) {
   var children = _ref.children,
     level = _ref.level,
     id = _ref.id,
@@ -126,17 +126,38 @@ var Heading = function Heading(_ref) {
     css: [headingResetStyles, 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 (function (_ref2) {
+
+/**
+ * __Heading__
+ *
+ * A heading is a typography component used to display text in different sizes and formats.
+ *
+ * @example
+ *
+ * ```jsx
+ * import Heading from '@atlaskit/heading';
+ *
+ * // New component
+ * <Heading size="xxlarge">Page title</Heading>
+ *
+ * // Old component
+ * const H100 = () => (
+ *   <Heading level="h100">h100</Heading>
+ * );
+ * ```
+ */
+var Heading = function Heading(_ref2) {
   var level = _ref2.level,
     size = _ref2.size,
     props = _objectWithoutProperties(_ref2, _excluded);
   return level ?
-  // eslint-disable-next-line jsx-a11y/heading-has-content
-  jsx(Heading, _extends({
+  // eslint-disable-next-line jsx-a11y/heading-has-content, @repo/internal/react/no-unsafe-spread-props
+  jsx(OldHeading, _extends({
     level: level
   }, props)) :
-  // eslint-disable-next-line jsx-a11y/heading-has-content
+  // eslint-disable-next-line jsx-a11y/heading-has-content, @repo/internal/react/no-unsafe-spread-props
   jsx(NewHeading, _extends({
     size: size
   }, props));
-});
+};
+export default Heading;

package/dist/types/heading.d.ts

@@ -1,5 +1,24 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import type { HeadingProps } from './types';
-declare const _default: ({ level, size, ...props }: HeadingProps) => jsx.JSX.Element;
-export default _default;
+/**
+ * __Heading__
+ *
+ * A heading is a typography component used to display text in different sizes and formats.
+ *
+ * @example
+ *
+ * ```jsx
+ * import Heading from '@atlaskit/heading';
+ *
+ * // New component
+ * <Heading size="xxlarge">Page title</Heading>
+ *
+ * // Old component
+ * const H100 = () => (
+ *   <Heading level="h100">h100</Heading>
+ * );
+ * ```
+ */
+declare const Heading: ({ level, size, ...props }: HeadingProps) => jsx.JSX.Element;
+export default Heading;

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

@@ -1,5 +1,24 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import type { HeadingProps } from './types';
-declare const _default: ({ level, size, ...props }: HeadingProps) => jsx.JSX.Element;
-export default _default;
+/**
+ * __Heading__
+ *
+ * A heading is a typography component used to display text in different sizes and formats.
+ *
+ * @example
+ *
+ * ```jsx
+ * import Heading from '@atlaskit/heading';
+ *
+ * // New component
+ * <Heading size="xxlarge">Page title</Heading>
+ *
+ * // Old component
+ * const H100 = () => (
+ *   <Heading level="h100">h100</Heading>
+ * );
+ * ```
+ */
+declare const Heading: ({ level, size, ...props }: HeadingProps) => jsx.JSX.Element;
+export default Heading;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/heading",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "A heading is a typography component used to display text in different sizes and formats.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -51,7 +51,7 @@
     "prettier": "^2.8.0",
     "react-dom": "^16.8.0",
     "ts-node": "^10.9.1",
-    "typescript": "~4.9.5"
+    "typescript": "~5.4.2"
   },
   "techstack": {
     "@atlassian/frontend": {