@atlaskit/emoji 71.6.0 → 71.6.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/emoji
 
+## 71.6.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 71.6.1
+
+### Patch Changes
+
+- [`ad79f1670a54c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ad79f1670a54c) -
+  Persist productivity emoji colour selection
+- [`85dc85818cf2d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/85dc85818cf2d) -
+  Use empty refresh emoji picker footer space for the scrollable emoji list
+- Updated dependencies
+
 ## 71.6.0
 
 ### Minor Changes

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

@@ -665,7 +665,10 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       emojiProvider.unsubscribe(onProviderChange);
     };
   }, [emojiProvider, onProviderChange]);
+  var uploadEnabled = isUploadSupported && !uploading;
   var showPreview = isRefreshEmojiPickerEnabled() ? !uploading : selectedEmoji && !uploading;
+  var shouldRenderFooter = showPreview && !(emojiToDelete && isRefreshEmojiPickerEnabled()) && !(query && filteredEmojis.length === 0 && isRefreshEmojiPickerEnabled()) && (Boolean(selectedEmoji) || uploadEnabled || !isRefreshEmojiPickerEnabled());
+  var useFooterSpaceForList = showPreview && !selectedEmoji && !uploadEnabled && !emojiToDelete && !(query && filteredEmojis.length === 0) && isRefreshEmojiPickerEnabled();
   return /*#__PURE__*/React.createElement("div", {
     ref: setPickerRef,
     "data-emoji-picker-container": true,
@@ -710,7 +713,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     uploading: uploading,
     emojiToDelete: emojiToDelete,
     uploadErrorMessage: formattedErrorMessage,
-    uploadEnabled: isUploadSupported && !uploading,
+    uploadEnabled: uploadEnabled,
     onUploadEmoji: onUploadEmoji,
     onUploadCancelled: onUploadCancelled,
     onDeleteEmoji: onDeleteEmoji,
@@ -718,10 +721,11 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     onFileChooserClicked: onFileChooserClicked,
     onOpenUpload: onOpenUpload,
     size: size,
-    activeCategoryId: activeCategory
-  }), showPreview && !(emojiToDelete && isRefreshEmojiPickerEnabled()) && !(query && filteredEmojis.length === 0 && isRefreshEmojiPickerEnabled()) && /*#__PURE__*/React.createElement(_EmojiPickerFooter.default, {
+    activeCategoryId: activeCategory,
+    useFooterSpaceForList: useFooterSpaceForList
+  }), shouldRenderFooter && /*#__PURE__*/React.createElement(_EmojiPickerFooter.default, {
     selectedEmoji: selectedEmoji,
-    uploadEnabled: isUploadSupported && !uploading,
+    uploadEnabled: uploadEnabled,
     onOpenUpload: onOpenUpload
   })));
 };

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

@@ -93,7 +93,8 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
     onOpenUpload = props.onOpenUpload,
     onProductivityColorSelected = props.onProductivityColorSelected,
     activeCategoryId = props.activeCategoryId,
