@atlaskit/emoji 69.0.12 → 69.0.13

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/emoji
 
+## 69.0.13
+
+### Patch Changes
+
+- [#142842](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/142842)
+  [`63265d6000c11`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/63265d6000c11) -
+  Internal change to migrate to Compiled CSS-in-JS styling.
+
 ## 69.0.12
 
 ### Patch Changes

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

@@ -11,6 +11,7 @@ require("./EmojiPlaceholder.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("../../util/constants");
 var _styles = require("./styles");
@@ -57,7 +58,7 @@ var EmojiPlaceholder = function EmojiPlaceholder(props) {
     "aria-label": shortName
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: (0, _runtime.ax)(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", loading && "_16qqztlz _1kt9b3bt _cfu11ule _1cs8stnw _1ruskq2v _kfgt1osq _1mp41osq", _styles.placeholder]),
+    className: (0, _runtime.ax)(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", loading && !(0, _platformFeatureFlags.fg)('cc_complexit_fe_remove_emoji_animation') && "_16qqztlz _1kt9b3bt _cfu11ule _1cs8stnw _1ruskq2v _kfgt1osq _1mp41osq", _styles.placeholder]),
     title: showTooltip ? shortName : '',
     style: _objectSpread(_objectSpread({}, style), {}, {
       "--_12ncegi": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N20A, ")")),

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

@@ -19,7 +19,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 _compiled = require("@atlaskit/primitives/compiled");
 var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
 var ImageUtil = _interopRequireWildcard(require("../../util/image"));
 var _logger = _interopRequireDefault(require("../../util/logger"));
@@ -122,7 +122,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
     ref: inputRef,
     id: "new-emoji-name-input",
     "aria-required": true
-  })), /*#__PURE__*/React.createElement(_primitives.Text, null, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.emojiChooseFileScreenReaderDescription, function () {
+  })), /*#__PURE__*/React.createElement(_compiled.Text, null, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.emojiChooseFileScreenReaderDescription, function () {
     return /*#__PURE__*/React.createElement(_FileChooser.default, {
       label: emojiChooseFileTitle,
       onChange: onChooseFile,
@@ -133,7 +133,7 @@ var ChooseEmojiFile = /*#__PURE__*/(0, _react.memo)(function (props) {
     });
   }))), /*#__PURE__*/React.createElement("div", {
     id: fileChooserButtonDescriptionId
-  }, !errorMessage ? /*#__PURE__*/React.createElement(_primitives.Text, {
+  }, !errorMessage ? /*#__PURE__*/React.createElement(_compiled.Text, {
     as: "p",
     size: "small"
   }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.emojiImageRequirements)) : /*#__PURE__*/React.createElement(_EmojiErrorMessage.default, {

package/dist/cjs/components/i18n.js

@@ -106,13 +106,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Emoji name',
     description: 'verb - button label to search'
   },
-  /*
   searchResultsStatus: {
-  	id: 'fabric.emoji.search.status',
-  	defaultMessage: 'Found {count} emojis',
-  	description: 'search results status for screenreader to read out',
+    id: 'fabric.emoji.search.status.count',
+    defaultMessage: 'Found {count} emojis',
+    description: 'search results status for screenreader to read out'
   },
-   */
   searchResultsStatusSeeAll: {
     id: 'fabric.emoji.search.status',
     defaultMessage: 'Seeing all emojis',

package/dist/cjs/components/picker/EmojiPickerListSearch.js

@@ -66,10 +66,9 @@ var EmojiPickerListSearch = exports.EmojiPickerListSearch = function EmojiPicker
   }, /*#__PURE__*/_react.default.createElement(_visuallyHidden.default, {
     id: "emoji-search-results-status",
     role: "status"
-  }, dirty && query === '' && formatMessage(_i18n.messages.searchResultsStatusSeeAll), query !== '' && formatMessage(_i18n.messages.searchResultsStatusSeeAll, {
-    // change to messages.searchResultsStatus once translated
+  }, dirty ? query === '' ? formatMessage(_i18n.messages.searchResultsStatusSeeAll) : formatMessage(_i18n.messages.searchResultsStatus, {
     count: resultsCount
-  })), /*#__PURE__*/_react.default.createElement(_textfield.default, {
+  }) : null), /*#__PURE__*/_react.default.createElement(_textfield.default, {
     role: "searchbox",
     "aria-label": formatMessage(_i18n.messages.searchLabel),
     autoComplete: "off",

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: "69.0.12"
+      packageVersion: "69.0.13"
     }, attributes)
   };
 };

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

@@ -2,6 +2,7 @@
 import "./EmojiPlaceholder.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N20A } from '@atlaskit/theme/colors';
 import { defaultEmojiHeight } from '../../util/constants';
 import { placeholder } from './styles';
@@ -42,7 +43,7 @@ const EmojiPlaceholder = props => {
     "aria-label": shortName
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", loading && "", loading && "_16qq1t1r _1kt9b3bt _cfu11ule _1cs8stnw _1rus1j54 _kfgt1osq _1mp41osq", placeholder]),
+    className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", loading && !fg('cc_complexit_fe_remove_emoji_animation') && "", loading && !fg('cc_complexit_fe_remove_emoji_animation') && "_16qq1t1r _1kt9b3bt _cfu11ule _1cs8stnw _1rus1j54 _kfgt1osq _1mp41osq", placeholder]),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style: style,
     title: showTooltip ? shortName : ''

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

@@ -8,7 +8,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 { Text } from '@atlaskit/primitives/compiled';
 import FocusLock from 'react-focus-lock';
 import * as ImageUtil from '../../util/image';
 import debug from '../../util/logger';

package/dist/es2019/components/i18n.js

@@ -100,13 +100,11 @@ export const messages = defineMessages({
     defaultMessage: 'Emoji name',
     description: 'verb - button label to search'
   },
-  /*
   searchResultsStatus: {
-  	id: 'fabric.emoji.search.status',
-  	defaultMessage: 'Found {count} emojis',
-  	description: 'search results status for screenreader to read out',
+    id: 'fabric.emoji.search.status.count',
+    defaultMessage: 'Found {count} emojis',
+    description: 'search results status for screenreader to read out'
   },
-   */
   searchResultsStatusSeeAll: {
     id: 'fabric.emoji.search.status',
     defaultMessage: 'Seeing all emojis',

package/dist/es2019/components/picker/EmojiPickerListSearch.js

@@ -52,10 +52,9 @@ export const EmojiPickerListSearch = props => {
   }, /*#__PURE__*/React.createElement(VisuallyHidden, {
     id: "emoji-search-results-status",
     role: "status"
-  }, dirty && query === '' && formatMessage(messages.searchResultsStatusSeeAll), query !== '' && formatMessage(messages.searchResultsStatusSeeAll, {
-    // change to messages.searchResultsStatus once translated
+  }, dirty ? query === '' ? formatMessage(messages.searchResultsStatusSeeAll) : formatMessage(messages.searchResultsStatus, {
     count: resultsCount
-  })), /*#__PURE__*/React.createElement(TextField, {
+  }) : null), /*#__PURE__*/React.createElement(TextField, {
     role: "searchbox",
     "aria-label": formatMessage(messages.searchLabel),
     autoComplete: "off",

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

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

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

@@ -5,6 +5,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N20A } from '@atlaskit/theme/colors';
 import { defaultEmojiHeight } from '../../util/constants';
 import { placeholder } from './styles';
@@ -47,7 +48,7 @@ var EmojiPlaceholder = function EmojiPlaceholder(props) {
     "aria-label": shortName
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", loading && "_16qqztlz _1kt9b3bt _cfu11ule _1cs8stnw _1ruskq2v _kfgt1osq _1mp41osq", placeholder]),
+    className: ax(["_19pk1n1a _2hwxidpf _otyr1n1a _18u0idpf _2rkosqtm _1reo15vq _18m915vq _kqswh2mm _1e0c1o8l _bfhkttw1 _s7n4nkob _o5721q9c _y3gn1h6o", loading && !fg('cc_complexit_fe_remove_emoji_animation') && "_16qqztlz _1kt9b3bt _cfu11ule _1cs8stnw _1ruskq2v _kfgt1osq _1mp41osq", placeholder]),
     title: showTooltip ? shortName : '',
     style: _objectSpread(_objectSpread({}, style), {}, {
       "--_12ncegi": ix("var(--ds-background-neutral, ".concat(N20A, ")")),

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

@@ -11,7 +11,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 { Text } from '@atlaskit/primitives/compiled';
 import FocusLock from 'react-focus-lock';
 import * as ImageUtil from '../../util/image';
 import debug from '../../util/logger';

package/dist/esm/components/i18n.js

@@ -100,13 +100,11 @@ export var messages = defineMessages({
     defaultMessage: 'Emoji name',
     description: 'verb - button label to search'
   },
-  /*
   searchResultsStatus: {
-  	id: 'fabric.emoji.search.status',
-  	defaultMessage: 'Found {count} emojis',
-  	description: 'search results status for screenreader to read out',
+    id: 'fabric.emoji.search.status.count',
+    defaultMessage: 'Found {count} emojis',
+    description: 'search results status for screenreader to read out'
   },
-   */
   searchResultsStatusSeeAll: {
     id: 'fabric.emoji.search.status',
     defaultMessage: 'Seeing all emojis',

package/dist/esm/components/picker/EmojiPickerListSearch.js

@@ -56,10 +56,9 @@ export var EmojiPickerListSearch = function EmojiPickerListSearch(props) {
   }, /*#__PURE__*/React.createElement(VisuallyHidden, {
     id: "emoji-search-results-status",
     role: "status"
-  }, dirty && query === '' && formatMessage(messages.searchResultsStatusSeeAll), query !== '' && formatMessage(messages.searchResultsStatusSeeAll, {
-    // change to messages.searchResultsStatus once translated
+  }, dirty ? query === '' ? formatMessage(messages.searchResultsStatusSeeAll) : formatMessage(messages.searchResultsStatus, {
     count: resultsCount
-  })), /*#__PURE__*/React.createElement(TextField, {
+  }) : null), /*#__PURE__*/React.createElement(TextField, {
     role: "searchbox",
     "aria-label": formatMessage(messages.searchLabel),
     autoComplete: "off",

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: "69.0.12"
+      packageVersion: "69.0.13"
     }, attributes)
   };
 };

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

@@ -99,6 +99,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    searchResultsStatus: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     searchResultsStatusSeeAll: {
         id: string;
         defaultMessage: string;

package/dist/types/util/type-helpers.d.ts

@@ -11,7 +11,7 @@ export declare const hasDataURLImage: (rep: EmojiRepresentation) => boolean;
 export declare const isLoadedMediaEmoji: (emoji: EmojiDescription) => boolean;
 export declare const isEmojiDescriptionWithVariations: (emoji: OptionalEmojiDescription) => emoji is EmojiDescriptionWithVariations;
 export declare const isEmojiVariationDescription: (object: any) => object is EmojiVariationDescription;
-export declare const isMessagesKey: (key: string) => key is "deleteEmojiTooltip" | "deleteEmojiTooltipForScreenreader" | "deleteEmojiTitle" | "deleteEmojiDescription" | "deleteEmojiLabel" | "addCustomEmojiLabel" | "emojiPlaceholder" | "emojiNameAriaLabel" | "emojiChooseFileTitle" | "emojiChooseFileScreenReaderDescription" | "emojiSelectSkinToneButtonAriaLabelText" | "emojiSelectSkinToneListAriaLabelText" | "emojiImageRequirements" | "emojiPreviewTitle" | "emojiPreview" | "addEmojiLabel" | "retryLabel" | "cancelLabel" | "searchPlaceholder" | "searchLabel" | "searchResultsStatusSeeAll" | "categoriesSelectorLabel" | "categoriesSearchResults" | "frequentCategory" | "peopleCategory" | "natureCategory" | "foodsCategory" | "activityCategory" | "placesCategory" | "objectsCategory" | "symbolsCategory" | "flagsCategory" | "productivityCategory" | "userUploadsCustomCategory" | "allUploadsCustomCategory" | "deleteEmojiFailed" | "emojiInvalidImage" | "emojiUploadFailed" | "emojiUploadTimeout" | "emojiImageTooBig" | "emojiPickerTitle" | "emojiPickerListPanel" | "emojiPickerGrid" | "emojiButtonRoleDescription" | "error";
+export declare const isMessagesKey: (key: string) => key is "deleteEmojiTooltip" | "deleteEmojiTooltipForScreenreader" | "deleteEmojiTitle" | "deleteEmojiDescription" | "deleteEmojiLabel" | "addCustomEmojiLabel" | "emojiPlaceholder" | "emojiNameAriaLabel" | "emojiChooseFileTitle" | "emojiChooseFileScreenReaderDescription" | "emojiSelectSkinToneButtonAriaLabelText" | "emojiSelectSkinToneListAriaLabelText" | "emojiImageRequirements" | "emojiPreviewTitle" | "emojiPreview" | "addEmojiLabel" | "retryLabel" | "cancelLabel" | "searchPlaceholder" | "searchLabel" | "searchResultsStatus" | "searchResultsStatusSeeAll" | "categoriesSelectorLabel" | "categoriesSearchResults" | "frequentCategory" | "peopleCategory" | "natureCategory" | "foodsCategory" | "activityCategory" | "placesCategory" | "objectsCategory" | "symbolsCategory" | "flagsCategory" | "productivityCategory" | "userUploadsCustomCategory" | "allUploadsCustomCategory" | "deleteEmojiFailed" | "emojiInvalidImage" | "emojiUploadFailed" | "emojiUploadTimeout" | "emojiImageTooBig" | "emojiPickerTitle" | "emojiPickerListPanel" | "emojiPickerGrid" | "emojiButtonRoleDescription" | "error";
 export declare const toEmojiId: (emoji: EmojiDescription) => EmojiId;
 export declare const toOptionalEmojiId: (emoji: OptionalEmojiDescription) => EmojiId | undefined;
 export declare const isEmojiIdEqual: (l?: EmojiId, r?: EmojiId) => boolean | undefined;

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

@@ -99,6 +99,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    searchResultsStatus: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     searchResultsStatusSeeAll: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/util/type-helpers.d.ts

@@ -11,7 +11,7 @@ export declare const hasDataURLImage: (rep: EmojiRepresentation) => boolean;
 export declare const isLoadedMediaEmoji: (emoji: EmojiDescription) => boolean;
 export declare const isEmojiDescriptionWithVariations: (emoji: OptionalEmojiDescription) => emoji is EmojiDescriptionWithVariations;
 export declare const isEmojiVariationDescription: (object: any) => object is EmojiVariationDescription;
-export declare const isMessagesKey: (key: string) => key is "deleteEmojiTooltip" | "deleteEmojiTooltipForScreenreader" | "deleteEmojiTitle" | "deleteEmojiDescription" | "deleteEmojiLabel" | "addCustomEmojiLabel" | "emojiPlaceholder" | "emojiNameAriaLabel" | "emojiChooseFileTitle" | "emojiChooseFileScreenReaderDescription" | "emojiSelectSkinToneButtonAriaLabelText" | "emojiSelectSkinToneListAriaLabelText" | "emojiImageRequirements" | "emojiPreviewTitle" | "emojiPreview" | "addEmojiLabel" | "retryLabel" | "cancelLabel" | "searchPlaceholder" | "searchLabel" | "searchResultsStatusSeeAll" | "categoriesSelectorLabel" | "categoriesSearchResults" | "frequentCategory" | "peopleCategory" | "natureCategory" | "foodsCategory" | "activityCategory" | "placesCategory" | "objectsCategory" | "symbolsCategory" | "flagsCategory" | "productivityCategory" | "userUploadsCustomCategory" | "allUploadsCustomCategory" | "deleteEmojiFailed" | "emojiInvalidImage" | "emojiUploadFailed" | "emojiUploadTimeout" | "emojiImageTooBig" | "emojiPickerTitle" | "emojiPickerListPanel" | "emojiPickerGrid" | "emojiButtonRoleDescription" | "error";
+export declare const isMessagesKey: (key: string) => key is "deleteEmojiTooltip" | "deleteEmojiTooltipForScreenreader" | "deleteEmojiTitle" | "deleteEmojiDescription" | "deleteEmojiLabel" | "addCustomEmojiLabel" | "emojiPlaceholder" | "emojiNameAriaLabel" | "emojiChooseFileTitle" | "emojiChooseFileScreenReaderDescription" | "emojiSelectSkinToneButtonAriaLabelText" | "emojiSelectSkinToneListAriaLabelText" | "emojiImageRequirements" | "emojiPreviewTitle" | "emojiPreview" | "addEmojiLabel" | "retryLabel" | "cancelLabel" | "searchPlaceholder" | "searchLabel" | "searchResultsStatus" | "searchResultsStatusSeeAll" | "categoriesSelectorLabel" | "categoriesSearchResults" | "frequentCategory" | "peopleCategory" | "natureCategory" | "foodsCategory" | "activityCategory" | "placesCategory" | "objectsCategory" | "symbolsCategory" | "flagsCategory" | "productivityCategory" | "userUploadsCustomCategory" | "allUploadsCustomCategory" | "deleteEmojiFailed" | "emojiInvalidImage" | "emojiUploadFailed" | "emojiUploadTimeout" | "emojiImageTooBig" | "emojiPickerTitle" | "emojiPickerListPanel" | "emojiPickerGrid" | "emojiButtonRoleDescription" | "error";
 export declare const toEmojiId: (emoji: EmojiDescription) => EmojiId;
 export declare const toOptionalEmojiId: (emoji: OptionalEmojiDescription) => EmojiId | undefined;
 export declare const isEmojiIdEqual: (l?: EmojiId, r?: EmojiId) => boolean | undefined;

package/docs/0-intro.tsx

@@ -2,7 +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';
+import { Text } from '@atlaskit/primitives/compiled';
 
 const SimpleEmojiSource = require('!!raw-loader!../examples/00-simple-emoji');
 const EmojiProps = require('!!extract-react-types-loader!../src/components/common/Emoji');

package/docs/4-emoji-provider.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { md, code } from '@atlaskit/docs';
 import SectionMessage from '@atlaskit/section-message';
-import { Text } from '@atlaskit/primitives';
+import { Text } from '@atlaskit/primitives/compiled';
 
 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.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "69.0.12",
+	"version": "69.0.13",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,17 +39,17 @@
 		"@atlaskit/button": "^23.0.0",
 		"@atlaskit/css": "^0.10.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^25.5.0",
+		"@atlaskit/icon": "^25.6.0",
 		"@atlaskit/media-client": "^32.0.0",
 		"@atlaskit/media-client-react": "^4.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.1.0",
 		"@atlaskit/primitives": "^14.4.0",
-		"@atlaskit/react-ufo": "^3.4.0",
+		"@atlaskit/react-ufo": "^3.6.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.7.0",
+		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/util-service-support": "^6.3.0",
@@ -135,6 +135,9 @@
 		},
 		"platform_editor_react18_elements_emoji_jira_bb": {
 			"type": "boolean"
+		},
+		"cc_complexit_fe_remove_emoji_animation": {
+			"type": "boolean"
 		}
 	},
 	"scripts": {