@atlaskit/page-header 11.1.0 → 12.0.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @atlaskit/page-header
 
+## 12.0.0
+
+### Major Changes
+
+- [#117363](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117363)
+  [`10a0f7f6c2027`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10a0f7f6c2027) -
+  This package's `peerDependencies` have been adjusted for `react` and/or `react-dom` to reflect the
+  status of only supporting React 18 going forward. No explicit breaking change to React support has
+  been made in this release, but this is to signify going forward, breaking changes for React 16 or
+  React 17 may come via non-major semver releases.
+
+  Please refer this community post for more details:
+  https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026
+
+### Patch Changes
+
+- Updated dependencies
+
+## 11.2.0
+
+### Minor Changes
+
+- [#116138](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/116138)
+  [`b50c5d5d65ae2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b50c5d5d65ae2) -
+  Bump to the latest version of @compiled/react
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 11.1.0
 
 ### Minor Changes

package/dist/cjs/PageHeader/styled.compiled.css

@@ -1,6 +1,6 @@
 ._11c81p5s{font:var(--ds-font-heading-large,normal 500 24px/28px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
-._18s87y2j{margin:var(--_1j0v6uy)}
 ._12ji1r31{outline-color:currentColor}
+._12l2idpf{margin-inline-end:0}
 ._12y31o36{outline-width:medium}
 ._16jlidpf{flex-grow:0}
 ._16jlkb7n{flex-grow:1}
@@ -12,14 +12,17 @@
 ._1n261q9c{flex-wrap:nowrap}
 ._1o9zidpf{flex-shrink:0}
 ._1o9zkb7n{flex-shrink:1}
+._1pfh1ejb{margin-block-start:var(--ds-space-300,24px)}
 ._1pfhidpf{margin-block-start:0}
 ._1pfhpxbi{margin-block-start:var(--ds-space-200,1pc)}
 ._1qu2glyw{outline-style:none}
 ._1reo15vq{overflow-x:hidden}
 ._1ul9idpf{min-width:0}
 ._4cvr1y6m{align-items:flex-start}
+._6rthpxbi{margin-block-end:var(--ds-space-200,1pc)}
 ._6rthu2gc{margin-block-end:var(--ds-space-100,8px)}
 ._ahbq1wug{margin-inline-start:auto}
+._ahbqidpf{margin-inline-start:0}
 ._bozgxy5q{padding-inline-start:var(--ds-space-400,2pc)}
 ._i0dl1wug{flex-basis:auto}
 ._o5721q9c{white-space:nowrap}

package/dist/cjs/PageHeader/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.36.0 */
+/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
 // TODO: Remove this eslint-disable when prop names have been renamed.
 // This rule is here as prop name changes are a major as they are used
 // by our consumers. The prop name concerned here is truncateTitle.
@@ -37,10 +37,7 @@ var titleContainerTruncateStyles = null;
 var OuterWrapper = exports.OuterWrapper = function OuterWrapper(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_18s87y2j"]),
-    style: {
-      "--_1j0v6uy": (0, _runtime.ix)("var(--ds-space-300, 24px)".concat(" 0 ", "var(--ds-space-200, 16px)", " 0"))
-    }
+    className: (0, _runtime.ax)(["_6rthpxbi _1pfh1ejb _12l2idpf _ahbqidpf"])
   }, children);
 };
 /**

package/dist/es2019/PageHeader/styled.compiled.css

@@ -1,6 +1,6 @@
 ._11c81p5s{font:var(--ds-font-heading-large,normal 500 24px/28px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
-._18s81d9c{margin:var(--ds-space-300,24px) 0 var(--ds-space-200,1pc) 0}
 ._12ji1r31{outline-color:currentColor}
+._12l2idpf{margin-inline-end:0}
 ._12y31o36{outline-width:medium}
 ._16jlidpf{flex-grow:0}
 ._16jlkb7n{flex-grow:1}
@@ -12,14 +12,17 @@
 ._1n261q9c{flex-wrap:nowrap}
 ._1o9zidpf{flex-shrink:0}
 ._1o9zkb7n{flex-shrink:1}
+._1pfh1ejb{margin-block-start:var(--ds-space-300,24px)}
 ._1pfhidpf{margin-block-start:0}
 ._1pfhpxbi{margin-block-start:var(--ds-space-200,1pc)}
 ._1qu2glyw{outline-style:none}
 ._1reo15vq{overflow-x:hidden}
 ._1ul9idpf{min-width:0}
 ._4cvr1y6m{align-items:flex-start}
+._6rthpxbi{margin-block-end:var(--ds-space-200,1pc)}
 ._6rthu2gc{margin-block-end:var(--ds-space-100,8px)}
 ._ahbq1wug{margin-inline-start:auto}
+._ahbqidpf{margin-inline-start:0}
 ._bozgxy5q{padding-inline-start:var(--ds-space-400,2pc)}
 ._i0dl1wug{flex-basis:auto}
 ._o5721q9c{white-space:nowrap}

package/dist/es2019/PageHeader/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.36.0 */
+/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
 // TODO: Remove this eslint-disable when prop names have been renamed.
 // This rule is here as prop name changes are a major as they are used
 // by our consumers. The prop name concerned here is truncateTitle.
@@ -31,7 +31,7 @@ export const OuterWrapper = ({
   children
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_18s81d9c"])
+    className: ax(["_6rthpxbi _1pfh1ejb _12l2idpf _ahbqidpf"])
   }, children);
 };
 /**

package/dist/esm/PageHeader/styled.compiled.css

@@ -1,6 +1,6 @@
 ._11c81p5s{font:var(--ds-font-heading-large,normal 500 24px/28px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
-._18s87y2j{margin:var(--_1j0v6uy)}
 ._12ji1r31{outline-color:currentColor}
+._12l2idpf{margin-inline-end:0}
 ._12y31o36{outline-width:medium}
 ._16jlidpf{flex-grow:0}
 ._16jlkb7n{flex-grow:1}
@@ -12,14 +12,17 @@
 ._1n261q9c{flex-wrap:nowrap}
 ._1o9zidpf{flex-shrink:0}
 ._1o9zkb7n{flex-shrink:1}
+._1pfh1ejb{margin-block-start:var(--ds-space-300,24px)}
 ._1pfhidpf{margin-block-start:0}
 ._1pfhpxbi{margin-block-start:var(--ds-space-200,1pc)}
 ._1qu2glyw{outline-style:none}
 ._1reo15vq{overflow-x:hidden}
 ._1ul9idpf{min-width:0}
 ._4cvr1y6m{align-items:flex-start}
+._6rthpxbi{margin-block-end:var(--ds-space-200,1pc)}
 ._6rthu2gc{margin-block-end:var(--ds-space-100,8px)}
 ._ahbq1wug{margin-inline-start:auto}
+._ahbqidpf{margin-inline-start:0}
 ._bozgxy5q{padding-inline-start:var(--ds-space-400,2pc)}
 ._i0dl1wug{flex-basis:auto}
 ._o5721q9c{white-space:nowrap}

package/dist/esm/PageHeader/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.36.0 */
+/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
 // TODO: Remove this eslint-disable when prop names have been renamed.
 // This rule is here as prop name changes are a major as they are used
 // by our consumers. The prop name concerned here is truncateTitle.
@@ -30,10 +30,7 @@ var titleContainerTruncateStyles = null;
 export var OuterWrapper = function OuterWrapper(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_18s87y2j"]),
-    style: {
-      "--_1j0v6uy": ix("var(--ds-space-300, 24px)".concat(" 0 ", "var(--ds-space-200, 16px)", " 0"))
-    }
+    className: ax(["_6rthpxbi _1pfh1ejb _12l2idpf _ahbqidpf"])
   }, children);
 };
 /**

package/dist/types/PageHeader/index.d.ts

@@ -1,4 +1,4 @@
-import { type ReactElement, type ReactNode } from 'react';
+import React, { type ReactElement, type ReactNode } from 'react';
 export type PageHeaderProps = {
     /**
      * Contents of the action bar to be rendered next to the page title.
@@ -47,5 +47,5 @@ export type PageHeaderProps = {
  * - [Code](https://atlassian.design/components/page-header/code)
  * - [Usage](https://atlassian.design/components/page-header/usage)
  */
-declare const PageHeader: ({ innerRef, breadcrumbs, actions, bottomBar, children, id, disableTitleStyles, truncateTitle, testId, }: PageHeaderProps) => JSX.Element;
+declare const PageHeader: ({ innerRef, breadcrumbs, actions, bottomBar, children, id, disableTitleStyles, truncateTitle, testId, }: PageHeaderProps) => React.JSX.Element;
 export default PageHeader;

package/dist/types-ts4.5/PageHeader/index.d.ts

@@ -1,4 +1,4 @@
-import { type ReactElement, type ReactNode } from 'react';
+import React, { type ReactElement, type ReactNode } from 'react';
 export type PageHeaderProps = {
     /**
      * Contents of the action bar to be rendered next to the page title.
@@ -47,5 +47,5 @@ export type PageHeaderProps = {
  * - [Code](https://atlassian.design/components/page-header/code)
  * - [Usage](https://atlassian.design/components/page-header/usage)
  */
-declare const PageHeader: ({ innerRef, breadcrumbs, actions, bottomBar, children, id, disableTitleStyles, truncateTitle, testId, }: PageHeaderProps) => JSX.Element;
+declare const PageHeader: ({ innerRef, breadcrumbs, actions, bottomBar, children, id, disableTitleStyles, truncateTitle, testId, }: PageHeaderProps) => React.JSX.Element;
 export default PageHeader;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/page-header",
-	"version": "11.1.0",
+	"version": "12.0.0",
 	"description": "A page header defines the top of a page. It contains a title and can be optionally combined with breadcrumbs buttons, search, and filters.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -25,25 +25,25 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/css": "^0.8.0",
-		"@atlaskit/primitives": "^13.4.0",
-		"@atlaskit/tokens": "^3.3.0",
+		"@atlaskit/css": "^0.10.0",
+		"@atlaskit/primitives": "^14.0.0",
+		"@atlaskit/tokens": "^4.0.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.1"
+		"@compiled/react": "^0.18.2"
 	},
 	"peerDependencies": {
-		"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-		"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0"
 	},
 	"devDependencies": {
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/breadcrumbs": "^14.1.0",
-		"@atlaskit/ds-lib": "^3.5.0",
-		"@atlaskit/page": "^12.7.0",
+		"@atlaskit/breadcrumbs": "^15.0.0",
+		"@atlaskit/ds-lib": "^4.0.0",
+		"@atlaskit/page": "^13.0.0",
 		"@atlaskit/ssr": "*",
-		"@atlaskit/textfield": "^6.8.0",
+		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/visual-regression": "*",
 		"@testing-library/react": "^13.4.0",
 		"react-dom": "^18.2.0",