-    selectedProductivityColor = props.selectedProductivityColor;
+    selectedProductivityColor = props.selectedProductivityColor,
+    useFooterSpaceForList = props.useFooterSpaceForList;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var listRef = (0, _react.useRef)(null);
@@ -485,8 +486,8 @@ var EmojiPickerVirtualListInternal = exports.EmojiPickerVirtualListInternal = /*
       // No-results state: expand the list height to fit heading + illustration without scrolling
       return _EmojiPickerSizes.sizes.categoryHeadingHeight + _EmojiPickerSizes.sizes.noResultsHeight + (0, _utils.emojiPickerHeightOffset)(size);
     }
-    return isTeamojiExperimentEnabled ? _EmojiPickerSizes.sizes.listHeightNew + (0, _utils.emojiPickerHeightOffset)(size) : _EmojiPickerSizes.sizes.listHeight + (0, _utils.emojiPickerHeightOffset)(size);
-  }, [size, query, visibleEmojis.length, isTeamojiExperimentEnabled]);
+    return isTeamojiExperimentEnabled ? _EmojiPickerSizes.sizes.listHeightNew + (0, _utils.emojiPickerHeightOffset)(size) + (useFooterSpaceForList ? _constants.emojiPickerPreviewHeight : 0) : _EmojiPickerSizes.sizes.listHeight + (0, _utils.emojiPickerHeightOffset)(size);
+  }, [size, query, visibleEmojis.length, isTeamojiExperimentEnabled, useFooterSpaceForList]);
   return /*#__PURE__*/_react.default.createElement(_EmojiPickerTabPanel.default, {
     showSearchResults: !!query
   }, /*#__PURE__*/_react.default.createElement(_EmojiActions.default, {

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

package/dist/cjs/util/productivity-colors.js

@@ -14,7 +14,11 @@ var defaultProductivityColor = exports.defaultProductivityColor = 'blue';
 var isProductivityColor = function isProductivityColor(color) {
   return !!color && productivityColorSet.has(color);
 };
+var selectedProductivityColor;
 var getStoredProductivityColor = exports.getStoredProductivityColor = function getStoredProductivityColor() {
+  if (selectedProductivityColor) {
+    return selectedProductivityColor;
+  }
   if (typeof window === 'undefined' || !(0, _storageAvailable.default)('localStorage')) {
     return defaultProductivityColor;
   }
@@ -28,6 +32,7 @@ var getStoredProductivityColor = exports.getStoredProductivityColor = function g
   }
 };
 var storeProductivityColor = exports.storeProductivityColor = function storeProductivityColor(color) {
+  selectedProductivityColor = color;
   if (typeof window === 'undefined' || !(0, _storageAvailable.default)('localStorage')) {
     return;
   }

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

@@ -570,7 +570,10 @@ const EmojiPickerComponent = ({
       emojiProvider.unsubscribe(onProviderChange);
     };
   }, [emojiProvider, onProviderChange]);
+  const uploadEnabled = isUploadSupported && !uploading;
   const showPreview = isRefreshEmojiPickerEnabled() ? !uploading : selectedEmoji && !uploading;
+  const shouldRenderFooter = showPreview && !(emojiToDelete && isRefreshEmojiPickerEnabled()) && !(query && filteredEmojis.length === 0 && isRefreshEmojiPickerEnabled()) && (Boolean(selectedEmoji) || uploadEnabled || !isRefreshEmojiPickerEnabled());
+  const useFooterSpaceForList = showPreview && !selectedEmoji && !uploadEnabled && !emojiToDelete && !(query && filteredEmojis.length === 0) && isRefreshEmojiPickerEnabled();
   return /*#__PURE__*/React.createElement("div", {
     ref: setPickerRef,
     "data-emoji-picker-container": true,
@@ -611,7 +614,7 @@ const EmojiPickerComponent = ({
     uploading: uploading,
     emojiToDelete: emojiToDelete,
     uploadErrorMessage: formattedErrorMessage,
-    uploadEnabled: isUploadSupported && !uploading,
+    uploadEnabled: uploadEnabled,
     onUploadEmoji: onUploadEmoji,
     onUploadCancelled: onUploadCancelled,
     onDeleteEmoji: onDeleteEmoji,
@@ -619,10 +622,11 @@ const EmojiPickerComponent = ({
     onFileChooserClicked: onFileChooserClicked,
     onOpenUpload: onOpenUpload,
     size: size,
-    activeCategoryId: activeCategory
-  }), showPreview && !(emojiToDelete && isRefreshEmojiPickerEnabled()) && !(query && filteredEmojis.length === 0 && isRefreshEmojiPickerEnabled()) && /*#__PURE__*/React.createElement(EmojiPickerFooter, {
+    activeCategoryId: activeCategory,
+    useFooterSpaceForList: useFooterSpaceForList
+  }), shouldRenderFooter && /*#__PURE__*/React.createElement(EmojiPickerFooter, {
     selectedEmoji: selectedEmoji,
-    uploadEnabled: isUploadSupported && !uploading,
+    uploadEnabled: uploadEnabled,
     onOpenUpload: onOpenUpload
   })));
 };

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

@@ -1,7 +1,7 @@
 import { useIntl } from 'react-intl';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { customCategory, defaultEmojiPickerSize, frequentCategory, searchCategory, userCustomTitle, yourUploadsCategory } from '../../util/constants';
+import { customCategory, defaultEmojiPickerSize, emojiPickerPreviewHeight, frequentCategory, searchCategory, userCustomTitle, yourUploadsCategory } from '../../util/constants';
 import { filterProductivityEmojisByColor, getProductivityColorPreviewEmojis } from '../../util/productivity-colors';
 import { filterHiddenEmojis } from '../../util/hidden-emojis';
 import { CategoryDescriptionMap, CategoryDescriptionMapNew } from './categories';
@@ -76,7 +76,8 @@ export const EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef((pro
     onOpenUpload,
     onProductivityColorSelected,
     activeCategoryId,
-    selectedProductivityColor
+    selectedProductivityColor,
+    useFooterSpaceForList
   } = props;
   const {
     formatMessage
@@ -440,8 +441,8 @@ export const EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef((pro
       // No-results state: expand the list height to fit heading + illustration without scrolling
       return sizes.categoryHeadingHeight + sizes.noResultsHeight + emojiPickerHeightOffset(size);
     }
-    return isTeamojiExperimentEnabled ? sizes.listHeightNew + emojiPickerHeightOffset(size) : sizes.listHeight + emojiPickerHeightOffset(size);
-  }, [size, query, visibleEmojis.length, isTeamojiExperimentEnabled]);
+    return isTeamojiExperimentEnabled ? sizes.listHeightNew + emojiPickerHeightOffset(size) + (useFooterSpaceForList ? emojiPickerPreviewHeight : 0) : sizes.listHeight + emojiPickerHeightOffset(size);
+  }, [size, query, visibleEmojis.length, isTeamojiExperimentEnabled, useFooterSpaceForList]);
   return /*#__PURE__*/React.createElement(EmojiPickerTabPanel, {
     showSearchResults: !!query
   }, /*#__PURE__*/React.createElement(EmojiActions, {

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

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

package/dist/es2019/util/productivity-colors.js

@@ -5,7 +5,11 @@ const productivityColorSet = new Set(productivityColors);
 const zeroSquareVariantParent = '0_zero_square_blue';
 export const defaultProductivityColor = 'blue';
 const isProductivityColor = color => !!color && productivityColorSet.has(color);
+let selectedProductivityColor;
 export const getStoredProductivityColor = () => {
+  if (selectedProductivityColor) {
+    return selectedProductivityColor;
+  }
   if (typeof window === 'undefined' || !storageAvailable('localStorage')) {
     return defaultProductivityColor;
   }
@@ -19,6 +23,7 @@ export const getStoredProductivityColor = () => {
   }
 };
 export const storeProductivityColor = color => {
+  selectedProductivityColor = color;
   if (typeof window === 'undefined' || !storageAvailable('localStorage')) {
     return;
   }

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

@@ -656,7 +656,10 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
       emojiProvider.unsubscribe(onProviderChange);
     };
   }, [emojiProvider, onProviderChange]);
+  var uploadEnabled = isUploadSupported && !uploading;
   var showPreview = isRefreshEmojiPickerEnabled() ? !uploading : selectedEmoji && !uploading;
+  var shouldRenderFooter = showPreview && !(emojiToDelete && isRefreshEmojiPickerEnabled()) && !(query && filteredEmojis.length === 0 && isRefreshEmojiPickerEnabled()) && (Boolean(selectedEmoji) || uploadEnabled || !isRefreshEmojiPickerEnabled());
+  var useFooterSpaceForList = showPreview && !selectedEmoji && !uploadEnabled && !emojiToDelete && !(query && filteredEmojis.length === 0) && isRefreshEmojiPickerEnabled();
   return /*#__PURE__*/React.createElement("div", {
     ref: setPickerRef,
     "data-emoji-picker-container": true,
@@ -701,7 +704,7 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     uploading: uploading,
     emojiToDelete: emojiToDelete,
     uploadErrorMessage: formattedErrorMessage,
-    uploadEnabled: isUploadSupported && !uploading,
+    uploadEnabled: uploadEnabled,
     onUploadEmoji: onUploadEmoji,
     onUploadCancelled: onUploadCancelled,
     onDeleteEmoji: onDeleteEmoji,
@@ -709,10 +712,11 @@ var EmojiPickerComponent = function EmojiPickerComponent(_ref) {
     onFileChooserClicked: onFileChooserClicked,
     onOpenUpload: onOpenUpload,
     size: size,
-    activeCategoryId: activeCategory
-  }), showPreview && !(emojiToDelete && isRefreshEmojiPickerEnabled()) && !(query && filteredEmojis.length === 0 && isRefreshEmojiPickerEnabled()) && /*#__PURE__*/React.createElement(EmojiPickerFooter, {
+    activeCategoryId: activeCategory,
+    useFooterSpaceForList: useFooterSpaceForList
+  }), shouldRenderFooter && /*#__PURE__*/React.createElement(EmojiPickerFooter, {
     selectedEmoji: selectedEmoji,
-    uploadEnabled: isUploadSupported && !uploading,
+    uploadEnabled: uploadEnabled,
     onOpenUpload: onOpenUpload
   })));
 };

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

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useIntl } from 'react-intl';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { customCategory, defaultEmojiPickerSize, frequentCategory, searchCategory, userCustomTitle, yourUploadsCategory } from '../../util/constants';
+import { customCategory, defaultEmojiPickerSize, emojiPickerPreviewHeight, frequentCategory, searchCategory, userCustomTitle, yourUploadsCategory } from '../../util/constants';
 import { filterProductivityEmojisByColor, getProductivityColorPreviewEmojis } from '../../util/productivity-colors';
 import { filterHiddenEmojis } from '../../util/hidden-emojis';
 import { CategoryDescriptionMap, CategoryDescriptionMapNew } from './categories';
