@atlaskit/page-header 10.9.0 → 10.9.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/page-header
 
+## 10.9.2
+
+### Patch Changes
+
+- [#129726](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/129726)
+  [`778c15c1d279a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/778c15c1d279a) -
+  [ux] Removed feature flag
+  `platform.design-system-team.page-header-tokenised-typography-styles_lj1ix`. Title line height
+  visually changes as part of the internal typography changes.
+
+## 10.9.1
+
+### Patch Changes
+
+- [#129411](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/129411)
+  [`300b0a472d9ce`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/300b0a472d9ce) -
+  Removes deprecated usage of ak/theme mixin functions and replaces them with their direct outputs
+- Updated dependencies
+
 ## 10.9.0
 
 ### Minor Changes

package/dist/cjs/PageHeader/styled.js

@@ -5,12 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TitleWrapper = exports.TitleContainer = exports.StyledTitleWrapper = exports.OuterWrapper = exports.BottomBarWrapper = exports.ActionsWrapper = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
-var _typography = require("@atlaskit/theme/typography");
 // 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.
@@ -38,11 +35,6 @@ var titleStyles = (0, _react2.css)({
   marginBlockStart: 0,
   outline: 'none'
 });
-var styledTitleStyles = (0, _react2.css)({
-  lineHeight: "var(--ds-font-lineHeight-500, 32px)",
-  marginBlockStart: 0,
-  outline: 'none'
-});
 var titleWrapperStyles = (0, _react2.css)({
   display: 'flex',
   alignItems: 'flex-start',
@@ -91,9 +83,6 @@ var OuterWrapper = exports.OuterWrapper = function OuterWrapper(_ref) {
     css: outerStyles
   }, children);
 };
-
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-var h700Styles = (0, _react2.css)((0, _typography.h700)());
 /**
  * __Styled title wrapper__.
  *
@@ -105,7 +94,7 @@ var StyledTitleWrapper = exports.StyledTitleWrapper = /*#__PURE__*/_react.defaul
     id = _ref2.id,
     truncateTitle = _ref2.truncateTitle;
   return (0, _react2.jsx)("h1", {
-    css: [].concat((0, _toConsumableArray2.default)((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.page-header-tokenised-typography-styles_lj1ix') ? [titleStyles] : [h700Styles, styledTitleStyles]), [truncateTitle && truncateStyles]),
+    css: [titleStyles, truncateTitle && truncateStyles],
     ref: ref,
     tabIndex: -1,
     id: id

package/dist/es2019/PageHeader/styled.js

@@ -12,9 +12,7 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
-import { h700 } from '@atlaskit/theme/typography';
 const truncateStyles = css({
   overflowX: 'hidden',
   textOverflow: 'ellipsis',
@@ -30,11 +28,6 @@ const titleStyles = css({
   marginBlockStart: 0,
   outline: 'none'
 });
-const styledTitleStyles = css({
-  lineHeight: "var(--ds-font-lineHeight-500, 32px)",
-  marginBlockStart: 0,
-  outline: 'none'
-});
 const titleWrapperStyles = css({
   display: 'flex',
   alignItems: 'flex-start',
@@ -84,9 +77,6 @@ export const OuterWrapper = ({
     css: outerStyles
   }, children);
 };
-
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-const h700Styles = css(h700());
 /**
  * __Styled title wrapper__.
  *
@@ -99,9 +89,7 @@ export const StyledTitleWrapper = /*#__PURE__*/React.forwardRef(({
   truncateTitle
 }, ref) => {
   return jsx("h1", {
-    css: [
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ...(getBooleanFF('platform.design-system-team.page-header-tokenised-typography-styles_lj1ix') ? [titleStyles] : [h700Styles, styledTitleStyles]), truncateTitle && truncateStyles],
+    css: [titleStyles, truncateTitle && truncateStyles],
     ref: ref,
     tabIndex: -1,
     id: id

package/dist/esm/PageHeader/styled.js

@@ -1,4 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 // 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.
@@ -13,9 +12,7 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
-import { h700 } from '@atlaskit/theme/typography';
 var truncateStyles = css({
   overflowX: 'hidden',
   textOverflow: 'ellipsis',
@@ -31,11 +28,6 @@ var titleStyles = css({
   marginBlockStart: 0,
   outline: 'none'
 });
-var styledTitleStyles = css({
-  lineHeight: "var(--ds-font-lineHeight-500, 32px)",
-  marginBlockStart: 0,
-  outline: 'none'
-});
 var titleWrapperStyles = css({
   display: 'flex',
   alignItems: 'flex-start',
@@ -84,9 +76,6 @@ export var OuterWrapper = function OuterWrapper(_ref) {
     css: outerStyles
   }, children);
 };
-
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-var h700Styles = css(h700());
 /**
  * __Styled title wrapper__.
  *
@@ -98,7 +87,7 @@ export var StyledTitleWrapper = /*#__PURE__*/React.forwardRef(function (_ref2, r
     id = _ref2.id,
     truncateTitle = _ref2.truncateTitle;
   return jsx("h1", {
-    css: [].concat(_toConsumableArray(getBooleanFF('platform.design-system-team.page-header-tokenised-typography-styles_lj1ix') ? [titleStyles] : [h700Styles, styledTitleStyles]), [truncateTitle && truncateStyles]),
+    css: [titleStyles, truncateTitle && truncateStyles],
     ref: ref,
     tabIndex: -1,
     id: id

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/page-header",
-	"version": "10.9.0",
+	"version": "10.9.2",
 	"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/"
@@ -27,9 +27,7 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^12.0.0",
-		"@atlaskit/theme": "^12.12.0",
 		"@atlaskit/tokens": "^1.58.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
@@ -90,10 +88,5 @@
 	"homepage": "https://atlassian.design/components/page-header",
 	"af:exports": {
 		".": "./src/index.tsx"
-	},
-	"platform-feature-flags": {
-		"platform.design-system-team.page-header-tokenised-typography-styles_lj1ix": {
-			"type": "boolean"
-		}
 	}
 }