@atlaskit/page-header 11.0.3 → 11.2.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/page-header
 
+## 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
+
+- [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
+  [`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
+  Update `React` from v16 to v18
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 11.0.3
 
 ### Patch 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.35.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.35.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.35.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.0.3",
+	"version": "11.2.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,11 +25,11 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/css": "^0.7.0",
-		"@atlaskit/primitives": "^13.3.0",
-		"@atlaskit/tokens": "^3.0.0",
+		"@atlaskit/css": "^0.9.0",
+		"@atlaskit/primitives": "^13.6.0",
+		"@atlaskit/tokens": "^3.3.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",
@@ -39,14 +39,14 @@
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/breadcrumbs": "^14.0.0",
-		"@atlaskit/ds-lib": "^3.3.0",
-		"@atlaskit/page": "^12.6.0",
+		"@atlaskit/breadcrumbs": "^14.2.0",
+		"@atlaskit/ds-lib": "^3.5.0",
+		"@atlaskit/page": "^12.7.0",
 		"@atlaskit/ssr": "*",
-		"@atlaskit/textfield": "^6.7.0",
+		"@atlaskit/textfield": "^7.0.0",
 		"@atlaskit/visual-regression": "*",
-		"@testing-library/react": "^12.1.5",
-		"react-dom": "^16.8.0",
+		"@testing-library/react": "^13.4.0",
+		"react-dom": "^18.2.0",
 		"typescript": "~5.4.2"
 	},
 	"keywords": [

package/__perf__/default.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-
-import Breadcrumbs, { BreadcrumbsItem } from '@atlaskit/breadcrumbs';
-import __noop from '@atlaskit/ds-lib/noop';
-
-import PageHeader from '../src';
-
-const breadcrumbs = (
-	<Breadcrumbs onExpand={__noop}>
-		<BreadcrumbsItem text="Some project" key="Some project" />
-		<BreadcrumbsItem text="Parent page" key="Parent page" />
-	</Breadcrumbs>
-);
-
-export default () => (
-	<PageHeader breadcrumbs={breadcrumbs}>Title describing the content</PageHeader>
-);