@@ -85,7 +85,8 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
     onOpenUpload = props.onOpenUpload,
     onProductivityColorSelected = props.onProductivityColorSelected,
     activeCategoryId = props.activeCategoryId,
-    selectedProductivityColor = props.selectedProductivityColor;
+    selectedProductivityColor = props.selectedProductivityColor,
+    useFooterSpaceForList = props.useFooterSpaceForList;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var listRef = useRef(null);
@@ -477,8 +478,8 @@ export var EmojiPickerVirtualListInternal = /*#__PURE__*/React.forwardRef(functi
       // No-results state: expand the list height to fit heading + illustration without scrolling
       return sizes.categoryHeadingHeight + sizes.noResultsHeight + emojiPickerHeightOffset(size);
     }
-    return isTeamojiExperimentEnabled ? sizes.listHeightNew + emojiPickerHeightOffset(size) : sizes.listHeight + emojiPickerHeightOffset(size);
-  }, [size, query, visibleEmojis.length, isTeamojiExperimentEnabled]);
+    return isTeamojiExperimentEnabled ? sizes.listHeightNew + emojiPickerHeightOffset(size) + (useFooterSpaceForList ? emojiPickerPreviewHeight : 0) : sizes.listHeight + emojiPickerHeightOffset(size);
+  }, [size, query, visibleEmojis.length, isTeamojiExperimentEnabled, useFooterSpaceForList]);
   return /*#__PURE__*/React.createElement(EmojiPickerTabPanel, {
     showSearchResults: !!query
   }, /*#__PURE__*/React.createElement(EmojiActions, {

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

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

package/dist/esm/util/productivity-colors.js

@@ -7,7 +7,11 @@ export var defaultProductivityColor = 'blue';
 var isProductivityColor = function isProductivityColor(color) {
   return !!color && productivityColorSet.has(color);
 };
+var selectedProductivityColor;
 export var getStoredProductivityColor = function getStoredProductivityColor() {
+  if (selectedProductivityColor) {
+    return selectedProductivityColor;
+  }
   if (typeof window === 'undefined' || !storageAvailable('localStorage')) {
     return defaultProductivityColor;
   }
@@ -21,6 +25,7 @@ export var getStoredProductivityColor = function getStoredProductivityColor() {
   }
 };
 export var storeProductivityColor = function storeProductivityColor(color) {
+  selectedProductivityColor = color;
   if (typeof window === 'undefined' || !storageAvailable('localStorage')) {
     return;
   }

package/dist/types/components/picker/EmojiPickerList.d.ts

@@ -41,6 +41,7 @@ export interface Props {
     uploadEnabled: boolean;
     uploadErrorMessage?: Message;
     uploading: boolean;
+    useFooterSpaceForList?: boolean;
 }
 export interface State {
 }

package/emoji.docs.tsx

@@ -0,0 +1,96 @@
+/**
+ * Structured MCP docs for `@atlaskit/emoji`.
+ */
+
+import path from 'path';
+
+import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
+
+import packageJson from './package.json';
+
+const packagePath = path.resolve(__dirname);
+
+const documentation: StructuredContentSource = {
+	package: {
+		package: '@atlaskit/emoji',
+		packagePath,
+		packageJson,
+		overview:
+			'React components and utilities for displaying and picking emojis. It includes support for standard emojis, custom emojis, and skin tone variations.',
+	},
+	components: [
+		{
+			name: 'Emoji',
+			description: 'A component for displaying a single emoji.',
+			status: 'general-availability',
+			import: {
+				name: 'Emoji',
+				package: '@atlaskit/emoji',
+				type: 'named',
+				packagePath,
+				packageJson,
+			},
+			usageGuidelines: ['Use `Emoji` to render a specific emoji by its ID or short name.'],
+			keywords: ['emoji', 'display'],
+			categories: ['elements'],
+			examples: [
+				{
+					name: 'Simple emoji',
+					description: 'Basic usage of the Emoji component.',
+					source: path.resolve(packagePath, './examples/00-simple-emoji.tsx'),
+				},
+			],
+		},
+		{
+			name: 'EmojiPicker',
+			description: 'A component that provides a searchable picker for emojis.',
+			status: 'general-availability',
+			import: {
+				name: 'EmojiPicker',
+				package: '@atlaskit/emoji',
+				type: 'named',
+				packagePath,
+				packageJson,
+			},
+			usageGuidelines: [
+				'Use `EmojiPicker` when you need to allow users to select an emoji from a list.',
+				'Requires an `EmojiResource` to fetch and manage emoji data.',
+			],
+			keywords: ['emoji', 'picker', 'select'],
+			categories: ['elements'],
+			examples: [
+				{
+					name: 'Emoji picker with usage',
+					description: 'Emoji picker with frequently used emojis tracked.',
+					source: path.resolve(packagePath, './examples/06-emoji-picker-with-usage.tsx'),
+				},
+			],
+		},
+		{
+			name: 'EmojiTypeAhead',
+			description: 'A component that provides emoji suggestions based on user input.',
+			status: 'general-availability',
+			import: {
+				name: 'EmojiTypeAhead',
+				package: '@atlaskit/emoji',
+				type: 'named',
+				packagePath,
+				packageJson,
+			},
+			usageGuidelines: [
+				'Use `EmojiTypeAhead` to provide a shortcut-based emoji selection experience (e.g., typing `:smile`).',
+			],
+			keywords: ['emoji', 'typeahead', 'autocomplete'],
+			categories: ['elements'],
+			examples: [
+				{
+					name: 'Standard emoji typeahead',
+					description: 'Basic usage of EmojiTypeAhead.',
+					source: path.resolve(packagePath, './examples/03-standard-emoji-typeahead.tsx'),
+				},
+			],
+		},
+	],
+};
+
+export default documentation;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "71.6.0",
+	"version": "71.6.2",
 	"description": "Fabric emoji React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,31 +30,31 @@
 	},
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-elements-emoji": "2.168.0",
-		"@atlaskit/analytics-next": "^12.0.0",
-		"@atlaskit/browser-apis": "^1.0.0",
-		"@atlaskit/button": "^24.1.0",
+		"@atlaskit/analytics-next": "^12.1.0",
+		"@atlaskit/browser-apis": "^1.1.0",
+		"@atlaskit/button": "^24.3.0",
 		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/feature-gate-js-client": "^6.0.0",
-		"@atlaskit/form": "^16.0.0",
-		"@atlaskit/heading": "^6.0.0",
-		"@atlaskit/icon": "^36.0.0",
-		"@atlaskit/icon-lab": "^7.1.0",
-		"@atlaskit/image": "^4.0.0",
+		"@atlaskit/form": "^16.1.0",
+		"@atlaskit/heading": "^6.1.0",
+		"@atlaskit/icon": "^36.1.0",
+		"@atlaskit/icon-lab": "^7.2.0",
+		"@atlaskit/image": "^4.1.0",
 		"@atlaskit/media-client": "^37.1.0",
-		"@atlaskit/media-client-react": "^6.0.0",
+		"@atlaskit/media-client-react": "^6.1.0",
 		"@atlaskit/platform-feature-flags": "^2.0.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
-		"@atlaskit/primitives": "^20.0.0",
-		"@atlaskit/radio": "^9.0.0",
-		"@atlaskit/spinner": "^20.0.0",
-		"@atlaskit/textfield": "^9.0.0",
-		"@atlaskit/theme": "^26.0.0",
-		"@atlaskit/tmp-editor-statsig": "^114.0.0",
-		"@atlaskit/tokens": "^15.0.0",
-		"@atlaskit/tooltip": "^23.0.0",
+		"@atlaskit/primitives": "^20.2.0",
+		"@atlaskit/radio": "^9.1.0",
+		"@atlaskit/spinner": "^20.1.0",
+		"@atlaskit/textfield": "^9.1.0",
+		"@atlaskit/theme": "^26.1.0",
+		"@atlaskit/tmp-editor-statsig": "^115.0.0",
+		"@atlaskit/tokens": "^15.2.0",
+		"@atlaskit/tooltip": "^23.1.0",
 		"@atlaskit/ufo": "^1.0.0",
-		"@atlaskit/util-service-support": "^7.0.0",
-		"@atlaskit/visually-hidden": "^4.0.0",
+		"@atlaskit/util-service-support": "^7.1.0",
+		"@atlaskit/visually-hidden": "^4.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"@tanstack/react-virtual": "3.0.0-beta.60",

package/tsconfig.json

@@ -1,6 +1,8 @@
 {
   "extends": "../../../tsconfig.json",
   "include": [
+    "./*.docs.tsx",
+    "./package.json",
     "./src/**/*.ts",
     "./src/**/*.tsx",
     "./docs/**/*.ts",