@atlaskit/emoji 67.11.0 → 67.11.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/emoji
 
+## 67.11.1
+
+### Patch Changes
+
+- [#165681](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/165681)
+  [`57716f58fccef`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/57716f58fccef) -
+  [ux] typography changes to text and heading
+- Updated dependencies
+
 ## 67.11.0
 
 ### Minor Changes

package/afm-cc/tsconfig.json

@@ -23,6 +23,9 @@
         {
             "path": "../../../design-system/button/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../../design-system/heading/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../../design-system/icon/afm-cc/tsconfig.json"
         },

package/afm-post-office/tsconfig.json

@@ -23,6 +23,9 @@
 		{
 			"path": "../../../design-system/button/afm-post-office/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/heading/afm-post-office/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/icon/afm-post-office/tsconfig.json"
 		},

package/dist/cjs/components/common/Emoji.js

@@ -132,7 +132,7 @@ var SpriteEmoji = exports.SpriteEmoji = function SpriteEmoji(props) {
     }), (0, _react2.jsx)("span", {
       className: _styles.emojiSprite,
       style: style
-    }, "\xA0"))
+    }))
   );
 };
 

package/dist/cjs/components/common/EmojiDeletePreview.js

@@ -18,6 +18,7 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
+var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
 var _i18n = require("../i18n");
 var _CachingEmoji = _interopRequireDefault(require("./CachingEmoji"));
@@ -111,8 +112,8 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
         "data-testid": emojiDeletePreviewTestId
       }, (0, _react2.jsx)("div", {
         css: _styles.deleteText
-      }, (0, _react2.jsx)("h2", {
-        css: _styles.headingH5
+      }, (0, _react2.jsx)(_heading.default, {
+        size: "xxsmall"
       }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.deleteEmojiTitle)), (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.deleteEmojiDescription, {
         values: {
           emojiShortName: emoji.shortName

package/dist/cjs/components/common/EmojiUploadPicker.js

@@ -15,6 +15,7 @@ var _reactIntlNext = require("react-intl-next");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _closeCross = _interopRequireDefault(require("@atlaskit/icon/core/migration/close--cross"));
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _primitives = require("@atlaskit/primitives");
 var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
 var ImageUtil = _interopRequireWildcard(require("../../util/image"));
 var _logger = _interopRequireDefault(require("../../util/logger"));
@@ -117,9 +118,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
       ref: inputRef,
       id: "new-emoji-name-input",
       "aria-required": true
-    })), (0, _react2.jsx)("span", {
-      css: _styles.uploadChooseFileBrowse
-    }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.emojiChooseFileScreenReaderDescription, function () {
+    })), (0, _react2.jsx)(_primitives.Text, null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.emojiChooseFileScreenReaderDescription, function () {
       return (0, _react2.jsx)(_FileChooser.default, {
         label: emojiChooseFileTitle,
         onChange: onChooseFile,
@@ -129,9 +128,11 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
         isDisabled: disableChooser
       });
     }))), (0, _react2.jsx)("div", {
-      css: _styles.emojiUploadBottom,
       id: fileChooserButtonDescriptionId
-    }, !errorMessage ? (0, _react2.jsx)("p", null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.emojiImageRequirements)) : (0, _react2.jsx)(_EmojiErrorMessage.default, {
+    }, !errorMessage ? (0, _react2.jsx)(_primitives.Text, {
+      as: "p",
+      size: "small"
+    }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.emojiImageRequirements)) : (0, _react2.jsx)(_EmojiErrorMessage.default, {
       messageStyles: _styles.emojiChooseFileErrorMessage,
       message: errorMessage
     })))

package/dist/cjs/components/common/EmojiUploadPreview.js

@@ -14,6 +14,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _reactIntlNext = require("react-intl-next");
 var _constants = require("../../util/constants");
 var _i18n = require("../i18n");
