@atlaskit/emoji 69.7.2 → 69.8.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/emoji
 
+## 69.8.1
+
+### Patch Changes
+
+- [`a8330c6227ed0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a8330c6227ed0) -
+  [ux] [EDITOR-2459] css behind an experiment gate to scale emoji sizes with text styles
+
+## 69.8.0
+
+### Minor Changes
+
+- [`a8137975c5ecb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a8137975c5ecb) -
+  [ux] [EDITOR-2459] css behind an experiment gate to scale emoji sizes with text styles
+
 ## 69.7.2
 
 ### Patch Changes

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

@@ -113,12 +113,19 @@ var SpriteEmoji = exports.SpriteEmoji = function SpriteEmoji(props) {
   var classes = "".concat(_styles.emojiNodeStyles, " ").concat(selected ? _styles.commonSelectedStyles : '', " ").concat(selectOnHover ? _styles.selectOnHoverStyles : '', " ").concat(className ? className : '');
   var sizing = {};
   if (fitToHeight) {
-    sizing = {
-      width: "".concat(fitToHeight, "px"),
-      height: "".concat(fitToHeight, "px"),
-      minHeight: "".concat(fitToHeight, "px"),
-      minWidth: "".concat(fitToHeight, "px")
-    };
+    if ((0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true)) {
+      sizing = {
+        minHeight: "".concat(fitToHeight, "px"),
+        minWidth: "".concat(fitToHeight, "px")
+      };
+    } else {
+      sizing = {
+        width: "".concat(fitToHeight, "px"),
+        height: "".concat(fitToHeight, "px"),
+        minHeight: "".concat(fitToHeight, "px"),
+        minWidth: "".concat(fitToHeight, "px")
+      };
+    }
   }
   var xPositionInPercent = 100 / (sprite.column - 1) * (representation.xIndex - 0);
   var yPositionInPercent = 100 / (sprite.row - 1) * (representation.yIndex - 0);

package/dist/cjs/index.js

@@ -114,6 +114,12 @@ Object.defineProperty(exports, "customCategory", {
   }
 });
 exports.default = void 0;
