@atlaskit/emoji 69.10.0 → 69.10.2

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

@@ -4,9 +4,9 @@ import "./EmojiUploadPreview.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { PureComponent } from 'react';
-import { N20, N300 } from '@atlaskit/theme/colors';
 import AkButton from '@atlaskit/button/standard-button';
 import Heading from '@atlaskit/heading';
+import { Stack } from '@atlaskit/primitives/compiled';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { customCategory } from '../../util/constants';
 import { messages } from '../i18n';
@@ -56,16 +56,17 @@ class EmojiUploadPreview extends PureComponent {
     const uploading = uploadStatus === UploadStatus.Uploading;
     const retryableButtonLabel = errorMessage ? formatMessage(messages.retryLabel) : formatMessage(messages.addEmojiLabel);
     return /*#__PURE__*/React.createElement("div", {
-      className: ax(["_ca0q19bv _u5f319bv _n3td19bv _19bv19bv _1e0c1txw _2lx21bp4 _4t3i53f4"])
+      className: ax(["_1e0c1txw _2lx21bp4 _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"])
     }, /*#__PURE__*/React.createElement("div", {
       "data-testid": uploadPreviewTestId,
-      className: ax(["_2rkofajl _ca0q19bv _u5f319bv _n3td19bv _19bv19bv _1e0c1txw _1bah1yb4 _4cvr1h6o _bfhk1s4m"])
-    }, /*#__PURE__*/React.createElement("div", {
-      className: ax(["_1fztdcr7 _jl6w1n3s _avw21b66 _19l3gktf _rtys12am"])
+      className: ax(["_2rkofajl _1e0c1txw _1bah1yb4 _4cvr1h6o _bfhki8nm _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp"])
+    }, /*#__PURE__*/React.createElement(Stack, {
+      space: "space.050"
     }, /*#__PURE__*/React.createElement(Heading, {
       size: "xsmall"
     }, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiPreviewTitle)), /*#__PURE__*/React.createElement("div", {
-      id: addEmojiPreviewDescriptionId
+      id: addEmojiPreviewDescriptionId,
+      className: ax(["_19l3gktf _rtys12am"])
     }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.emojiPreview, {
       values: {
         emoji: emojiComponent
@@ -73,7 +74,7 @@ class EmojiUploadPreview extends PureComponent {
     })))), /*#__PURE__*/React.createElement("div", {
       className: ax(["_19bv1b66 _19l31ylp _rtys53f4"])
     }, emojiComponent)), /*#__PURE__*/React.createElement("div", {
-      className: ax(["_1e0c1txw _1bahesu3 _4cvr1h6o _ca0q19bv"])
+      className: ax(["_1e0c1txw _1bahesu3 _4cvr1h6o _ca0qu2gc"])
     }, !uploading && errorMessage ? /*#__PURE__*/React.createElement(EmojiErrorMessage, {
       errorStyle: "preview",
       message: errorMessage,

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

@@ -194,8 +194,8 @@ export const ResourcedEmojiComponent = ({
     onEmojiLoadSuccess && onEmojiLoadSuccess(emojiId.id);
   }, [onEmojiLoadSuccess]);
 
-  // use width: auto as long as fitToHeight is defined
-  const autoWidth = fg('platform_emoji_width_auto_fittoheight') ? !!fitToHeight : !!emoji ? false : true;
+  // use width: auto when fitToHeight is defined
+  const autoWidth = !!fitToHeight;
   return /*#__PURE__*/React.createElement(EmojiCommonProvider, {
     emojiProvider: resolvedEmojiProvider
   }, /*#__PURE__*/React.createElement("span", {

package/dist/es2019/components/picker/EmojiPickerCategoryHeading.compiled.css

@@ -1,4 +1,4 @@
-._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
 ._1p1d1qyh{text-transform:lowercase}
 ._299mangw:first-letter{text-transform:uppercase}

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

@@ -25,6 +25,6 @@ const EmojiPickerCategoryHeading = ({
   "data-testid": RENDER_EMOJI_PICKER_CATEGORY_HEADING_TESTID,
   role: "rowheader"
 }, /*#__PURE__*/React.createElement("div", {
-  className: ax(["_11c82smr _vchhusvi _syazj3m3 _ca0q12x7 _n3td12x7 _19bvu2gc _u5f3u2gc _1p1d1qyh _299mangw"])
+  className: ax(["_11c8fhey _vchhusvi _syazj3m3 _ca0q12x7 _n3td12x7 _19bvu2gc _u5f3u2gc _1p1d1qyh _299mangw"])
 }, isMessagesKey(title) ? /*#__PURE__*/React.createElement(FormattedMessage, messages[title]) : title));
 export default EmojiPickerCategoryHeading;

package/dist/es2019/components/picker/EmojiPickerListSearch.compiled.css

@@ -1,4 +1,4 @@
-._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._12ji1r31{outline-color:currentColor}
 ._12y31o36{outline-width:medium}
 ._13xeglyw:invalid{box-shadow:none}

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

@@ -72,6 +72,6 @@ export const EmojiPickerListSearch = props => {
     testId: emojiPickerSearchTestId,
     ref: textRef,
     isCompact: true,
-    className: ax(["_11c82smr _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _syaz1kw7 _80om1kw7 _1q51t94y _y4tize3t _85i5v77o _bozg12x7 _1bsb1osq _13xeglyw _1goxglyw"])
+    className: ax(["_11c8fhey _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _syaz1kw7 _80om1kw7 _1q51t94y _y4tize3t _85i5v77o _bozg12x7 _1bsb1osq _13xeglyw _1goxglyw"])
   }));
 };

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

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

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

@@ -28,7 +28,6 @@ var DeleteButton = function DeleteButton(props) {
     }, /*#__PURE__*/React.createElement(CrossCircleIcon, {
       label: deleteEmojiLabel,
       color: "var(--ds-text-subtle, ".concat(N500, ")"),
-      LEGACY_size: "small",
       size: "small"
     })),
     onClick: props.onClick

package/dist/esm/components/common/EmojiDeletePreview.compiled.css

@@ -1,6 +1,5 @@
-._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._19bv19bv{padding-left:10px}
+._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
 ._19l3zwfg img{max-height:2pc}
 ._1bah1yb4{justify-content:space-between}
 ._1bahesu3{justify-content:flex-end}
@@ -12,10 +11,8 @@
 ._4t3i1ylp{height:40px}
 ._4t3i53f4{height:75pt}
 ._4t3ivbgk{height:4pc}
-._ca0q19bv{padding-top:10px}
-._jwwg7vkz:first-of-type{line-height:1pc}
+._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
 ._m73io7ol .emoji-submit-delete{width:84px}
-._n3td19bv{padding-bottom:10px}
-._pnmb1vvm:first-of-type{color:var(--_bbz764)}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
 ._rtyst9kd img{max-width:72px}
-._u5f319bv{padding-right:10px}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}

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

@@ -12,10 +12,10 @@ import { ax, ix } from "@compiled/react/runtime";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { Component } from 'react';
-import { N300 } from '@atlaskit/theme/colors';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import AkButton from '@atlaskit/button/new';
 import Heading from '@atlaskit/heading';
+import { Text } from '@atlaskit/primitives/compiled';
 import FocusLock from 'react-focus-lock';
 import { messages } from '../i18n';
 import CachingEmoji from './CachingEmoji';
@@ -87,20 +87,20 @@ var EmojiDeletePreview = /*#__PURE__*/function (_Component) {
         noFocusGuards: true
       }, /*#__PURE__*/React.createElement("div", {
         "data-testid": emojiDeletePreviewTestId,
-        className: ax(["_ca0q19bv _u5f319bv _n3td19bv _19bv19bv _4t3i53f4 _1e0c1txw _2lx21bp4 _1bahesu3"])
+        className: ax(["_4t3i53f4 _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1e0c1txw _2lx21bp4 _1bahesu3"])
       }, /*#__PURE__*/React.createElement("div", {
-        className: ax(["_11c8dcr7 _4t3ivbgk _pnmb1vvm _jwwg7vkz"]),
-        style: {
-          "--_bbz764": ix("var(--ds-text-subtle, ".concat(N300, ")"))
-        }
+        className: ax(["_4t3ivbgk"])
       }, /*#__PURE__*/React.createElement(Heading, {
         size: "xxsmall"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.deleteEmojiTitle)), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.deleteEmojiDescription, {
+      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.deleteEmojiTitle)), /*#__PURE__*/React.createElement(Text, {
+        color: "color.text.subtle",
+        size: "small"
+      }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.deleteEmojiDescription, {
         values: {
           emojiShortName: emoji.shortName
         }
-      }))), /*#__PURE__*/React.createElement("div", {
-        className: ax(["_11c82smr _1e0c1txw _4t3i1ylp _4cvr1h6o _1bah1yb4 _19l3zwfg _rtyst9kd _m73io7ol _1txf1igg _1qz31b66"])
+      })))), /*#__PURE__*/React.createElement("div", {
+        className: ax(["_11c8fhey _1e0c1txw _4t3i1ylp _4cvr1h6o _1bah1yb4 _19l3zwfg _rtyst9kd _m73io7ol _1txf1igg _1qz31b66"])
       }, /*#__PURE__*/React.createElement(CachingEmoji, {
         emoji: emoji
       }), /*#__PURE__*/React.createElement("div", {

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

@@ -32,7 +32,6 @@ var EmojiErrorMessage = function EmojiErrorMessage(props) {
   }, /*#__PURE__*/React.createElement(ErrorIcon, {
     color: "currentColor",
     label: formatMessage(messages.error),
-    LEGACY_size: "medium",
     spacing: "spacious",
     testId: emojiErrorIconTestId
   }))) : /*#__PURE__*/React.createElement("div", {
@@ -40,8 +39,7 @@ var EmojiErrorMessage = function EmojiErrorMessage(props) {
     className: ax([errorMessageStyles[errorStyle]])
   }, /*#__PURE__*/React.createElement(ErrorIcon, {
     color: "currentColor",
-    label: formatMessage(messages.error),
-    LEGACY_size: "small"
+    label: formatMessage(messages.error)
   }), message);
   return visualContent;
 };

package/dist/esm/components/common/EmojiPreviewComponent.compiled.css

@@ -1,5 +1,5 @@
-._10hw2smr:first-of-type{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._10hwfhey:first-of-type{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._118didpf span[role=img]>img{padding-bottom:0}
 ._12s6idpf .emoji-common-emoji-sprite{padding-top:0}
 ._16jlkb7n{flex-grow:1}

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

@@ -26,7 +26,7 @@ export var EmojiPreviewComponent = function EmojiPreviewComponent(_ref) {
       "--_5xk3r4": ix("var(--ds-text, ".concat(N900, ")"))
     }
   }, emoji.name), /*#__PURE__*/React.createElement("div", {
-    className: ax(["_11c8dcr7 _1reo15vq _18m915vq _1e0c1ule _syaz121t _vwz4kb7n _otyr1i6y _n3tdv77o _1bto1l2s _o5721q9c _10hw2smr _pnmbovqm"]),
+    className: ax(["_11c8rymc _1reo15vq _18m915vq _1e0c1ule _syaz121t _vwz4kb7n _otyr1i6y _n3tdv77o _1bto1l2s _o5721q9c _10hwfhey _pnmbovqm"]),
     style: {
       "--_1pseksa": ix("var(--ds-text-subtle, ".concat(N400, ")")),
       "--_5xk3r4": ix("var(--ds-text, ".concat(N900, ")"))

package/dist/esm/components/common/EmojiUploadPicker.compiled.css

@@ -1,26 +1,24 @@
-._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._fqoxdcr7._fqoxdcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._scffidpf input{border:0}
-._12r21pd9._12r21pd9{font-weight:var(--ds-font-weight-semibold,600)}
 ._16jlkb7n{flex-grow:1}
-._19bv19bv{padding-left:10px}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
 ._1bah1b1v{justify-content:space-around}
 ._1bah1yb4{justify-content:space-between}
 ._1e0c1txw{display:flex}
 ._1o9zkb7n{flex-shrink:1}
 ._1rwq1j28 input{background-color:transparent}
 ._1w901vvm._1w901vvm{color:var(--_bbz764)}
-._2hwx14y2{margin-right:5px}
 ._2lx21bp4{flex-direction:column}
 ._34ir1o36 input{outline-width:medium}
 ._4cvresu3{align-items:flex-end}
-._4t3icae7{height:78px}
 ._9bj2glyw input::-ms-clear{display:none}
-._ca0q19bv{padding-top:10px}
+._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
 ._coc6glyw input:invalid{box-shadow:none}
 ._gxxuglyw input{outline-style:none}
+._gy1p12x7{column-gap:var(--ds-space-075,6px)}
 ._i0dl1wug{flex-basis:auto}
-._n3td19bv{padding-bottom:10px}
-._n3td1v6z{padding-bottom:7px}
-._u5f319bv{padding-right:10px}
+._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._xmji1r31 input{outline-color:currentColor}

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

@@ -23,7 +23,7 @@ import { UploadStatus } from './internal-types';
 var closeEmojiUploadButton = null;
 var emojiUpload = null;
 var emojiUploadTop = null;
-var headingH5 = null;
+var labelStyles = null;
 var uploadChooseFileEmojiName = null;
 var uploadChooseFileMessage = null;
 var uploadChooseFileRow = null;
@@ -73,12 +73,12 @@ var ChooseEmojiFile = /*#__PURE__*/memo(function (props) {
   var emojiChooseFileTitle = formatMessage(messages.emojiChooseFileTitle);
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": uploadEmojiComponentTestId,
-    className: ax(["_ca0q19bv _u5f319bv _n3td19bv _19bv19bv _4t3icae7 _1e0c1txw _2lx21bp4 _1bah1b1v"])
+    className: ax(["_ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1e0c1txw _2lx21bp4 _1bah1b1v"])
   }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_11c8dcr7 _n3td1v6z _1e0c1txw _1bah1yb4 _4cvresu3"])
+    className: ax(["_11c8rymc _n3tdu2gc _1e0c1txw _1bah1yb4 _4cvresu3"])
   }, /*#__PURE__*/React.createElement("label", {
     htmlFor: "new-emoji-name-input",
-    className: ax(["_1w901vvm", "_fqoxdcr7 _12r21pd9"]),
+    className: ax(["_1w901vvm", "_11c8wadc _k48p1pd9"]),
     style: {
       "--_bbz764": ix("var(--ds-text-subtle, ".concat(N300, ")"))
     }
@@ -93,12 +93,11 @@ var ChooseEmojiFile = /*#__PURE__*/memo(function (props) {
     testId: cancelEmojiUploadPickerTestId
   }, /*#__PURE__*/React.createElement(CrossIcon, {
     color: "currentColor",
-    LEGACY_size: "small",
     label: cancelLabel
   })))), /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1e0c1txw _1bah1yb4 _n3td1v6z"])
+    className: ax(["_1e0c1txw _1bah1yb4 _n3tdu2gc _gy1p12x7"])
   }, /*#__PURE__*/React.createElement("span", {
-    className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug _2hwx14y2 _1rwq1j28 _scffidpf _xmji1r31 _gxxuglyw _34ir1o36 _coc6glyw _9bj2glyw"])
+    className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug _1rwq1j28 _scffidpf _xmji1r31 _gxxuglyw _34ir1o36 _coc6glyw _9bj2glyw"])
   }, /*#__PURE__*/React.createElement(TextField, {
     placeholder: emojiPlaceholder,
     "aria-label": emojiNameAriaLabel,

package/dist/esm/components/common/EmojiUploadPreview.compiled.css

@@ -1,7 +1,7 @@
 
-._1fztdcr7 h5{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rkofajl{border-radius:var(--ds-radius-small,3px)}._19bv19bv{padding-left:10px}
-._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
 ._19l31ylp img{max-height:40px}
 ._19l3gktf img{max-height:20px}
 ._1bah1yb4{justify-content:space-between}
@@ -9,12 +9,12 @@
 ._1e0c1txw{display:flex}
 ._2lx21bp4{flex-direction:column}
 ._4cvr1h6o{align-items:center}
-._4t3i53f4{height:75pt}
-._avw21b66 h5{padding-bottom:var(--ds-space-050,4px)}
-._bfhklslw{background-color:var(--_1jkcdu5)}
-._ca0q19bv{padding-top:10px}
-._jl6w1vvm h5{color:var(--_bbz764)}
-._n3td19bv{padding-bottom:10px}
+._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
+._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
+._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
 ._rtys12am img{max-width:50px}
 ._rtys53f4 img{max-width:75pt}
-._u5f319bv{padding-right:10px}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}

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

@@ -11,9 +11,9 @@ import { ax, ix } from "@compiled/react/runtime";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { PureComponent } from 'react';
-import { N20, N300 } from '@atlaskit/theme/colors';
 import AkButton from '@atlaskit/button/standard-button';
 import Heading from '@atlaskit/heading';
+import { Stack } from '@atlaskit/primitives/compiled';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { customCategory } from '../../util/constants';
 import { messages } from '../i18n';
@@ -67,22 +67,17 @@ var EmojiUploadPreview = /*#__PURE__*/function (_PureComponent) {
       var uploading = uploadStatus === UploadStatus.Uploading;
       var retryableButtonLabel = errorMessage ? formatMessage(messages.retryLabel) : formatMessage(messages.addEmojiLabel);
       return /*#__PURE__*/React.createElement("div", {
-        className: ax(["_ca0q19bv _u5f319bv _n3td19bv _19bv19bv _1e0c1txw _2lx21bp4 _4t3i53f4"])
+        className: ax(["_1e0c1txw _2lx21bp4 _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc"])
       }, /*#__PURE__*/React.createElement("div", {
         "data-testid": uploadPreviewTestId,
-        className: ax(["_2rkofajl _ca0q19bv _u5f319bv _n3td19bv _19bv19bv _1e0c1txw _1bah1yb4 _4cvr1h6o _bfhklslw"]),
-        style: {
-          "--_1jkcdu5": ix("var(--ds-background-neutral, ".concat(N20, ")"))
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        className: ax(["_1fztdcr7 _jl6w1vvm _avw21b66 _19l3gktf _rtys12am"]),
-        style: {
-          "--_bbz764": ix("var(--ds-text-subtle, ".concat(N300, ")"))
-        }
+        className: ax(["_2rkofajl _1e0c1txw _1bah1yb4 _4cvr1h6o _bfhki8nm _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp"])
+      }, /*#__PURE__*/React.createElement(Stack, {
+        space: "space.050"
       }, /*#__PURE__*/React.createElement(Heading, {
         size: "xsmall"
       }, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiPreviewTitle)), /*#__PURE__*/React.createElement("div", {
-        id: addEmojiPreviewDescriptionId
+        id: addEmojiPreviewDescriptionId,
+        className: ax(["_19l3gktf _rtys12am"])
       }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.emojiPreview, {
         values: {
           emoji: emojiComponent
@@ -90,7 +85,7 @@ var EmojiUploadPreview = /*#__PURE__*/function (_PureComponent) {
       })))), /*#__PURE__*/React.createElement("div", {
         className: ax(["_19bv1b66 _19l31ylp _rtys53f4"])
       }, emojiComponent)), /*#__PURE__*/React.createElement("div", {
-        className: ax(["_1e0c1txw _1bahesu3 _4cvr1h6o _ca0q19bv"])
+        className: ax(["_1e0c1txw _1bahesu3 _4cvr1h6o _ca0qu2gc"])
       }, !uploading && errorMessage ? /*#__PURE__*/React.createElement(EmojiErrorMessage, {
         errorStyle: "preview",
         message: errorMessage,

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

@@ -231,8 +231,8 @@ export var ResourcedEmojiComponent = function ResourcedEmojiComponent(_ref) {
     onEmojiLoadSuccess && onEmojiLoadSuccess(emojiId.id);
   }, [onEmojiLoadSuccess]);
 
-  // use width: auto as long as fitToHeight is defined
-  var autoWidth = fg('platform_emoji_width_auto_fittoheight') ? !!fitToHeight : !!emoji ? false : true;
+  // use width: auto when fitToHeight is defined
+  var autoWidth = !!fitToHeight;
   return /*#__PURE__*/React.createElement(EmojiCommonProvider, {
     emojiProvider: resolvedEmojiProvider
   }, /*#__PURE__*/React.createElement("span", {

package/dist/esm/components/picker/EmojiPickerCategoryHeading.compiled.css

@@ -1,4 +1,4 @@
-._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
 ._1p1d1qyh{text-transform:lowercase}
 ._299mangw:first-letter{text-transform:uppercase}

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

@@ -25,7 +25,7 @@ var EmojiPickerCategoryHeading = function EmojiPickerCategoryHeading(_ref) {
     "data-testid": RENDER_EMOJI_PICKER_CATEGORY_HEADING_TESTID,
     role: "rowheader"
   }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_11c82smr _vchhusvi _syazovqm _ca0q12x7 _n3td12x7 _19bvu2gc _u5f3u2gc _1p1d1qyh _299mangw"]),
+    className: ax(["_11c8fhey _vchhusvi _syazovqm _ca0q12x7 _n3td12x7 _19bvu2gc _u5f3u2gc _1p1d1qyh _299mangw"]),
     style: {
       "--_5xk3r4": ix("var(--ds-text, ".concat(N900, ")"))
     }

package/dist/esm/components/picker/EmojiPickerListSearch.compiled.css

@@ -1,4 +1,4 @@
-._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._12ji1r31{outline-color:currentColor}
 ._12y31o36{outline-width:medium}
 ._13xeglyw:invalid{box-shadow:none}

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

@@ -76,6 +76,6 @@ export var EmojiPickerListSearch = function EmojiPickerListSearch(props) {
     testId: emojiPickerSearchTestId,
     ref: textRef,
     isCompact: true,
-    className: ax(["_11c82smr _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _syaz1kw7 _80om1kw7 _1q51t94y _y4tize3t _85i5v77o _bozg12x7 _1bsb1osq _13xeglyw _1goxglyw"])
+    className: ax(["_11c8fhey _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _syaz1kw7 _80om1kw7 _1q51t94y _y4tize3t _85i5v77o _bozg12x7 _1bsb1osq _13xeglyw _1goxglyw"])
   }));
 };

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: "0.0.0-development"
+      packageVersion: "69.10.1"
     }, attributes)
   };
 };

package/docs/0-intro.tsx

@@ -7,7 +7,7 @@ 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');
 
-export default md`
+const _default_1: any = md`
   ${(<AtlassianInternalWarning />)}
 
   The main purpose of the emoji package is to provide multiple components for selecting from a list of provided emojis and rendering them.
@@ -102,3 +102,4 @@ export default md`
 
   ${(<Props props={EmojiProps} />)}
 `;
+export default _default_1;

package/docs/1-resourced-emoji.tsx

@@ -5,7 +5,7 @@ import ResourcedEmojiExample from '../examples/23-optimistic-emoji';
 const ResourcedEmojiSource = require('!!raw-loader!../examples/23-optimistic-emoji');
 const ResourcedEmojiProps = require('!!extract-react-types-loader!../src/components/common/ResourcedEmojiComponent');
 
-export default md`
+const _default_1: any = md`
   ## Usage
 
   Import the component in your React app as follows:
@@ -72,3 +72,4 @@ export default md`
 
   ${(<Props props={ResourcedEmojiProps} />)}
 `;
+export default _default_1;

package/docs/2-emoji-picker.tsx

@@ -5,7 +5,7 @@ import EmojiPickerExample from '../examples/05-standard-emoji-picker-with-upload
 const EmojiPickerSource = require('!!raw-loader!../examples/05-standard-emoji-picker-with-upload');
 const EmojiPickerProps = require('!!extract-react-types-loader!../src/components/picker/EmojiPickerComponent');
 
-export default md`
+const _default_1: any = md`
   ## Usage
 
   Import the component in your React app as follows:
@@ -54,3 +54,4 @@ export default md`
 
   ${(<Props props={EmojiPickerProps} />)}
 `;
+export default _default_1;

package/docs/3-typeahead.tsx

@@ -5,7 +5,7 @@ import TypeAheadiExample from '../examples/03-standard-emoji-typeahead';
 const TypeAheadSource = require('!!raw-loader!../examples/03-standard-emoji-typeahead');
 const TypeAheadProps = require('!!extract-react-types-loader!../src/components/typeahead/EmojiTypeAheadComponent');
 
-export default md`
+const _default_1: any = md`
 
   ${(
 		<Example
@@ -18,3 +18,4 @@ export default md`
 
   ${(<Props props={TypeAheadProps} />)}
 `;
+export default _default_1;

package/docs/4-emoji-provider.tsx

@@ -3,7 +3,7 @@ import { md, code } from '@atlaskit/docs';
 import SectionMessage from '@atlaskit/section-message';
 import { Text } from '@atlaskit/primitives/compiled';
 
-export default md`
+const _default_1: any = 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.
 
 This is a basic example of emoji provider, supporting standard, atlassian, and site emojis:
@@ -97,3 +97,4 @@ ${code`
 `}
 
 `;
+export default _default_1;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "69.10.0",
+	"version": "69.10.2",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -43,13 +43,13 @@
 		"@atlaskit/media-client": "^35.7.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^17.0.0",
+		"@atlaskit/primitives": "^17.1.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.11.0",
-		"@atlaskit/tokens": "^9.1.0",
-		"@atlaskit/tooltip": "^20.12.0",
+		"@atlaskit/tmp-editor-statsig": "^16.23.0",
+		"@atlaskit/tokens": "^10.0.0",
+		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/util-service-support": "^6.3.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -79,8 +79,7 @@
 		"@emotion/jest": "^11.8.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
-		"@testing-library/react": "^13.4.0",
-		"@testing-library/react-hooks": "^8.0.1",
+		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"@types/js-search": "^1.4.0",
 		"dotenv": "^8.2.0",
@@ -119,9 +118,6 @@
 		"platform_emoji_ssr_width_auto_allowed": {
 			"type": "boolean"
 		},
-		"platform_emoji_width_auto_fittoheight": {
-			"type": "boolean"
-		},
 		"platform_emoji_prevent_img_src_changing": {
 			"type": "boolean"
 		}

package/build/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "extends": "../tsconfig",
-  "compilerOptions": {
-    "declaration": true,
-    "target": "es5",
-    "paths": {}
-  },
-  "include": [
-    "../src/**/*.ts",
-    "../src/**/*.tsx"
-  ],
-  "exclude": [
-    "../src/**/__tests__/*",
-    "../src/**/*.test.*",
-    "../src/**/test.*",
-    "../src/**/examples.*",
-    "../src/**/examples/*",
-    "../src/**/examples/**/*",
-    "../src/**/*.stories.*",
-    "../src/**/stories/*",
-    "../src/**/stories/**/*"
-  ]
-}