@atlaskit/share 4.20.6 → 4.20.8

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/share
 
+## 4.20.8
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.20.7
+
+### Patch Changes
+
+- [#155914](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/155914)
+  [`508501922f391`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/508501922f391) -
+  Use heading component
+
 ## 4.20.6
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -5,8 +5,7 @@
         "target": "es5",
         "composite": true,
         "outDir": "../dist",
-        "rootDir": "../",
-        "baseUrl": "../"
+        "rootDir": "../"
     },
     "include": [
         "../src/**/*.ts",
@@ -30,6 +29,9 @@
         {
             "path": "../../../design-system/form/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../../design-system/heading/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../../design-system/icon/afm-cc/tsconfig.json"
         },

package/dist/cjs/components/ShareHeader.js

@@ -4,46 +4,26 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getFormHeaderTitleStyles = exports.ShareHeader = void 0;
+exports.ShareHeader = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
-var _typography = require("@atlaskit/theme/typography");
+var _heading = _interopRequireDefault(require("@atlaskit/heading"));
+var _primitives = require("@atlaskit/primitives");
 var _i18n = require("../i18n");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var headerWrapperStyles = (0, _react2.css)({
+var headerWrapperStyles = (0, _primitives.xcss)({
   display: 'flex',
-  justifyContent: 'space-between'
+  justifyContent: 'space-between',
+  marginRight: 'space.400',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+  lineHeight: 'space.400'
 });
-var getFormHeaderTitleStyles = exports.getFormHeaderTitleStyles = function getFormHeaderTitleStyles(theme) {
-  return (
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    (0, _react2.css)((0, _typography.h500)(theme), {
-      lineHeight: "var(--ds-space-400, 32px)",
-      marginRight: "var(--ds-space-400, 32px)",
-      marginTop: "var(--ds-space-400, 32px)",
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '> span': {
-        fontSize: 'initial'
-      }
-    })
-  );
-};
 var ShareHeader = exports.ShareHeader = function ShareHeader(_ref) {
   var title = _ref.title;
-  var theme = (0, _react2.useTheme)();
-  return (0, _react2.jsx)("div", {
-    css: headerWrapperStyles
-  }, (0, _react2.jsx)("h1", {
-    css: getFormHeaderTitleStyles(theme)
-  }, title || (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.formTitle)));
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: headerWrapperStyles
+  }, /*#__PURE__*/_react.default.createElement(_heading.default, {
+    level: "h500"
+  }, title || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.formTitle)));
 };

package/dist/cjs/components/analytics/analytics.js

@@ -13,7 +13,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "4.20.6"
+    packageVersion: "4.20.8"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/es2019/components/ShareHeader.js

@@ -1,39 +1,23 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx, useTheme } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
-import { h500 } from '@atlaskit/theme/typography';
+import Heading from '@atlaskit/heading';
+import { Box, xcss } from '@atlaskit/primitives';
 import { messages } from '../i18n';
-const headerWrapperStyles = css({
+const headerWrapperStyles = xcss({
   display: 'flex',
-  justifyContent: 'space-between'
-});
-export const getFormHeaderTitleStyles = theme =>
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-css(h500(theme), {
-  lineHeight: "var(--ds-space-400, 32px)",
-  marginRight: "var(--ds-space-400, 32px)",
-  marginTop: "var(--ds-space-400, 32px)",
+  justifyContent: 'space-between',
+  marginRight: 'space.400',
   overflow: 'hidden',
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '> span': {
-    fontSize: 'initial'
-  }
+  lineHeight: 'space.400'
 });
 export const ShareHeader = ({
   title
 }) => {
-  const theme = useTheme();
-  return jsx("div", {
-    css: headerWrapperStyles
-  }, jsx("h1", {
-    css: getFormHeaderTitleStyles(theme)
-  }, title || jsx(FormattedMessage, messages.formTitle)));
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: headerWrapperStyles
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: "h500"
+  }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle)));
 };

package/dist/es2019/components/analytics/analytics.js

