@atlaskit/heading 4.0.0 → 4.0.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/heading
 
+## 4.0.2
+
+### Patch Changes
+
+- [#108122](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108122)
+  [`cbc1d5f5bf950`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cbc1d5f5bf950) -
+  Update dev depdencies and remove unused internal exports.
+
+## 4.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.0.0
 
 ### Major Changes

package/dist/cjs/heading-context.js

@@ -4,7 +4,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useHeadingLevel = exports.useHeading = exports.default = void 0;
+exports.useHeading = exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -16,7 +16,7 @@ var HeadingLevelContext = /*#__PURE__*/(0, _react.createContext)(0);
  * @internal
  * @returns The current heading level context.
  */
-var useHeadingLevel = exports.useHeadingLevel = function useHeadingLevel() {
+var useHeadingLevel = function useHeadingLevel() {
   return (0, _react.useContext)(HeadingLevelContext);
 };
 

package/dist/cjs/heading.partial.js

@@ -1,4 +1,4 @@
-/* heading.partial.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* heading.partial.tsx generated by @compiled/babel-plugin v0.35.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -12,10 +12,10 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _headingContext = require("./heading-context");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var sizeTagMap = {
   xxlarge: 'h1',
   xlarge: 'h1',
@@ -26,7 +26,7 @@ var sizeTagMap = {
   xxsmall: 'h6'
 };
 var styles = {
-  root: "_1dyz4jg8 _1mouidpf _1p1dglyw"
+  reset: "_1mouidpf _1dyz4jg8 _1p1dglyw"
 };
 var headingColorStylesMap = {
   'color.text': "_syaz1fxt",
@@ -54,7 +54,7 @@ var headingSizeStylesMap = {
  */
 
 var useColor = function useColor(colorProp) {
-  var surface = (0, _primitives.UNSAFE_useSurface)();
+  var surface = (0, _compiled.UNSAFE_useSurface)();
 
   /**
    * Where the color of the surface is inverted we always override the color
@@ -89,7 +89,7 @@ var Heading = function Heading(_ref) {
   }
 
   // Technically size can be undefined here due to how the types work.
-  // Once removing the level prop this assertion can be removed since size ws	ill be a required prop.
+  // Once removing the level prop this assertion can be removed since size will be a required prop.
   var _useHeading = (0, _headingContext.useHeading)(sizeTagMap[size]),
     _useHeading2 = (0, _slicedToArray2.default)(_useHeading, 2),
     hLevel = _useHeading2[0],
@@ -102,7 +102,7 @@ var Heading = function Heading(_ref) {
     "data-testid": testId,
     role: needsAriaRole ? 'heading' : undefined,
     "aria-level": needsAriaRole ? hLevel : undefined,
-    className: (0, _runtime.ax)([styles.root, size && headingSizeStylesMap[size], headingColorStylesMap[color]])
+    className: (0, _runtime.ax)([styles.reset, size && headingSizeStylesMap[size], headingColorStylesMap[color]])
   }, children);
 };
 var _default = exports.default = Heading;

package/dist/es2019/heading-context.js

@@ -8,7 +8,7 @@ const HeadingLevelContext = /*#__PURE__*/createContext(0);
  * @internal
  * @returns The current heading level context.
  */
-export const useHeadingLevel = () => {
+const useHeadingLevel = () => {
   return useContext(HeadingLevelContext);
 };
 

package/dist/es2019/heading.partial.js

@@ -1,9 +1,9 @@
-/* heading.partial.tsx generated by @compiled/babel-plugin v0.32.2 */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+/* heading.partial.tsx generated by @compiled/babel-plugin v0.35.0 */
 import "./heading.partial.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { UNSAFE_inverseColorMap, UNSAFE_useSurface } from '@atlaskit/primitives';
+import { UNSAFE_inverseColorMap } from '@atlaskit/primitives';
+import { UNSAFE_useSurface } from '@atlaskit/primitives/compiled';
 import { useHeading } from './heading-context';
 const sizeTagMap = {
   xxlarge: 'h1',
@@ -15,7 +15,7 @@ const sizeTagMap = {
   xxsmall: 'h6'
 };
 const styles = {
-  root: "_1dyz4jg8 _1mouidpf _1p1dglyw"
+  reset: "_1mouidpf _1dyz4jg8 _1p1dglyw"
 };
 const headingColorStylesMap = {
   'color.text': "_syaz1fxt",
@@ -79,7 +79,7 @@ const Heading = ({
   }
 
   // Technically size can be undefined here due to how the types work.
-  // Once removing the level prop this assertion can be removed since size ws	ill be a required prop.
+  // Once removing the level prop this assertion can be removed since size will be a required prop.
   const [hLevel, inferredElement] = useHeading(sizeTagMap[size]);
   const Component = as || inferredElement;
   const needsAriaRole = Component === 'div' && hLevel;
@@ -89,7 +89,7 @@ const Heading = ({
     "data-testid": testId,
     role: needsAriaRole ? 'heading' : undefined,
     "aria-level": needsAriaRole ? hLevel : undefined,
-    className: ax([styles.root, size && headingSizeStylesMap[size], headingColorStylesMap[color]])
+    className: ax([styles.reset, size && headingSizeStylesMap[size], headingColorStylesMap[color]])
   }, children);
 };
 export default Heading;

package/dist/esm/heading-context.js

@@ -8,7 +8,7 @@ var HeadingLevelContext = /*#__PURE__*/createContext(0);
  * @internal
  * @returns The current heading level context.
  */
-export var useHeadingLevel = function useHeadingLevel() {
+var useHeadingLevel = function useHeadingLevel() {
   return useContext(HeadingLevelContext);
 };
 

package/dist/esm/heading.partial.js

@@ -1,11 +1,10 @@
-/* heading.partial.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* heading.partial.tsx generated by @compiled/babel-plugin v0.35.0 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./heading.partial.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-import { UNSAFE_inverseColorMap, UNSAFE_useSurface } from '@atlaskit/primitives';
+import { UNSAFE_inverseColorMap } from '@atlaskit/primitives';
+import { UNSAFE_useSurface } from '@atlaskit/primitives/compiled';
 import { useHeading } from './heading-context';
 var sizeTagMap = {
   xxlarge: 'h1',
@@ -17,7 +16,7 @@ var sizeTagMap = {
   xxsmall: 'h6'
 };
 var styles = {
-  root: "_1dyz4jg8 _1mouidpf _1p1dglyw"
+  reset: "_1mouidpf _1dyz4jg8 _1p1dglyw"
 };
 var headingColorStylesMap = {
   'color.text': "_syaz1fxt",
@@ -80,7 +79,7 @@ var Heading = function Heading(_ref) {
   }
 
   // Technically size can be undefined here due to how the types work.
-  // Once removing the level prop this assertion can be removed since size ws	ill be a required prop.
+  // Once removing the level prop this assertion can be removed since size will be a required prop.
   var _useHeading = useHeading(sizeTagMap[size]),
     _useHeading2 = _slicedToArray(_useHeading, 2),
     hLevel = _useHeading2[0],
@@ -93,7 +92,7 @@ var Heading = function Heading(_ref) {
     "data-testid": testId,
     role: needsAriaRole ? 'heading' : undefined,
     "aria-level": needsAriaRole ? hLevel : undefined,
-    className: ax([styles.root, size && headingSizeStylesMap[size], headingColorStylesMap[color]])
+    className: ax([styles.reset, size && headingSizeStylesMap[size], headingColorStylesMap[color]])
   }, children);
 };
 export default Heading;

package/dist/types/heading-context.d.ts

@@ -1,16 +1,11 @@
 import { type ReactNode } from 'react';
 type HeadingLevel = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
 type HeadingElement = `h${1 | 2 | 3 | 4 | 5 | 6}` | 'div';
-/**
- * @internal
- * @returns The current heading level context.
- */
-export declare const useHeadingLevel: () => HeadingLevel;
 /**
  * Infers the correct heading markup based on the current heading level context.
  */
 export declare const useHeading: (fallback: HeadingElement) => readonly [HeadingLevel, HeadingElement];
-export interface HeadingLevelContextProps {
+interface HeadingLevelContextProps {
     /**
      * Optional - only apply this value if the intent is to reset the heading context outside the normal content flow, for example inside a `section`.
      */

package/dist/types/heading.partial.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import { type ReactNode } from 'react';
-export type HeadingColor = 'color.text' | 'color.text.inverse' | 'color.text.warning.inverse';
+type HeadingColor = 'color.text' | 'color.text.inverse' | 'color.text.warning.inverse';
 export type HeadingProps = {
     /**
      * Heading size. This value is detached from the specific heading level applied to allow for more flexibility.

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

@@ -1,11 +1,6 @@
 import { type ReactNode } from 'react';
 type HeadingLevel = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
 type HeadingElement = `h${1 | 2 | 3 | 4 | 5 | 6}` | 'div';
-/**
- * @internal
- * @returns The current heading level context.
- */
-export declare const useHeadingLevel: () => HeadingLevel;
 /**
  * Infers the correct heading markup based on the current heading level context.
  */
@@ -13,7 +8,7 @@ export declare const useHeading: (fallback: HeadingElement) => readonly [
     HeadingLevel,
     HeadingElement
 ];
-export interface HeadingLevelContextProps {
+interface HeadingLevelContextProps {
     /**
      * Optional - only apply this value if the intent is to reset the heading context outside the normal content flow, for example inside a `section`.
      */

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

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import { type ReactNode } from 'react';
-export type HeadingColor = 'color.text' | 'color.text.inverse' | 'color.text.warning.inverse';
+type HeadingColor = 'color.text' | 'color.text.inverse' | 'color.text.warning.inverse';
 export type HeadingProps = {
     /**
      * Heading size. This value is detached from the specific heading level applied to allow for more flexibility.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/heading",
-	"version": "4.0.0",
+	"version": "4.0.2",
 	"description": "A heading is a typography component used to display text in different sizes and formats.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,10 +31,12 @@
 		"codegen": "ts-node ./scripts/codegen.tsx"
 	},
 	"dependencies": {
+		"@atlaskit/css": "^0.7.0",
 		"@atlaskit/primitives": "^13.3.0",
-		"@atlaskit/tokens": "^2.4.0",
+		"@atlaskit/tokens": "^3.2.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.1"
+		"@compiled/react": "^0.18.1",
+		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
 		"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
@@ -43,10 +45,10 @@
 		"@af/accessibility-testing": "*",
 		"@af/formatting": "*",
 		"@af/integration-testing": "*",
+		"@af/visual-regression": "*",
+		"@atlaskit/button": "^20.3.12",
 		"@atlaskit/ds-lib": "^3.3.0",
 		"@atlaskit/ssr": "*",
-		"@atlaskit/toggle": "^13.4.0",
-		"@atlaskit/visual-regression": "*",
 		"@atlassian/codegen": "^0.1.0",
 		"@testing-library/react": "^12.1.5",
 		"jscodeshift": "^0.13.0",
@@ -63,7 +65,7 @@
 			"dom-events": "use-bind-event-listener",
 			"design-system": "v1",
 			"styling": [
-				"compiled"
+				"emotion"
 			],
 			"ui-components": "lite-mode",
 			"analytics": "analytics-next",

package/scripts/codegen.tsx

@@ -32,7 +32,7 @@ const headingSizeStylesMap = cssMap({
       `.trim();
 		})
 		.join(',\n\t')}
-});`,
+	});`,
 			'typescript',
 		) + `\ntype HeadingSize = keyof typeof headingSizeStylesMap;\n`
 	);