+Object.defineProperty(exports, "defaultDenseEmojiHeight", {
+  enumerable: true,
+  get: function get() {
+    return _constants.defaultDenseEmojiHeight;
+  }
+});
 Object.defineProperty(exports, "defaultEmojiHeight", {
   enumerable: true,
   get: function get() {
@@ -126,6 +132,30 @@ Object.defineProperty(exports, "denormaliseEmojiServiceResponse", {
     return _EmojiUtils.denormaliseEmojiServiceResponse;
   }
 });
+Object.defineProperty(exports, "denseEmojiHeightH1", {
+  enumerable: true,
+  get: function get() {
+    return _constants.denseEmojiHeightH1;
+  }
+});
+Object.defineProperty(exports, "denseEmojiHeightH2", {
+  enumerable: true,
+  get: function get() {
+    return _constants.denseEmojiHeightH2;
+  }
+});
+Object.defineProperty(exports, "denseEmojiHeightH3", {
+  enumerable: true,
+  get: function get() {
+    return _constants.denseEmojiHeightH3;
+  }
+});
+Object.defineProperty(exports, "denseEmojiHeightH4", {
+  enumerable: true,
+  get: function get() {
+    return _constants.denseEmojiHeightH4;
+  }
+});
 Object.defineProperty(exports, "emojiImage", {
   enumerable: true,
   get: function get() {
@@ -180,6 +210,30 @@ Object.defineProperty(exports, "recordSelectionSucceededSli", {
     return _analytics.recordSelectionSucceededSli;
   }
 });
+Object.defineProperty(exports, "scaledEmojiHeightH1", {
+  enumerable: true,
+  get: function get() {
+    return _constants.scaledEmojiHeightH1;
+  }
+});
+Object.defineProperty(exports, "scaledEmojiHeightH2", {
+  enumerable: true,
+  get: function get() {
+    return _constants.scaledEmojiHeightH2;
+  }
+});
+Object.defineProperty(exports, "scaledEmojiHeightH3", {
+  enumerable: true,
+  get: function get() {
+    return _constants.scaledEmojiHeightH3;
+  }
+});
+Object.defineProperty(exports, "scaledEmojiHeightH4", {
+  enumerable: true,
+  get: function get() {
+    return _constants.scaledEmojiHeightH4;
+  }
+});
 Object.defineProperty(exports, "selectOnHover", {
   enumerable: true,
   get: function get() {

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

package/dist/cjs/util/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.yourUploadsCategory = exports.userCustomTitle = exports.sizeGap = exports.selectedToneStorageKey = exports.searchCategory = exports.migrationUserId = exports.localStoragePrefix = exports.frequentCategory = exports.emojiPickerWidth = exports.emojiPickerPreviewHeight = exports.emojiPickerMinHeight = exports.emojiPickerListHeight = exports.emojiPickerHeightWithPreview = exports.emojiPickerHeight = exports.deleteEmojiLabel = exports.defaultListLimit = exports.defaultEmojiPickerSize = exports.defaultEmojiHeight = exports.defaultCategories = exports.dataURLPrefix = exports.customType = exports.customTitle = exports.customCategory = exports.analyticsEmojiPrefix = exports.TONESELECTOR_KEYBOARD_KEYS_SUPPORTED = exports.SAMPLING_RATE_EMOJI_RESOURCE_FETCHED_EXP = exports.SAMPLING_RATE_EMOJI_RENDERED_EXP = exports.MAX_ORDINAL = exports.KeyboardNavigationDirection = exports.KeyboardKeys = exports.EMOJI_SEARCH_DEBOUNCE = exports.EMOJI_LIST_PAGE_COUNT = exports.EMOJI_LIST_COLUMNS = exports.EMOJI_KEYBOARD_KEYS_SUPPORTED = exports.EMOJIPICKERLIST_KEYBOARD_KEYS_SUPPORTED = exports.DEFAULT_TONE = exports.CATEGORYSELECTOR_KEYBOARD_KEYS_SUPPORTED = void 0;
+exports.yourUploadsCategory = exports.userCustomTitle = exports.sizeGap = exports.selectedToneStorageKey = exports.searchCategory = exports.scaledEmojiHeightH4 = exports.scaledEmojiHeightH3 = exports.scaledEmojiHeightH2 = exports.scaledEmojiHeightH1 = exports.migrationUserId = exports.localStoragePrefix = exports.frequentCategory = exports.emojiPickerWidth = exports.emojiPickerPreviewHeight = exports.emojiPickerMinHeight = exports.emojiPickerListHeight = exports.emojiPickerHeightWithPreview = exports.emojiPickerHeight = exports.denseEmojiHeightH4 = exports.denseEmojiHeightH3 = exports.denseEmojiHeightH2 = exports.denseEmojiHeightH1 = exports.deleteEmojiLabel = exports.defaultListLimit = exports.defaultEmojiPickerSize = exports.defaultEmojiHeight = exports.defaultDenseEmojiHeight = exports.defaultCategories = exports.dataURLPrefix = exports.customType = exports.customTitle = exports.customCategory = exports.analyticsEmojiPrefix = exports.TONESELECTOR_KEYBOARD_KEYS_SUPPORTED = exports.SAMPLING_RATE_EMOJI_RESOURCE_FETCHED_EXP = exports.SAMPLING_RATE_EMOJI_RENDERED_EXP = exports.MAX_ORDINAL = exports.KeyboardNavigationDirection = exports.KeyboardKeys = exports.EMOJI_SEARCH_DEBOUNCE = exports.EMOJI_LIST_PAGE_COUNT = exports.EMOJI_LIST_COLUMNS = exports.EMOJI_KEYBOARD_KEYS_SUPPORTED = exports.EMOJIPICKERLIST_KEYBOARD_KEYS_SUPPORTED = exports.DEFAULT_TONE = exports.CATEGORYSELECTOR_KEYBOARD_KEYS_SUPPORTED = void 0;
 var customCategory = exports.customCategory = 'CUSTOM';
 var frequentCategory = exports.frequentCategory = 'FREQUENT';
 var customType = exports.customType = 'SITE';
@@ -19,7 +19,16 @@ var deleteEmojiLabel = exports.deleteEmojiLabel = 'delete-emoji';
  * This is used instead of Number.MAX_VALUE since subtraction of MAX_VALUE from itself occassionaly doesn't equal zero exactly :-(
  */
 var MAX_ORDINAL = exports.MAX_ORDINAL = 100000;
+var scaledEmojiHeightH1 = exports.scaledEmojiHeightH1 = 28;
+var scaledEmojiHeightH2 = exports.scaledEmojiHeightH2 = 26;
+var scaledEmojiHeightH3 = exports.scaledEmojiHeightH3 = 24;
+var scaledEmojiHeightH4 = exports.scaledEmojiHeightH4 = 22;
+var denseEmojiHeightH1 = exports.denseEmojiHeightH1 = 24.25;
+var denseEmojiHeightH2 = exports.denseEmojiHeightH2 = 22.25;
+var denseEmojiHeightH3 = exports.denseEmojiHeightH3 = 20.25;
+var denseEmojiHeightH4 = exports.denseEmojiHeightH4 = 18.25;
 var defaultEmojiHeight = exports.defaultEmojiHeight = 20;
+var defaultDenseEmojiHeight = exports.defaultDenseEmojiHeight = 16.25;
 var emojiPickerWidth = exports.emojiPickerWidth = 350;
 var sizeGap = exports.sizeGap = 80;
 var defaultEmojiPickerSize = exports.defaultEmojiPickerSize = 'medium';

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

@@ -112,12 +112,19 @@ export const SpriteEmoji = props => {
   const classes = `${emojiNodeStyles} ${selected ? commonSelectedStyles : ''} ${selectOnHover ? selectOnHoverStyles : ''} ${className ? className : ''}`;
   let sizing = {};
   if (fitToHeight) {
-    sizing = {
-      width: `${fitToHeight}px`,
-      height: `${fitToHeight}px`,
-      minHeight: `${fitToHeight}px`,
-      minWidth: `${fitToHeight}px`
-    };
+    if (expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true)) {
+      sizing = {
+        minHeight: `${fitToHeight}px`,
+        minWidth: `${fitToHeight}px`
+      };
+    } else {
+      sizing = {
+        width: `${fitToHeight}px`,
+        height: `${fitToHeight}px`,
+        minHeight: `${fitToHeight}px`,
+        minWidth: `${fitToHeight}px`
+      };
+    }
   }
   const xPositionInPercent = 100 / (sprite.column - 1) * (representation.xIndex - 0);
   const yPositionInPercent = 100 / (sprite.row - 1) * (representation.yIndex - 0);

package/dist/es2019/index.js

@@ -16,7 +16,7 @@ import EmojiLoader from './api/EmojiLoader';
 import { denormaliseEmojiServiceResponse } from './api/EmojiUtils';
 import { toEmojiId, toOptionalEmojiId } from './util/type-helpers';
 import { recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling } from './util/analytics';
-import { customCategory, defaultEmojiHeight, emojiPickerWidth, emojiPickerHeight } from './util/constants';
+import { customCategory, defaultEmojiHeight, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4, emojiPickerWidth, emojiPickerHeight } from './util/constants';
 import { UsageFrequencyTracker } from './api/internal/UsageFrequencyTracker';
 import { useEmoji } from './hooks/useEmoji';
 import { useEmojiContext } from './hooks/useEmojiContext';
@@ -30,7 +30,7 @@ useEmoji, useEmojiContext,
 // functions
 denormaliseEmojiServiceResponse, preloadEmojiPicker, toEmojiId, toOptionalEmojiId, recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling,
 // Constants
-emojiPickerWidth, emojiPickerHeight, defaultEmojiHeight, customCategory, UsageFrequencyTracker, EmojiTypeAheadItem };
+emojiPickerWidth, emojiPickerHeight, defaultEmojiHeight, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4, customCategory, UsageFrequencyTracker, EmojiTypeAheadItem };
 export {
 // Enums
 SearchSort, UfoExperienceName, UfoComponentName } from './types';

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

package/dist/es2019/util/constants.js

@@ -13,7 +13,16 @@ export const deleteEmojiLabel = 'delete-emoji';
  * This is used instead of Number.MAX_VALUE since subtraction of MAX_VALUE from itself occassionaly doesn't equal zero exactly :-(
  */
 export const MAX_ORDINAL = 100000;
+export const scaledEmojiHeightH1 = 28;
+export const scaledEmojiHeightH2 = 26;
+export const scaledEmojiHeightH3 = 24;
+export const scaledEmojiHeightH4 = 22;
+export const denseEmojiHeightH1 = 24.25;
+export const denseEmojiHeightH2 = 22.25;
+export const denseEmojiHeightH3 = 20.25;
+export const denseEmojiHeightH4 = 18.25;
 export const defaultEmojiHeight = 20;
+export const defaultDenseEmojiHeight = 16.25;
 export const emojiPickerWidth = 350;
 export const sizeGap = 80;
 export const defaultEmojiPickerSize = 'medium';

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

@@ -104,12 +104,19 @@ export var SpriteEmoji = function SpriteEmoji(props) {
   var classes = "".concat(emojiNodeStyles, " ").concat(selected ? commonSelectedStyles : '', " ").concat(selectOnHover ? selectOnHoverStyles : '', " ").concat(className ? className : '');
   var sizing = {};
   if (fitToHeight) {
-    sizing = {
-      width: "".concat(fitToHeight, "px"),
-      height: "".concat(fitToHeight, "px"),
-      minHeight: "".concat(fitToHeight, "px"),
-      minWidth: "".concat(fitToHeight, "px")
-    };
+    if (expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true)) {
+      sizing = {
+        minHeight: "".concat(fitToHeight, "px"),
+        minWidth: "".concat(fitToHeight, "px")
+      };
+    } else {
+      sizing = {
+        width: "".concat(fitToHeight, "px"),
+        height: "".concat(fitToHeight, "px"),
+        minHeight: "".concat(fitToHeight, "px"),
+        minWidth: "".concat(fitToHeight, "px")
+      };
+    }
   }
   var xPositionInPercent = 100 / (sprite.column - 1) * (representation.xIndex - 0);
   var yPositionInPercent = 100 / (sprite.row - 1) * (representation.yIndex - 0);

package/dist/esm/index.js

@@ -16,7 +16,7 @@ import EmojiLoader from './api/EmojiLoader';
 import { denormaliseEmojiServiceResponse } from './api/EmojiUtils';
 import { toEmojiId, toOptionalEmojiId } from './util/type-helpers';
 import { recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling } from './util/analytics';
-import { customCategory, defaultEmojiHeight, emojiPickerWidth, emojiPickerHeight } from './util/constants';
+import { customCategory, defaultEmojiHeight, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4, emojiPickerWidth, emojiPickerHeight } from './util/constants';
 import { UsageFrequencyTracker } from './api/internal/UsageFrequencyTracker';
 import { useEmoji } from './hooks/useEmoji';
 import { useEmojiContext } from './hooks/useEmojiContext';
@@ -30,7 +30,7 @@ useEmoji, useEmojiContext,
 // functions
 denormaliseEmojiServiceResponse, preloadEmojiPicker, toEmojiId, toOptionalEmojiId, recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling,
 // Constants
-emojiPickerWidth, emojiPickerHeight, defaultEmojiHeight, customCategory, UsageFrequencyTracker, EmojiTypeAheadItem };
+emojiPickerWidth, emojiPickerHeight, defaultEmojiHeight, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4, customCategory, UsageFrequencyTracker, EmojiTypeAheadItem };
 export {
 // Enums
 SearchSort, UfoExperienceName, UfoComponentName } from './types';

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

package/dist/esm/util/constants.js

@@ -13,7 +13,16 @@ export var deleteEmojiLabel = 'delete-emoji';
  * This is used instead of Number.MAX_VALUE since subtraction of MAX_VALUE from itself occassionaly doesn't equal zero exactly :-(
  */
 export var MAX_ORDINAL = 100000;
+export var scaledEmojiHeightH1 = 28;
+export var scaledEmojiHeightH2 = 26;
+export var scaledEmojiHeightH3 = 24;
+export var scaledEmojiHeightH4 = 22;
+export var denseEmojiHeightH1 = 24.25;
+export var denseEmojiHeightH2 = 22.25;
+export var denseEmojiHeightH3 = 20.25;
+export var denseEmojiHeightH4 = 18.25;
 export var defaultEmojiHeight = 20;
+export var defaultDenseEmojiHeight = 16.25;
 export var emojiPickerWidth = 350;
 export var sizeGap = 80;
 export var defaultEmojiPickerSize = 'medium';

package/dist/types/index.d.ts

@@ -14,13 +14,13 @@ import EmojiLoader from './api/EmojiLoader';
 import { denormaliseEmojiServiceResponse } from './api/EmojiUtils';
 import { toEmojiId, toOptionalEmojiId } from './util/type-helpers';
 import { recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, type WithSamplingUFOExperience } from './util/analytics';
-import { customCategory, defaultEmojiHeight, emojiPickerWidth, emojiPickerHeight } from './util/constants';
+import { customCategory, defaultEmojiHeight, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4, emojiPickerWidth, emojiPickerHeight } from './util/constants';
 import { UsageFrequencyTracker } from './api/internal/UsageFrequencyTracker';
 import { useEmoji } from './hooks/useEmoji';
 import { useEmojiContext } from './hooks/useEmojiContext';
 import { EmojiContextProvider } from './context/EmojiContextProvider';
 import { EmojiCommonProvider } from './context/EmojiCommonProvider';
-export { AbstractResource, Emoji, EmojiPlaceholder, EmojiLoader, EmojiPicker, EmojiUploader, EmojiResource, EmojiCommonProvider, EmojiRepository, EmojiTypeAhead, ResourcedEmoji, EmojiContextProvider, useEmoji, useEmojiContext, denormaliseEmojiServiceResponse, preloadEmojiPicker, toEmojiId, toOptionalEmojiId, recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, emojiPickerWidth, emojiPickerHeight, defaultEmojiHeight, customCategory, UsageFrequencyTracker, EmojiTypeAheadItem, };
+export { AbstractResource, Emoji, EmojiPlaceholder, EmojiLoader, EmojiPicker, EmojiUploader, EmojiResource, EmojiCommonProvider, EmojiRepository, EmojiTypeAhead, ResourcedEmoji, EmojiContextProvider, useEmoji, useEmojiContext, denormaliseEmojiServiceResponse, preloadEmojiPicker, toEmojiId, toOptionalEmojiId, recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, emojiPickerWidth, emojiPickerHeight, defaultEmojiHeight, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4, customCategory, UsageFrequencyTracker, EmojiTypeAheadItem, };
 export type { EmojiProvider, UploadingEmojiProvider, EmojiResourceConfig, WithSamplingUFOExperience, };
 export { SearchSort, UfoExperienceName, UfoComponentName, } from './types';
 export type { CategoryId, EmojiRepresentation, EmojiServiceRepresentation, Message, OptionalEmojiDescription, OptionalEmojiDescriptionWithVariations, OptionalUser, RelativePosition, ToneSelection, AltRepresentations, CategoryDescription, EmojiDescription, EmojiDescriptionWithVariations, EmojiId, EmojiImageRepresentation, EmojiMeta, EmojiResponse, EmojiSearchResult, EmojiServiceDescription, EmojiServiceDescriptionWithVariations, EmojiServiceResponse, EmojiUpload, EmojiVariationDescription, ImageRepresentation, MediaApiRepresentation, MediaApiToken, OnCategory, OnEmojiEvent, OnToneSelected, OnToneSelectorCancelled, SearchOptions, SpriteImageRepresentation, SpriteRepresentation, SpriteServiceRepresentation, SpriteSheet, SpriteSheets, Styles, User, PickerSize, } from './types';

package/dist/types/util/constants.d.ts

@@ -13,7 +13,16 @@ export declare const deleteEmojiLabel = "delete-emoji";
  * This is used instead of Number.MAX_VALUE since subtraction of MAX_VALUE from itself occassionaly doesn't equal zero exactly :-(
  */
 export declare const MAX_ORDINAL = 100000;
+export declare const scaledEmojiHeightH1 = 28;
+export declare const scaledEmojiHeightH2 = 26;
+export declare const scaledEmojiHeightH3 = 24;
+export declare const scaledEmojiHeightH4 = 22;
+export declare const denseEmojiHeightH1 = 24.25;
+export declare const denseEmojiHeightH2 = 22.25;
+export declare const denseEmojiHeightH3 = 20.25;
+export declare const denseEmojiHeightH4 = 18.25;
 export declare const defaultEmojiHeight = 20;
+export declare const defaultDenseEmojiHeight = 16.25;
 export type EmojiPickerWidth = 350;
 export declare const emojiPickerWidth: EmojiPickerWidth;
 export declare const sizeGap = 80;

package/dist/types-ts4.5/index.d.ts

@@ -14,13 +14,13 @@ import EmojiLoader from './api/EmojiLoader';
 import { denormaliseEmojiServiceResponse } from './api/EmojiUtils';
 import { toEmojiId, toOptionalEmojiId } from './util/type-helpers';
 import { recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, type WithSamplingUFOExperience } from './util/analytics';
-import { customCategory, defaultEmojiHeight, emojiPickerWidth, emojiPickerHeight } from './util/constants';
+import { customCategory, defaultEmojiHeight, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4, emojiPickerWidth, emojiPickerHeight } from './util/constants';
 import { UsageFrequencyTracker } from './api/internal/UsageFrequencyTracker';
 import { useEmoji } from './hooks/useEmoji';
 import { useEmojiContext } from './hooks/useEmojiContext';
 import { EmojiContextProvider } from './context/EmojiContextProvider';
 import { EmojiCommonProvider } from './context/EmojiCommonProvider';
-export { AbstractResource, Emoji, EmojiPlaceholder, EmojiLoader, EmojiPicker, EmojiUploader, EmojiResource, EmojiCommonProvider, EmojiRepository, EmojiTypeAhead, ResourcedEmoji, EmojiContextProvider, useEmoji, useEmojiContext, denormaliseEmojiServiceResponse, preloadEmojiPicker, toEmojiId, toOptionalEmojiId, recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, emojiPickerWidth, emojiPickerHeight, defaultEmojiHeight, customCategory, UsageFrequencyTracker, EmojiTypeAheadItem, };
+export { AbstractResource, Emoji, EmojiPlaceholder, EmojiLoader, EmojiPicker, EmojiUploader, EmojiResource, EmojiCommonProvider, EmojiRepository, EmojiTypeAhead, ResourcedEmoji, EmojiContextProvider, useEmoji, useEmojiContext, denormaliseEmojiServiceResponse, preloadEmojiPicker, toEmojiId, toOptionalEmojiId, recordSelectionFailedSli, recordSelectionSucceededSli, ufoExperiences, withSampling, emojiPickerWidth, emojiPickerHeight, defaultEmojiHeight, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4, customCategory, UsageFrequencyTracker, EmojiTypeAheadItem, };
 export type { EmojiProvider, UploadingEmojiProvider, EmojiResourceConfig, WithSamplingUFOExperience, };
 export { SearchSort, UfoExperienceName, UfoComponentName, } from './types';
 export type { CategoryId, EmojiRepresentation, EmojiServiceRepresentation, Message, OptionalEmojiDescription, OptionalEmojiDescriptionWithVariations, OptionalUser, RelativePosition, ToneSelection, AltRepresentations, CategoryDescription, EmojiDescription, EmojiDescriptionWithVariations, EmojiId, EmojiImageRepresentation, EmojiMeta, EmojiResponse, EmojiSearchResult, EmojiServiceDescription, EmojiServiceDescriptionWithVariations, EmojiServiceResponse, EmojiUpload, EmojiVariationDescription, ImageRepresentation, MediaApiRepresentation, MediaApiToken, OnCategory, OnEmojiEvent, OnToneSelected, OnToneSelectorCancelled, SearchOptions, SpriteImageRepresentation, SpriteRepresentation, SpriteServiceRepresentation, SpriteSheet, SpriteSheets, Styles, User, PickerSize, } from './types';

package/dist/types-ts4.5/util/constants.d.ts

@@ -13,7 +13,16 @@ export declare const deleteEmojiLabel = "delete-emoji";
  * This is used instead of Number.MAX_VALUE since subtraction of MAX_VALUE from itself occassionaly doesn't equal zero exactly :-(
  */
 export declare const MAX_ORDINAL = 100000;
+export declare const scaledEmojiHeightH1 = 28;
+export declare const scaledEmojiHeightH2 = 26;
+export declare const scaledEmojiHeightH3 = 24;
+export declare const scaledEmojiHeightH4 = 22;
+export declare const denseEmojiHeightH1 = 24.25;
+export declare const denseEmojiHeightH2 = 22.25;
+export declare const denseEmojiHeightH3 = 20.25;
+export declare const denseEmojiHeightH4 = 18.25;
 export declare const defaultEmojiHeight = 20;
+export declare const defaultDenseEmojiHeight = 16.25;
 export type EmojiPickerWidth = 350;
 export declare const emojiPickerWidth: EmojiPickerWidth;
 export declare const sizeGap = 80;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "69.7.2",
+	"version": "69.8.1",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -47,9 +47,9 @@
 		"@atlaskit/primitives": "^16.1.0",
 		"@atlaskit/react-ufo": "^4.14.0",
 		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/textfield": "^8.0.0",
+		"@atlaskit/textfield": "^8.1.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.35.0",
+		"@atlaskit/tmp-editor-statsig": "^13.38.0",
 		"@atlaskit/tokens": "^8.0.0",
 		"@atlaskit/tooltip": "^20.8.0",
 		"@atlaskit/ufo": "^0.4.0",