@atlaskit/emoji 67.6.13 → 67.6.15

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/emoji
 
+## 67.6.15
+
+### Patch Changes
+
+- [#83176](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83176) [`5c64e4657ef3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5c64e4657ef3) - [ux] Minor changes to replace deprecated font tokens with new tokens. There may be some very slight differences in font size if the previous value was incorrectly applied, and slight differences in line height to match the new typography system.
+
+## 67.6.14
+
+### Patch Changes
+
+- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
+
 ## 67.6.13
 
 ### Patch Changes

package/admin/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/admin.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/admin.d.ts"
       ]

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

@@ -335,10 +335,8 @@ var deleteText = exports.deleteText = (0, _react.css)({
 });
 var headingH5 = exports.headingH5 = (0, _react.css)({
   '&&': {
-    fontSize: "var(--ds-font-size-075, 12px)",
-    fontWeight: "var(--ds-font-weight-semibold, 600)",
-    letterSpacing: '-0.003em',
-    lineHeight: "var(--ds-font-lineHeight-100, 16px)"
+    font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+    fontWeight: "var(--ds-font-weight-semibold, 600)"
   }
 });
 var requiredSymbol = exports.requiredSymbol = (0, _react.css)({
@@ -354,14 +352,14 @@ var deleteFooter = exports.deleteFooter = (0, _react.css)((0, _defineProperty2.d
   height: '40px',
   alignItems: 'center',
   justifyContent: 'space-between',
-  fontSize: "var(--ds-font-size-100, 14px)",
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   img: {
     maxHeight: '32px',
     maxWidth: '72px'
   }
 }, ".".concat(submitDelete), {
   width: '84px',
-  fontWeight: 'bold',
+  fontWeight: "var(--ds-font-weight-bold, bold)",
   marginRight: "var(--ds-space-050, 4px)"
 }));
 var emojiDeleteErrorMessage = exports.emojiDeleteErrorMessage = (0, _react.css)({

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

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

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

@@ -355,10 +355,8 @@ export const deleteText = css({
 });
 export const headingH5 = css({
   '&&': {
-    fontSize: "var(--ds-font-size-075, 12px)",
-    fontWeight: "var(--ds-font-weight-semibold, 600)",
-    letterSpacing: '-0.003em',
-    lineHeight: "var(--ds-font-lineHeight-100, 16px)"
+    font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+    fontWeight: "var(--ds-font-weight-semibold, 600)"
   }
 });
 export const requiredSymbol = css({
@@ -374,14 +372,14 @@ export const deleteFooter = css({
   height: '40px',
   alignItems: 'center',
   justifyContent: 'space-between',
-  fontSize: "var(--ds-font-size-100, 14px)",
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   img: {
     maxHeight: '32px',
     maxWidth: '72px'
   },
   [`.${submitDelete}`]: {
     width: '84px',
-    fontWeight: 'bold',
+    fontWeight: "var(--ds-font-weight-bold, bold)",
     marginRight: "var(--ds-space-050, 4px)"
   }
 });

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

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

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

@@ -328,10 +328,8 @@ export var deleteText = css({
 });
 export var headingH5 = css({
   '&&': {
-    fontSize: "var(--ds-font-size-075, 12px)",
-    fontWeight: "var(--ds-font-weight-semibold, 600)",
-    letterSpacing: '-0.003em',
-    lineHeight: "var(--ds-font-lineHeight-100, 16px)"
+    font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+    fontWeight: "var(--ds-font-weight-semibold, 600)"
   }
 });
 export var requiredSymbol = css({
@@ -347,14 +345,14 @@ export var deleteFooter = css(_defineProperty({
   height: '40px',
   alignItems: 'center',
   justifyContent: 'space-between',
-  fontSize: "var(--ds-font-size-100, 14px)",
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   img: {
     maxHeight: '32px',
     maxWidth: '72px'
   }
 }, ".".concat(submitDelete), {
   width: '84px',
-  fontWeight: 'bold',
+  fontWeight: "var(--ds-font-weight-bold, bold)",
   marginRight: "var(--ds-space-050, 4px)"
 }));
 export var emojiDeleteErrorMessage = css({

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

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

package/dist/types/api/EmojiResource.d.ts

@@ -103,7 +103,7 @@ export declare class EmojiResource extends AbstractResource<string, EmojiSearchR
     protected initSiteEmojiResource(emojiResponse: EmojiResponse, provider: ServiceConfig): Promise<void>;
     private performRetries;
     getOptimisticImageURL: (emojiId: EmojiId) => string | undefined;
-    protected isRepositoryAvailable: <T>(repository?: T | undefined) => repository is T;
+    protected isRepositoryAvailable: <T>(repository?: T) => repository is T;
     private isLoaded;
     private loadStoredTone;
     protected refreshLastFilter(): void;

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

@@ -29,7 +29,7 @@ export declare const uploadEmojiTestId = "upload-emoji";
 type PropsWithWrappedComponentPropsType = Props & WrappedComponentProps;
 type EmojiActionsProps = PropsWithWrappedComponentPropsType;
 export declare const EmojiActions: (props: EmojiActionsProps) => jsx.JSX.Element;
-declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
 };
 export default _default;

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

@@ -15,7 +15,7 @@ export interface State {
     loading: boolean;
     error: boolean;
 }
-declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
 };
 export default _default;

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

@@ -14,7 +14,7 @@ export interface Props {
     errorMessage?: Message;
     initialUploadName?: string;
 }
-declare const EmojiUploadPickerComponent: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const EmojiUploadPickerComponent: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
 };
 export default EmojiUploadPickerComponent;

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

@@ -12,7 +12,7 @@ export interface EmojiUploadPreviewProps {
 }
 export declare const uploadPreviewTestId = "upload-preview";
 export declare const cancelUploadButtonTestId = "cancel-upload-button";
-declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<EmojiUploadPreviewProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: import("react").ComponentType<EmojiUploadPreviewProps & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<EmojiUploadPreviewProps & WrappedComponentProps>> & {
+    WrappedComponent: import("react").ComponentType<EmojiUploadPreviewProps & WrappedComponentProps>;
 };
 export default _default;

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

@@ -9,4 +9,4 @@ import type { EmojiProvider } from '../../api/EmojiResource';
  * @param onSelect the onSelect function that is explicitly configured on the Emoji component.
  * @param fireAnalytics a function used to fire analytics events.
  */
-export declare const createRecordSelectionDefault: <T>(provider: EmojiProvider, onSelect?: OnEmojiEvent<T> | undefined, fireAnalytics?: ((producer: EmojiInsertionAnalytic) => void) | undefined) => OnEmojiEvent<T>;
+export declare const createRecordSelectionDefault: <T>(provider: EmojiProvider, onSelect?: OnEmojiEvent<T>, fireAnalytics?: ((producer: EmojiInsertionAnalytic) => void) | undefined) => OnEmojiEvent<T>;

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

@@ -23,7 +23,7 @@ export declare const emojiPickerListHeight: number;
 export declare const emojiPickerPreviewHeight = 54;
 export declare const emojiPickerHeightWithPreview: number;
 export declare const localStoragePrefix = "fabric.emoji";
-export declare const selectedToneStorageKey: string;
+export declare const selectedToneStorageKey = "fabric.emoji.selectedTone";
 export declare const defaultCategories: CategoryId[];
 export declare enum KeyboardKeys {
     ArrowLeft = "ArrowLeft",

package/dist/types-ts4.5/api/EmojiResource.d.ts

@@ -103,7 +103,7 @@ export declare class EmojiResource extends AbstractResource<string, EmojiSearchR
     protected initSiteEmojiResource(emojiResponse: EmojiResponse, provider: ServiceConfig): Promise<void>;
     private performRetries;
     getOptimisticImageURL: (emojiId: EmojiId) => string | undefined;
-    protected isRepositoryAvailable: <T>(repository?: T | undefined) => repository is T;
+    protected isRepositoryAvailable: <T>(repository?: T) => repository is T;
     private isLoaded;
     private loadStoredTone;
     protected refreshLastFilter(): void;

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

@@ -29,7 +29,7 @@ export declare const uploadEmojiTestId = "upload-emoji";
 type PropsWithWrappedComponentPropsType = Props & WrappedComponentProps;
 type EmojiActionsProps = PropsWithWrappedComponentPropsType;
 export declare const EmojiActions: (props: EmojiActionsProps) => jsx.JSX.Element;
-declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
 };
 export default _default;

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

@@ -15,7 +15,7 @@ export interface State {
     loading: boolean;
     error: boolean;
 }
-declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
 };
 export default _default;

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

@@ -14,7 +14,7 @@ export interface Props {
     errorMessage?: Message;
     initialUploadName?: string;
 }
-declare const EmojiUploadPickerComponent: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const EmojiUploadPickerComponent: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
 };
 export default EmojiUploadPickerComponent;

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

@@ -12,7 +12,7 @@ export interface EmojiUploadPreviewProps {
 }
 export declare const uploadPreviewTestId = "upload-preview";
 export declare const cancelUploadButtonTestId = "cancel-upload-button";
-declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<EmojiUploadPreviewProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: import("react").ComponentType<EmojiUploadPreviewProps & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<EmojiUploadPreviewProps & WrappedComponentProps>> & {
+    WrappedComponent: import("react").ComponentType<EmojiUploadPreviewProps & WrappedComponentProps>;
 };
 export default _default;

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

@@ -9,4 +9,4 @@ import type { EmojiProvider } from '../../api/EmojiResource';
  * @param onSelect the onSelect function that is explicitly configured on the Emoji component.
  * @param fireAnalytics a function used to fire analytics events.
  */
-export declare const createRecordSelectionDefault: <T>(provider: EmojiProvider, onSelect?: OnEmojiEvent<T> | undefined, fireAnalytics?: ((producer: EmojiInsertionAnalytic) => void) | undefined) => OnEmojiEvent<T>;
+export declare const createRecordSelectionDefault: <T>(provider: EmojiProvider, onSelect?: OnEmojiEvent<T>, fireAnalytics?: ((producer: EmojiInsertionAnalytic) => void) | undefined) => OnEmojiEvent<T>;

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

@@ -23,7 +23,7 @@ export declare const emojiPickerListHeight: number;
 export declare const emojiPickerPreviewHeight = 54;
 export declare const emojiPickerHeightWithPreview: number;
 export declare const localStoragePrefix = "fabric.emoji";
-export declare const selectedToneStorageKey: string;
+export declare const selectedToneStorageKey = "fabric.emoji.selectedTone";
 export declare const defaultCategories: CategoryId[];
 export declare enum KeyboardKeys {
     ArrowLeft = "ArrowLeft",

package/element/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/element.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/element.d.ts"
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/emoji",
-  "version": "67.6.13",
+  "version": "67.6.15",
   "description": "Fabric emoji React components",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -45,7 +45,7 @@
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/textfield": "^6.1.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.41.0",
+    "@atlaskit/tokens": "^1.42.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/util-service-support": "^6.2.0",
@@ -92,7 +92,7 @@
     "react-intl-next": "npm:react-intl@^5.18.1",
     "rxjs": "^5.5.0",
     "sinon": "^2.2.0",
-    "typescript": "~4.9.5",
+    "typescript": "~5.4.2",
     "wait-for-expect": "^1.2.0",
     "webpack-dev-server": "^4.11.1"
   },
@@ -128,4 +128,4 @@
     "start:dev": "cd ../../ && yarn start emoji --proxy ./packages/elements/emoji/proxy.ts",
     "start:edge": "cd ../../ && PROXY_TARGET_ENV=edge yarn start emoji --proxy ./packages/elements/emoji/proxy.ts"
   }
-}
+}

package/picker/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/picker.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/picker.d.ts"
       ]

package/resource/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/resource.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/resource.d.ts"
       ]

package/typeahead/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/typeahead.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/typeahead.d.ts"
       ]

package/types/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/types.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/types.d.ts"
       ]

package/utils/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/utils.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/utils.d.ts"
       ]