@@ -1,7 +1,7 @@
 import { isEmail, isExternalUser, isGroup, isTeam, isUser } from '@atlaskit/smart-user-picker';
 const buildAttributes = (attributes = {}) => ({
   packageName: "@atlaskit/share",
-  packageVersion: "4.20.6",
+  packageVersion: "4.20.8",
   ...attributes
 });
 const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({

package/dist/esm/components/ShareHeader.js

@@ -1,41 +1,22 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx, useTheme } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
-import { h500 } from '@atlaskit/theme/typography';
+import Heading from '@atlaskit/heading';
+import { Box, xcss } from '@atlaskit/primitives';
 import { messages } from '../i18n';
-var headerWrapperStyles = css({
+var headerWrapperStyles = xcss({
   display: 'flex',
-  justifyContent: 'space-between'
+  justifyContent: 'space-between',
+  marginRight: 'space.400',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+  lineHeight: 'space.400'
 });
-export var getFormHeaderTitleStyles = function getFormHeaderTitleStyles(theme) {
-  return (
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    css(h500(theme), {
-      lineHeight: "var(--ds-space-400, 32px)",
-      marginRight: "var(--ds-space-400, 32px)",
-      marginTop: "var(--ds-space-400, 32px)",
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '> span': {
-        fontSize: 'initial'
-      }
-    })
-  );
-};
 export var ShareHeader = function ShareHeader(_ref) {
   var title = _ref.title;
-  var theme = useTheme();
-  return jsx("div", {
-    css: headerWrapperStyles
-  }, jsx("h1", {
-    css: getFormHeaderTitleStyles(theme)
-  }, title || jsx(FormattedMessage, messages.formTitle)));
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: headerWrapperStyles
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: "h500"
+  }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle)));
 };

package/dist/esm/components/analytics/analytics.js

@@ -6,7 +6,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "4.20.6"
+    packageVersion: "4.20.8"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/types/components/ShareHeader.d.ts

@@ -1,11 +1,5 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
-import { type Theme } from '@emotion/react';
 export type Props = {
     title?: React.ReactNode;
 };
-export declare const getFormHeaderTitleStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const ShareHeader: React.FunctionComponent<Props>;
+export declare const ShareHeader: ({ title }: Props) => JSX.Element;

package/dist/types-ts4.5/components/ShareHeader.d.ts

@@ -1,11 +1,5 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
-import { type Theme } from '@emotion/react';
 export type Props = {
     title?: React.ReactNode;
 };
-export declare const getFormHeaderTitleStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const ShareHeader: React.FunctionComponent<Props>;
+export declare const ShareHeader: ({ title }: Props) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/share",
-	"version": "4.20.6",
+	"version": "4.20.8",
 	"description": "Fabric Share Element",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -40,8 +40,9 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/button": "^20.3.0",
-		"@atlaskit/dropdown-menu": "^12.21.0",
+		"@atlaskit/dropdown-menu": "^12.22.0",
 		"@atlaskit/form": "^10.5.0",
+		"@atlaskit/heading": "^2.4.0",
 		"@atlaskit/icon": "^22.24.0",
 		"@atlaskit/link": "^1.2.0",
 		"@atlaskit/menu": "^2.13.0",
@@ -49,7 +50,7 @@
 		"@atlaskit/popper": "^6.3.0",
 		"@atlaskit/popup": "^1.29.0",
 		"@atlaskit/portal": "^4.9.0",
-		"@atlaskit/primitives": "^12.2.0",
+		"@atlaskit/primitives": "^13.0.0",
 		"@atlaskit/smart-user-picker": "^6.11.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/tabs": "^16.5.0",
@@ -71,7 +72,7 @@
 		"react": "^16.8.0 || ^17.0.0 || ^18.2.0"
 	},
 	"devDependencies": {
-		"@atlaskit/editor-test-helpers": "^19.1.0",
+		"@atlaskit/editor-test-helpers": "^20.0.0",
 		"@atlaskit/flag": "^15.8.0",
 		"@testing-library/react": "^12.1.5",
 		"@testing-library/user-event": "^14.4.3",