@@ -77,7 +78,9 @@ var EmojiUploadPreview = /*#__PURE__*/function (_PureComponent) {
           "data-testid": uploadPreviewTestId
         }, (0, _react2.jsx)("div", {
           css: _styles.uploadPreviewText
-        }, (0, _react2.jsx)("h5", null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.emojiPreviewTitle)), (0, _react2.jsx)("div", {
+        }, (0, _react2.jsx)(_heading.default, {
+          size: "xsmall"
+        }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.emojiPreviewTitle)), (0, _react2.jsx)("div", {
           id: addEmojiPreviewDescriptionId
         }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.emojiPreview, {
           values: {

package/dist/cjs/components/common/styles.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.uploadPreviewText = exports.uploadPreviewFooter = exports.uploadPreview = exports.uploadChooseFileRow = exports.uploadChooseFileMessage = exports.uploadChooseFileEmojiName = exports.uploadChooseFileBrowse = exports.uploadAddRow = exports.tooltipShortcutStyle = exports.submitDelete = exports.selectOnHoverStyles = exports.requiredSymbol = exports.previewText = exports.previewImg = exports.previewButtonGroup = exports.preview = exports.placeholderContainerAnimated = exports.placeholderContainer = exports.placeholder = exports.hidden = exports.headingH5 = exports.emojiUploadTop = exports.emojiUploadBottom = exports.emojiUpload = exports.emojiToneSelectorContainer = exports.emojiSpriteContainer = exports.emojiSprite = exports.emojiShortName = exports.emojiScrollable = exports.emojiRadio = exports.emojiPreviewErrorMessage = exports.emojiPickerAddEmoji = exports.emojiNodeStyles = exports.emojiName = exports.emojiMainStyle = exports.emojiImageContainer = exports.emojiImage = exports.emojiDeleteErrorMessage = exports.emojiDeleteButton = exports.emojiChooseFileErrorMessage = exports.emojiButton = exports.emojiActionsWrapper = exports.deleteText = exports.deletePreview = exports.deleteFooter = exports.deleteButton = exports.deletableEmoji = exports.commonSelectedStyles = exports.closeEmojiUploadButton = exports.buttonSpinner = exports.bigEmojiPreview = exports.addCustomEmojiButton = exports.addCustomEmoji = void 0;
+exports.uploadPreviewText = exports.uploadPreviewFooter = exports.uploadPreview = exports.uploadChooseFileRow = exports.uploadChooseFileMessage = exports.uploadChooseFileEmojiName = exports.uploadAddRow = exports.tooltipShortcutStyle = exports.submitDelete = exports.selectOnHoverStyles = exports.requiredSymbol = exports.previewText = exports.previewImg = exports.previewButtonGroup = exports.preview = exports.placeholderContainerAnimated = exports.placeholderContainer = exports.placeholder = exports.hidden = exports.headingH5 = exports.emojiUploadTop = exports.emojiUploadBottom = exports.emojiUpload = exports.emojiToneSelectorContainer = exports.emojiSpriteContainer = exports.emojiSprite = exports.emojiShortName = exports.emojiScrollable = exports.emojiRadio = exports.emojiPreviewErrorMessage = exports.emojiPickerAddEmoji = exports.emojiNodeStyles = exports.emojiName = exports.emojiMainStyle = exports.emojiImageContainer = exports.emojiImage = exports.emojiDeleteErrorMessage = exports.emojiDeleteButton = exports.emojiChooseFileErrorMessage = exports.emojiButton = exports.emojiActionsWrapper = exports.deleteText = exports.deletePreview = exports.deleteFooter = exports.deleteButton = exports.deletableEmoji = exports.commonSelectedStyles = exports.closeEmojiUploadButton = exports.buttonSpinner = exports.bigEmojiPreview = exports.addCustomEmojiButton = exports.addCustomEmoji = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _constants = require("../../util/constants");
@@ -337,11 +337,6 @@ var uploadChooseFileEmojiName = exports.uploadChooseFileEmojiName = (0, _react.c
   }), _input)
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var uploadChooseFileBrowse = exports.uploadChooseFileBrowse = (0, _react.css)({
-  flex: '0 0 auto'
-});
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var uploadPreviewFooter = exports.uploadPreviewFooter = (0, _react.css)({
   display: 'flex',

package/dist/cjs/util/analytics/analytics.js

@@ -20,7 +20,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "67.11.0"
+      packageVersion: "67.11.1"
     }, attributes)
   };
 };

package/dist/es2019/components/common/Emoji.js

@@ -133,7 +133,7 @@ export const SpriteEmoji = props => {
     }), jsx("span", {
       className: emojiSprite,
       style: style
-    }, "\xA0"))
+    }))
   );
 };
 

package/dist/es2019/components/common/EmojiDeletePreview.js

@@ -9,12 +9,13 @@ import { Component } from 'react';
 import { jsx } from '@emotion/react';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import AkButton from '@atlaskit/button/new';
+import Heading from '@atlaskit/heading';
 import FocusLock from 'react-focus-lock';
 import { messages } from '../i18n';
 import CachingEmoji from './CachingEmoji';
 import EmojiErrorMessage, { emojiErrorScreenreaderTestId } from './EmojiErrorMessage';
 import RetryableButton from './RetryableButton';
-import { deleteFooter, deletePreview, deleteText, emojiDeleteErrorMessage, headingH5, previewButtonGroup } from './styles';
+import { deleteFooter, deletePreview, deleteText, emojiDeleteErrorMessage, previewButtonGroup } from './styles';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import { fg } from '@atlaskit/platform-feature-flags';
 export const emojiDeletePreviewTestId = 'emoji-delete-preview';
@@ -89,8 +90,8 @@ class EmojiDeletePreview extends Component {
       "data-testid": emojiDeletePreviewTestId
     }, jsx("div", {
       css: deleteText
-    }, jsx("h2", {
-      css: headingH5
+    }, jsx(Heading, {
+      size: "xxsmall"
     }, jsx(FormattedMessage, messages.deleteEmojiTitle)), jsx(FormattedMessage, _extends({}, messages.deleteEmojiDescription, {
       values: {
         emojiShortName: emoji.shortName

package/dist/es2019/components/common/EmojiUploadPicker.js

@@ -9,6 +9,7 @@ import { FormattedMessage, injectIntl } from 'react-intl-next';
 import TextField from '@atlaskit/textfield';
 import CrossIcon from '@atlaskit/icon/core/migration/close--cross';
 import AkButton from '@atlaskit/button/standard-button';
+import { Text } from '@atlaskit/primitives';
 import FocusLock from 'react-focus-lock';
 import * as ImageUtil from '../../util/image';
 import debug from '../../util/logger';
@@ -17,7 +18,7 @@ import EmojiErrorMessage from './EmojiErrorMessage';
 import EmojiUploadPreview from './EmojiUploadPreview';
 import FileChooser from './FileChooser';
 import { UploadStatus } from './internal-types';
-import { closeEmojiUploadButton, emojiChooseFileErrorMessage, emojiUpload, emojiUploadBottom, emojiUploadTop, headingH5, uploadChooseFileBrowse, uploadChooseFileEmojiName, uploadChooseFileMessage, uploadChooseFileRow } from './styles';
+import { closeEmojiUploadButton, emojiChooseFileErrorMessage, emojiUpload, emojiUploadTop, headingH5, uploadChooseFileEmojiName, uploadChooseFileMessage, uploadChooseFileRow } from './styles';
 export const uploadEmojiNameInputTestId = 'upload-emoji-name-input';
 export const uploadEmojiComponentTestId = 'upload-emoji-component';
 export const cancelEmojiUploadPickerTestId = 'cancel-emoji-upload-picker';
@@ -105,9 +106,7 @@ const ChooseEmojiFile = /*#__PURE__*/memo(props => {
       ref: inputRef,
       id: "new-emoji-name-input",
       "aria-required": true
-    })), jsx("span", {
-      css: uploadChooseFileBrowse
-    }, jsx(FormattedMessage, messages.emojiChooseFileScreenReaderDescription, () => jsx(FileChooser, {
+    })), jsx(Text, null, jsx(FormattedMessage, messages.emojiChooseFileScreenReaderDescription, () => jsx(FileChooser, {
       label: emojiChooseFileTitle,
       onChange: onChooseFile,
       onClick: onClick,
@@ -115,9 +114,11 @@ const ChooseEmojiFile = /*#__PURE__*/memo(props => {
       ariaDescribedBy: fileChooserButtonDescriptionId,
       isDisabled: disableChooser
     })))), jsx("div", {
-      css: emojiUploadBottom,
       id: fileChooserButtonDescriptionId
-    }, !errorMessage ? jsx("p", null, jsx(FormattedMessage, messages.emojiImageRequirements)) : jsx(EmojiErrorMessage, {
+    }, !errorMessage ? jsx(Text, {
+      as: "p",
+      size: "small"
+    }, jsx(FormattedMessage, messages.emojiImageRequirements)) : jsx(EmojiErrorMessage, {
       messageStyles: emojiChooseFileErrorMessage,
       message: errorMessage
     })))

package/dist/es2019/components/common/EmojiUploadPreview.js

@@ -7,6 +7,7 @@ import { PureComponent } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import AkButton from '@atlaskit/button/standard-button';
+import Heading from '@atlaskit/heading';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { customCategory } from '../../util/constants';
 import { messages } from '../i18n';
@@ -60,7 +61,9 @@ class EmojiUploadPreview extends PureComponent {
         "data-testid": uploadPreviewTestId
       }, jsx("div", {
         css: uploadPreviewText
-      }, jsx("h5", null, jsx(FormattedMessage, messages.emojiPreviewTitle)), jsx("div", {
+      }, jsx(Heading, {
+        size: "xsmall"
+      }, jsx(FormattedMessage, messages.emojiPreviewTitle)), jsx("div", {
         id: addEmojiPreviewDescriptionId
       }, jsx(FormattedMessage, _extends({}, messages.emojiPreview, {
         values: {

package/dist/es2019/components/common/styles.js

@@ -368,11 +368,6 @@ export const uploadChooseFileEmojiName = css({
   }
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const uploadChooseFileBrowse = css({
-  flex: '0 0 auto'
-});
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const uploadPreviewFooter = css({
   display: 'flex',

package/dist/es2019/util/analytics/analytics.js

@@ -8,7 +8,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/emoji",
-    packageVersion: "67.11.0",
+    packageVersion: "67.11.1",
     ...attributes
   }
 });

package/dist/esm/components/common/Emoji.js

@@ -124,7 +124,7 @@ export var SpriteEmoji = function SpriteEmoji(props) {
     }), jsx("span", {
       className: emojiSprite,
       style: style
-    }, "\xA0"))
+    }))
   );
 };
 

package/dist/esm/components/common/EmojiDeletePreview.js

@@ -17,12 +17,13 @@ import { Component } from 'react';
 import { jsx } from '@emotion/react';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import AkButton from '@atlaskit/button/new';
+import Heading from '@atlaskit/heading';
 import FocusLock from 'react-focus-lock';
 import { messages } from '../i18n';
 import CachingEmoji from './CachingEmoji';
 import EmojiErrorMessage, { emojiErrorScreenreaderTestId } from './EmojiErrorMessage';
 import RetryableButton from './RetryableButton';
-import { deleteFooter, deletePreview, deleteText, emojiDeleteErrorMessage, headingH5, previewButtonGroup } from './styles';
+import { deleteFooter, deletePreview, deleteText, emojiDeleteErrorMessage, previewButtonGroup } from './styles';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import { fg } from '@atlaskit/platform-feature-flags';
 export var emojiDeletePreviewTestId = 'emoji-delete-preview';
@@ -103,8 +104,8 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
         "data-testid": emojiDeletePreviewTestId
       }, jsx("div", {
         css: deleteText
-      }, jsx("h2", {
-        css: headingH5
+      }, jsx(Heading, {
+        size: "xxsmall"
       }, jsx(FormattedMessage, messages.deleteEmojiTitle)), jsx(FormattedMessage, _extends({}, messages.deleteEmojiDescription, {
         values: {
           emojiShortName: emoji.shortName

package/dist/esm/components/common/EmojiUploadPicker.js

@@ -12,6 +12,7 @@ import { FormattedMessage, injectIntl } from 'react-intl-next';
 import TextField from '@atlaskit/textfield';
 import CrossIcon from '@atlaskit/icon/core/migration/close--cross';
 import AkButton from '@atlaskit/button/standard-button';
+import { Text } from '@atlaskit/primitives';
 import FocusLock from 'react-focus-lock';
 import * as ImageUtil from '../../util/image';
 import debug from '../../util/logger';
@@ -20,7 +21,7 @@ import EmojiErrorMessage from './EmojiErrorMessage';
 import EmojiUploadPreview from './EmojiUploadPreview';
 import FileChooser from './FileChooser';
 import { UploadStatus } from './internal-types';
-import { closeEmojiUploadButton, emojiChooseFileErrorMessage, emojiUpload, emojiUploadBottom, emojiUploadTop, headingH5, uploadChooseFileBrowse, uploadChooseFileEmojiName, uploadChooseFileMessage, uploadChooseFileRow } from './styles';
+import { closeEmojiUploadButton, emojiChooseFileErrorMessage, emojiUpload, emojiUploadTop, headingH5, uploadChooseFileEmojiName, uploadChooseFileMessage, uploadChooseFileRow } from './styles';
 export var uploadEmojiNameInputTestId = 'upload-emoji-name-input';
 export var uploadEmojiComponentTestId = 'upload-emoji-component';
 export var cancelEmojiUploadPickerTestId = 'cancel-emoji-upload-picker';
@@ -105,9 +106,7 @@ var ChooseEmojiFile = /*#__PURE__*/memo(function (props) {
       ref: inputRef,
       id: "new-emoji-name-input",
       "aria-required": true
-    })), jsx("span", {
-      css: uploadChooseFileBrowse
-    }, jsx(FormattedMessage, messages.emojiChooseFileScreenReaderDescription, function () {
+    })), jsx(Text, null, jsx(FormattedMessage, messages.emojiChooseFileScreenReaderDescription, function () {
       return jsx(FileChooser, {
         label: emojiChooseFileTitle,
         onChange: onChooseFile,
@@ -117,9 +116,11 @@ var ChooseEmojiFile = /*#__PURE__*/memo(function (props) {
         isDisabled: disableChooser
       });
     }))), jsx("div", {
-      css: emojiUploadBottom,
       id: fileChooserButtonDescriptionId
-    }, !errorMessage ? jsx("p", null, jsx(FormattedMessage, messages.emojiImageRequirements)) : jsx(EmojiErrorMessage, {
+    }, !errorMessage ? jsx(Text, {
+      as: "p",
+      size: "small"
+    }, jsx(FormattedMessage, messages.emojiImageRequirements)) : jsx(EmojiErrorMessage, {
       messageStyles: emojiChooseFileErrorMessage,
       message: errorMessage
     })))

package/dist/esm/components/common/EmojiUploadPreview.js

@@ -14,6 +14,7 @@ import { PureComponent } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import AkButton from '@atlaskit/button/standard-button';
+import Heading from '@atlaskit/heading';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { customCategory } from '../../util/constants';
 import { messages } from '../i18n';
@@ -72,7 +73,9 @@ var EmojiUploadPreview = /*#__PURE__*/function (_PureComponent) {
           "data-testid": uploadPreviewTestId
         }, jsx("div", {
           css: uploadPreviewText
-        }, jsx("h5", null, jsx(FormattedMessage, messages.emojiPreviewTitle)), jsx("div", {
+        }, jsx(Heading, {
+          size: "xsmall"
+        }, jsx(FormattedMessage, messages.emojiPreviewTitle)), jsx("div", {
           id: addEmojiPreviewDescriptionId
         }, jsx(FormattedMessage, _extends({}, messages.emojiPreview, {
           values: {

package/dist/esm/components/common/styles.js

@@ -331,11 +331,6 @@ export var uploadChooseFileEmojiName = css({
   }), _input)
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var uploadChooseFileBrowse = css({
-  flex: '0 0 auto'
-});
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var uploadPreviewFooter = css({
   display: 'flex',

package/dist/esm/util/analytics/analytics.js

@@ -13,7 +13,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread({
       packageName: "@atlaskit/emoji",
-      packageVersion: "67.11.0"
+      packageVersion: "67.11.1"
     }, attributes)
   };
 };

package/dist/types/components/common/styles.d.ts

@@ -30,7 +30,6 @@ export declare const closeEmojiUploadButton: import("@emotion/react").Serialized
 export declare const emojiUploadBottom: import("@emotion/react").SerializedStyles;
 export declare const uploadChooseFileRow: import("@emotion/react").SerializedStyles;
 export declare const uploadChooseFileEmojiName: import("@emotion/react").SerializedStyles;
-export declare const uploadChooseFileBrowse: import("@emotion/react").SerializedStyles;
 export declare const uploadPreviewFooter: import("@emotion/react").SerializedStyles;
 export declare const uploadPreview: import("@emotion/react").SerializedStyles;
 export declare const uploadPreviewText: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/components/common/styles.d.ts

@@ -30,7 +30,6 @@ export declare const closeEmojiUploadButton: import("@emotion/react").Serialized
 export declare const emojiUploadBottom: import("@emotion/react").SerializedStyles;
 export declare const uploadChooseFileRow: import("@emotion/react").SerializedStyles;
 export declare const uploadChooseFileEmojiName: import("@emotion/react").SerializedStyles;
-export declare const uploadChooseFileBrowse: import("@emotion/react").SerializedStyles;
 export declare const uploadPreviewFooter: import("@emotion/react").SerializedStyles;
 export declare const uploadPreview: import("@emotion/react").SerializedStyles;
 export declare const uploadPreviewText: import("@emotion/react").SerializedStyles;

package/docs/0-intro.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { md, Example, code, AtlassianInternalWarning, Props } from '@atlaskit/docs';
 import SectionMessage from '@atlaskit/section-message';
 import SimpleEmojiExample from '../examples/00-simple-emoji';
+import { Text } from '@atlaskit/primitives';
 
 const SimpleEmojiSource = require('!!raw-loader!../examples/00-simple-emoji');
 const EmojiProps = require('!!extract-react-types-loader!../src/components/common/Emoji');
@@ -59,10 +60,10 @@ export default md`
 				appearance="warning"
 				title="Emoji provider is required to be configured in order to use components from this package."
 			>
-				<p>
+				<Text as="p">
 					Please refer to `Emoji picker` section for more information on how to configure emoji
 					provider.
-				</p>
+				</Text>
 			</SectionMessage>
 		</>
 	)}

package/docs/4-emoji-provider.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { md, code } from '@atlaskit/docs';
 import SectionMessage from '@atlaskit/section-message';
+import { Text } from '@atlaskit/primitives';
 
 export default md`
 Emoji provider mainly controls what type of emojis you want to support, how to resolve emojis, and how to upload custom emojis if enabled.
@@ -32,7 +33,7 @@ ${code`
 				appearance="warning"
 				title="There should be only one instance of EmojiResource in your application"
 			>
-				<p>Make sure EmojiResource is initialised only once.</p>
+				<Text as="p">Make sure EmojiResource is initialised only once.</Text>
 			</SectionMessage>
 		</>
 	)}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "67.11.0",
+	"version": "67.11.1",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,7 +35,8 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/button": "^20.3.0",
-		"@atlaskit/icon": "^22.24.0",
+		"@atlaskit/heading": "^3.1.0",
+		"@atlaskit/icon": "^22.26.0",
 		"@atlaskit/media-client": "^28.3.0",
 		"@atlaskit/media-client-react": "^2.3.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
@@ -43,7 +44,7 @@
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/textfield": "^6.5.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.2.0",
+		"@atlaskit/tokens": "^2.3.0",
 		"@atlaskit/tooltip": "^18.9.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@atlaskit/util-service-support": "^6.2.0",