@atlaskit/editor-plugin-block-type 12.0.0 → 12.0.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-block-type
 
+## 12.0.2
+
+### Patch Changes
+
+- [`bf1f23f4a76d0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bf1f23f4a76d0) -
+  Add 'small text' as a menu dropdown item in the editor, non functional. Also adds a new universal
+  preset config option to support feature.
+- Updated dependencies
+
+## 12.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 12.0.0
 
 ### Patch Changes

package/dist/cjs/blockTypePlugin.js

@@ -131,7 +131,7 @@ var blockTypePlugin = exports.blockTypePlugin = function blockTypePlugin(_ref3)
   };
   if (isToolbarAIFCEnabled) {
     var _api$toolbar;
-    api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents((0, _toolbarComponents.getToolbarComponents)(api));
+    api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents((0, _toolbarComponents.getToolbarComponents)(api, options === null || options === void 0 ? void 0 : options.allowFontSize));
   } else {
     var _api$primaryToolbar;
     api === null || api === void 0 || (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 || _api$primaryToolbar.actions.registerComponent({

package/dist/cjs/pm-plugins/block-types.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toolbarBlockTypesWithRank = exports.getBlockTypesInDropdown = exports.WRAPPER_BLOCK_TYPES = exports.TEXT_BLOCK_TYPES = exports.PANEL = exports.OTHER = exports.NORMAL_TEXT = exports.HEADING_6 = exports.HEADING_5 = exports.HEADING_4 = exports.HEADING_3 = exports.HEADING_2 = exports.HEADING_1 = exports.HEADINGS_BY_NAME = exports.HEADINGS_BY_LEVEL = exports.FORMATTING_NODE_TYPES = exports.FORMATTING_MARK_TYPES = exports.CODE_BLOCK = exports.BLOCK_QUOTE = exports.ALL_BLOCK_TYPES = void 0;
+exports.toolbarBlockTypesWithRank = exports.getBlockTypesInDropdown = exports.WRAPPER_BLOCK_TYPES = exports.TEXT_BLOCK_TYPES = exports.SMALL_TEXT = exports.PANEL = exports.OTHER = exports.NORMAL_TEXT = exports.HEADING_6 = exports.HEADING_5 = exports.HEADING_4 = exports.HEADING_3 = exports.HEADING_2 = exports.HEADING_1 = exports.HEADINGS_BY_NAME = exports.HEADINGS_BY_LEVEL = exports.FORMATTING_NODE_TYPES = exports.FORMATTING_MARK_TYPES = exports.CODE_BLOCK = exports.BLOCK_QUOTE = exports.ALL_BLOCK_TYPES = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _messages = require("@atlaskit/editor-common/messages");
@@ -17,7 +17,7 @@ var _textHeadingSix = _interopRequireDefault(require("@atlaskit/icon-lab/core/te
 var _textHeadingThree = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-heading-three"));
 var _textHeadingTwo = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-heading-two"));
 var _text = _interopRequireDefault(require("@atlaskit/icon/core/text"));
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _icons = require("./ui/ToolbarBlockType/icons");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -31,6 +31,16 @@ var NORMAL_TEXT = exports.NORMAL_TEXT = {
   }),
   LEGACY_icon: /*#__PURE__*/_react.default.createElement(_icons.Text, null)
 };
+var SMALL_TEXT = exports.SMALL_TEXT = {
+  name: 'smallText',
+  title: _messages.blockTypeMessages.smallText,
+  nodeName: 'paragraph',
+  markName: 'fontSize',
+  icon: /*#__PURE__*/_react.default.createElement(_text.default, {
+    label: ""
+  }),
+  LEGACY_icon: /*#__PURE__*/_react.default.createElement(_icons.Text, null)
+};
 var HEADING_1 = exports.HEADING_1 = {
   name: 'heading1',
   title: _messages.blockTypeMessages.heading1,
@@ -118,7 +128,7 @@ var OTHER = exports.OTHER = {
   title: _messages.blockTypeMessages.other,
   nodeName: ''
 };
-var TEXT_BLOCK_TYPES = exports.TEXT_BLOCK_TYPES = [NORMAL_TEXT, HEADING_1, HEADING_2, HEADING_3, HEADING_4, HEADING_5, HEADING_6];
+var TEXT_BLOCK_TYPES = exports.TEXT_BLOCK_TYPES = [NORMAL_TEXT, SMALL_TEXT, HEADING_1, HEADING_2, HEADING_3, HEADING_4, HEADING_5, HEADING_6];
 var ToolbarBlockTypes = /*#__PURE__*/function (ToolbarBlockTypes) {
   ToolbarBlockTypes["normal"] = "normal";
   ToolbarBlockTypes["heading1"] = "heading1";
@@ -130,8 +140,9 @@ var ToolbarBlockTypes = /*#__PURE__*/function (ToolbarBlockTypes) {
   ToolbarBlockTypes["blockquote"] = "blockquote";
   return ToolbarBlockTypes;
 }(ToolbarBlockTypes || {});
-var toolbarBlockTypesWithRank = exports.toolbarBlockTypesWithRank = function toolbarBlockTypesWithRank() {
-  return {
+var toolbarBlockTypesWithRank = exports.toolbarBlockTypesWithRank = function toolbarBlockTypesWithRank(_ref) {
+  var allowFontSize = _ref.allowFontSize;
+  return _objectSpread(_objectSpread({
     normal: _objectSpread(_objectSpread({}, NORMAL_TEXT), {}, {
       icon: /*#__PURE__*/_react.default.createElement(_editorToolbar.TextIcon, {
         size: "small",
@@ -139,7 +150,17 @@ var toolbarBlockTypesWithRank = exports.toolbarBlockTypesWithRank = function too
       }),
       toolbarRank: _toolbar.TEXT_STYLES_MENU_SECTION_RANK[_toolbar.NORMAL_TEXT_MENU_ITEM.key],
       toolbarKey: _toolbar.NORMAL_TEXT_MENU_ITEM.key
-    }),
+    })
+  }, allowFontSize && (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && {
+    smallText: _objectSpread(_objectSpread({}, SMALL_TEXT), {}, {
+      icon: /*#__PURE__*/_react.default.createElement(_text.default, {
+        size: "small",
+        label: ""
+      }),
+      toolbarRank: _toolbar.TEXT_STYLES_MENU_SECTION_RANK[_toolbar.SMALL_TEXT_MENU_ITEM.key],
+      toolbarKey: _toolbar.SMALL_TEXT_MENU_ITEM.key
+    })
+  }), {}, {
     heading1: _objectSpread(_objectSpread({}, HEADING_1), {}, {
       icon: /*#__PURE__*/_react.default.createElement(_editorToolbar.HeadingOneIcon, {
         size: "small",
@@ -196,16 +217,14 @@ var toolbarBlockTypesWithRank = exports.toolbarBlockTypesWithRank = function too
       toolbarRank: _toolbar.TEXT_STYLES_MENU_SECTION_RANK[_toolbar.BLOCK_QUOTE_MENU_ITEM.key],
       toolbarKey: _toolbar.BLOCK_QUOTE_MENU_ITEM.key
     })
-  };
+  });
 };
 var FORMATTING_NODE_TYPES = exports.FORMATTING_NODE_TYPES = ['heading', 'blockquote'];
 var FORMATTING_MARK_TYPES = exports.FORMATTING_MARK_TYPES = ['em', 'code', 'strike', 'strong', 'underline', 'textColor', 'subsup', 'backgroundColor'];
 var WRAPPER_BLOCK_TYPES = exports.WRAPPER_BLOCK_TYPES = [BLOCK_QUOTE, CODE_BLOCK, PANEL];
 var ALL_BLOCK_TYPES = exports.ALL_BLOCK_TYPES = TEXT_BLOCK_TYPES.concat(WRAPPER_BLOCK_TYPES);
 var getBlockTypesInDropdown = exports.getBlockTypesInDropdown = function getBlockTypesInDropdown(includeBlockQuoteAsTextstyleOption) {
-  return (0, _experiments.editorExperiment)('platform_editor_blockquote_in_text_formatting_menu', true, {
-    exposure: true
-  }) && includeBlockQuoteAsTextstyleOption ? [].concat(TEXT_BLOCK_TYPES, [BLOCK_QUOTE]) : TEXT_BLOCK_TYPES;
+  return includeBlockQuoteAsTextstyleOption ? [].concat(TEXT_BLOCK_TYPES, [BLOCK_QUOTE]) : TEXT_BLOCK_TYPES;
 };
 var HEADINGS_BY_LEVEL = exports.HEADINGS_BY_LEVEL = TEXT_BLOCK_TYPES.reduce(function (acc, blockType) {
   if (blockType.level && blockType.nodeName === 'heading') {

package/dist/cjs/pm-plugins/main.js

@@ -24,6 +24,10 @@ var blockTypeForNode = function blockTypeForNode(node, schema) {
     if (maybeNode) {
       return maybeNode;
     }
+  } else if (node.marks.some(function (m) {
+    return m.type.name === 'fontSize' && m.attrs.fontSize === 'small';
+  }) && (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true)) {
+    return _blockTypes.SMALL_TEXT;
   } else if (node.type === schema.nodes.paragraph) {
     return _blockTypes.NORMAL_TEXT;
   } else if (node.type === schema.nodes.blockquote) {
@@ -42,6 +46,8 @@ var isBlockTypeSchemaSupported = function isBlockTypeSchemaSupported(blockType,
     case _blockTypes.HEADING_5:
     case _blockTypes.HEADING_6:
       return !!state.schema.nodes.heading;
+    case _blockTypes.SMALL_TEXT:
+      return !!state.schema.marks.fontSize && (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true);
     case _blockTypes.BLOCK_QUOTE:
       return !!state.schema.nodes.blockquote;
     case _blockTypes.CODE_BLOCK:

package/dist/cjs/pm-plugins/ui/ToolbarBlockType/HeadingButton.js

@@ -85,6 +85,7 @@ var HeadingText = function HeadingText(_ref) {
 };
 var headingSizeStylesMap = {
   normal: "_11c8fhey",
+  smallText: "_11c8fhey",
   heading1: "_11c812ln",
   heading2: "_11c810sd",
   heading3: "_11c81af2",
@@ -94,6 +95,11 @@ var headingSizeStylesMap = {
 };
 var shortcuts = {
   normal: _keymaps.setNormalText,
+  smallText: {
+    description: '',
+    mac: '',
+    windows: ''
+  },
   heading1: _keymaps.toggleHeading1,
   heading2: _keymaps.toggleHeading2,
   heading3: _keymaps.toggleHeading3,

package/dist/cjs/pm-plugins/ui/ToolbarBlockType/TextStylesMenuButton.js

@@ -25,14 +25,17 @@ var usePluginState = function usePluginState(api) {
 };
 var TextStylesMenuButton = exports.TextStylesMenuButton = function TextStylesMenuButton(_ref) {
   var _Object$values$find;
-  var api = _ref.api,
+  var allowFontSize = _ref.allowFontSize,
+    api = _ref.api,
     children = _ref.children;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _usePluginState = usePluginState(api),
     blockTypesDisabled = _usePluginState.blockTypesDisabled,
     currentBlockType = _usePluginState.currentBlockType;
-  var blockTypes = (0, _blockTypes.toolbarBlockTypesWithRank)();
+  var blockTypes = (0, _blockTypes.toolbarBlockTypesWithRank)({
+    allowFontSize: allowFontSize
+  });
   var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
     editorAppearance = _useEditorToolbar.editorAppearance;
   var CurrentIcon = (_Object$values$find = Object.values(blockTypes).find(function (blockType) {
@@ -62,6 +65,9 @@ var TextStylesMenuButton = exports.TextStylesMenuButton = function TextStylesMen
       iconBefore: TriggerIcon,
       tooltipComponent: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarTooltip, {
         content: formatMessage(_messages.toolbarMessages.textStylesTooltip)
+      }),
+      label: formatMessage(_messages.toolbarMessages.textStyles, {
+        blockTypeName: currentBlockType === null || currentBlockType === void 0 ? void 0 : currentBlockType.name
       })
     }, children);
   }
@@ -69,6 +75,9 @@ var TextStylesMenuButton = exports.TextStylesMenuButton = function TextStylesMen
     content: formatMessage(_messages.toolbarMessages.textStylesTooltip)
   }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownMenu, {
     isDisabled: blockTypesDisabled,
-    iconBefore: TriggerIcon
+    iconBefore: TriggerIcon,
+    label: formatMessage(_messages.toolbarMessages.textStyles, {
+      blockTypeName: currentBlockType === null || currentBlockType === void 0 ? void 0 : currentBlockType.name
+    })
   }, children));
 };

package/dist/cjs/pm-plugins/ui/ToolbarBlockType/blocktype-button.js

@@ -22,7 +22,7 @@ var _styled = require("./styled");
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 

package/dist/cjs/pm-plugins/ui/ToolbarBlockType/index.js

@@ -299,5 +299,6 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
       );
     }
   }]);
-}(_react.default.PureComponent);
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(ToolbarBlockType);
+}(_react.default.PureComponent); // eslint-disable-next-line @typescript-eslint/ban-types
+var _default_1 = (0, _reactIntlNext.injectIntl)(ToolbarBlockType);
+var _default = exports.default = _default_1;

package/dist/cjs/pm-plugins/ui/toolbar-components.js

@@ -11,7 +11,7 @@ var _blockTypes = require("../block-types");
 var _HeadingButton = require("./ToolbarBlockType/HeadingButton");
 var _QuoteButton = require("./ToolbarBlockType/QuoteButton");
 var _TextStylesMenuButton = require("./ToolbarBlockType/TextStylesMenuButton");
-var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(api) {
+var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(api, allowFontSize) {
   var toolbarComponents = [{
     type: _toolbar.TEXT_STYLES_GROUP.type,
     key: _toolbar.TEXT_STYLES_GROUP.key,
@@ -35,7 +35,8 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
     component: function component(_ref) {
       var children = _ref.children;
       return /*#__PURE__*/_react.default.createElement(_TextStylesMenuButton.TextStylesMenuButton, {
-        api: api
+        api: api,
+        allowFontSize: allowFontSize
       }, children);
     }
   }, {
@@ -51,7 +52,9 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
       rank: _toolbar.TEXT_COLLAPSED_MENU_RANK[_toolbar.TEXT_STYLES_MENU_SECTION.key]
     }]
   }];
-  Object.values((0, _blockTypes.toolbarBlockTypesWithRank)()).forEach(function (blockType) {
+  Object.values((0, _blockTypes.toolbarBlockTypesWithRank)({
+    allowFontSize: allowFontSize
+  })).forEach(function (blockType) {
     if (blockType.toolbarKey) {
       var menuItem = {
         type: 'menu-item',

package/dist/es2019/blockTypePlugin.js

@@ -120,7 +120,7 @@ const blockTypePlugin = ({
   };
   if (isToolbarAIFCEnabled) {
     var _api$toolbar;
-    api === null || api === void 0 ? void 0 : (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 ? void 0 : _api$toolbar.actions.registerComponents(getToolbarComponents(api));
+    api === null || api === void 0 ? void 0 : (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 ? void 0 : _api$toolbar.actions.registerComponents(getToolbarComponents(api, options === null || options === void 0 ? void 0 : options.allowFontSize));
   } else {
     var _api$primaryToolbar;
     api === null || api === void 0 ? void 0 : (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 ? void 0 : _api$primaryToolbar.actions.registerComponent({

package/dist/es2019/pm-plugins/block-types.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { blockTypeMessages as messages } from '@atlaskit/editor-common/messages';
-import { BLOCK_QUOTE_MENU_ITEM, HEADING_1_MENU_ITEM, HEADING_2_MENU_ITEM, HEADING_3_MENU_ITEM, HEADING_4_MENU_ITEM, HEADING_5_MENU_ITEM, HEADING_6_MENU_ITEM, NORMAL_TEXT_MENU_ITEM, TEXT_STYLES_MENU_SECTION_RANK } from '@atlaskit/editor-common/toolbar';
+import { BLOCK_QUOTE_MENU_ITEM, HEADING_1_MENU_ITEM, HEADING_2_MENU_ITEM, HEADING_3_MENU_ITEM, HEADING_4_MENU_ITEM, HEADING_5_MENU_ITEM, HEADING_6_MENU_ITEM, NORMAL_TEXT_MENU_ITEM, SMALL_TEXT_MENU_ITEM, TEXT_STYLES_MENU_SECTION_RANK } from '@atlaskit/editor-common/toolbar';
 import { TextIcon as EditorToolbarTextIcon, QuoteIcon, HeadingOneIcon, HeadingTwoIcon, HeadingThreeIcon, HeadingFourIcon, HeadingFiveIcon, HeadingSixIcon } from '@atlaskit/editor-toolbar';
 import TextHeadingFiveIcon from '@atlaskit/icon-lab/core/text-heading-five';
 import TextHeadingFourIcon from '@atlaskit/icon-lab/core/text-heading-four';
@@ -9,7 +9,7 @@ import TextHeadingSixIcon from '@atlaskit/icon-lab/core/text-heading-six';
 import TextHeadingThreeIcon from '@atlaskit/icon-lab/core/text-heading-three';
 import TextHeadingTwoIcon from '@atlaskit/icon-lab/core/text-heading-two';
 import TextIcon from '@atlaskit/icon/core/text';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { Text, H1, H2, H3, H4, H5, H6 } from './ui/ToolbarBlockType/icons';
 export const NORMAL_TEXT = {
   name: 'normal',
@@ -21,6 +21,16 @@ export const NORMAL_TEXT = {
   }),
   LEGACY_icon: /*#__PURE__*/React.createElement(Text, null)
 };
+export const SMALL_TEXT = {
+  name: 'smallText',
+  title: messages.smallText,
+  nodeName: 'paragraph',
+  markName: 'fontSize',
+  icon: /*#__PURE__*/React.createElement(TextIcon, {
+    label: ""
+  }),
+  LEGACY_icon: /*#__PURE__*/React.createElement(Text, null)
+};
 export const HEADING_1 = {
   name: 'heading1',
   title: messages.heading1,
@@ -108,7 +118,7 @@ export const OTHER = {
   title: messages.other,
   nodeName: ''
 };
-export const TEXT_BLOCK_TYPES = [NORMAL_TEXT, HEADING_1, HEADING_2, HEADING_3, HEADING_4, HEADING_5, HEADING_6];
+export const TEXT_BLOCK_TYPES = [NORMAL_TEXT, SMALL_TEXT, HEADING_1, HEADING_2, HEADING_3, HEADING_4, HEADING_5, HEADING_6];
 var ToolbarBlockTypes = /*#__PURE__*/function (ToolbarBlockTypes) {
   ToolbarBlockTypes["normal"] = "normal";
   ToolbarBlockTypes["heading1"] = "heading1";
@@ -120,7 +130,9 @@ var ToolbarBlockTypes = /*#__PURE__*/function (ToolbarBlockTypes) {
   ToolbarBlockTypes["blockquote"] = "blockquote";
   return ToolbarBlockTypes;
 }(ToolbarBlockTypes || {});
-export const toolbarBlockTypesWithRank = () => ({
+export const toolbarBlockTypesWithRank = ({
+  allowFontSize
+}) => ({
   normal: {
     ...NORMAL_TEXT,
     icon: /*#__PURE__*/React.createElement(EditorToolbarTextIcon, {
@@ -130,6 +142,17 @@ export const toolbarBlockTypesWithRank = () => ({
     toolbarRank: TEXT_STYLES_MENU_SECTION_RANK[NORMAL_TEXT_MENU_ITEM.key],
     toolbarKey: NORMAL_TEXT_MENU_ITEM.key
   },
+  ...(allowFontSize && expValEquals('platform_editor_small_font_size', 'isEnabled', true) && {
+    smallText: {
+      ...SMALL_TEXT,
+      icon: /*#__PURE__*/React.createElement(TextIcon, {
+        size: "small",
+        label: ""
+      }),
+      toolbarRank: TEXT_STYLES_MENU_SECTION_RANK[SMALL_TEXT_MENU_ITEM.key],
+      toolbarKey: SMALL_TEXT_MENU_ITEM.key
+    }
+  }),
   heading1: {
     ...HEADING_1,
     icon: /*#__PURE__*/React.createElement(HeadingOneIcon, {
@@ -199,9 +222,7 @@ export const FORMATTING_MARK_TYPES = ['em', 'code', 'strike', 'strong', 'underli
 export const WRAPPER_BLOCK_TYPES = [BLOCK_QUOTE, CODE_BLOCK, PANEL];
 export const ALL_BLOCK_TYPES = TEXT_BLOCK_TYPES.concat(WRAPPER_BLOCK_TYPES);
 export const getBlockTypesInDropdown = includeBlockQuoteAsTextstyleOption => {
-  return editorExperiment('platform_editor_blockquote_in_text_formatting_menu', true, {
-    exposure: true
-  }) && includeBlockQuoteAsTextstyleOption ? [...TEXT_BLOCK_TYPES, BLOCK_QUOTE] : TEXT_BLOCK_TYPES;
+  return includeBlockQuoteAsTextstyleOption ? [...TEXT_BLOCK_TYPES, BLOCK_QUOTE] : TEXT_BLOCK_TYPES;
 };
 export const HEADINGS_BY_LEVEL = TEXT_BLOCK_TYPES.reduce((acc, blockType) => {
   if (blockType.level && blockType.nodeName === 'heading') {

package/dist/es2019/pm-plugins/main.js

@@ -4,7 +4,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { BLOCK_QUOTE, CODE_BLOCK, HEADING_1, HEADING_2, HEADING_3, HEADING_4, HEADING_5, HEADING_6, HEADINGS_BY_LEVEL, NORMAL_TEXT, OTHER, PANEL, TEXT_BLOCK_TYPES, WRAPPER_BLOCK_TYPES, getBlockTypesInDropdown } from './block-types';
+import { BLOCK_QUOTE, CODE_BLOCK, HEADING_1, HEADING_2, HEADING_3, HEADING_4, HEADING_5, HEADING_6, HEADINGS_BY_LEVEL, NORMAL_TEXT, OTHER, PANEL, TEXT_BLOCK_TYPES, WRAPPER_BLOCK_TYPES, getBlockTypesInDropdown, SMALL_TEXT } from './block-types';
 import { setHeadingWithAnalytics, setNormalTextWithAnalytics } from './commands/block-type';
 import { HEADING_KEYS, HEADING_NUMPAD_KEYS } from './consts';
 import { areBlockTypesDisabled, checkFormattingIsPresent, hasBlockQuoteInOptions } from './utils';
@@ -14,6 +14,8 @@ const blockTypeForNode = (node, schema) => {
     if (maybeNode) {
       return maybeNode;
     }
+  } else if (node.marks.some(m => m.type.name === 'fontSize' && m.attrs.fontSize === 'small') && expValEquals('platform_editor_small_font_size', 'isEnabled', true)) {
+    return SMALL_TEXT;
   } else if (node.type === schema.nodes.paragraph) {
     return NORMAL_TEXT;
   } else if (node.type === schema.nodes.blockquote) {
@@ -32,6 +34,8 @@ const isBlockTypeSchemaSupported = (blockType, state) => {
     case HEADING_5:
     case HEADING_6:
       return !!state.schema.nodes.heading;
+    case SMALL_TEXT:
+      return !!state.schema.marks.fontSize && expValEquals('platform_editor_small_font_size', 'isEnabled', true);
     case BLOCK_QUOTE:
       return !!state.schema.nodes.blockquote;
     case CODE_BLOCK:

package/dist/es2019/pm-plugins/ui/ToolbarBlockType/HeadingButton.js

@@ -78,6 +78,7 @@ const HeadingText = ({
 };
 const headingSizeStylesMap = {
   normal: "_11c8fhey",
+  smallText: "_11c8fhey",
   heading1: "_11c812ln",
   heading2: "_11c810sd",
   heading3: "_11c81af2",
@@ -87,6 +88,11 @@ const headingSizeStylesMap = {
 };
 const shortcuts = {
   normal: setNormalText,
+  smallText: {
+    description: '',
+    mac: '',
+    windows: ''
+  },
   heading1: toggleHeading1,
   heading2: toggleHeading2,
   heading3: toggleHeading3,

package/dist/es2019/pm-plugins/ui/ToolbarBlockType/TextStylesMenuButton.js

@@ -16,6 +16,7 @@ const usePluginState = api => {
   });
 };
 export const TextStylesMenuButton = ({
+  allowFontSize,
   api,
   children
 }) => {
@@ -27,7 +28,9 @@ export const TextStylesMenuButton = ({
     blockTypesDisabled,
     currentBlockType
   } = usePluginState(api);
-  const blockTypes = toolbarBlockTypesWithRank();
+  const blockTypes = toolbarBlockTypesWithRank({
+    allowFontSize
+  });
   const {
     editorAppearance
   } = useEditorToolbar();
@@ -56,6 +59,9 @@ export const TextStylesMenuButton = ({
       iconBefore: TriggerIcon,
       tooltipComponent: /*#__PURE__*/React.createElement(ToolbarTooltip, {
         content: formatMessage(toolbarMessages.textStylesTooltip)
+      }),
+      label: formatMessage(toolbarMessages.textStyles, {
+        blockTypeName: currentBlockType === null || currentBlockType === void 0 ? void 0 : currentBlockType.name
       })
     }, children);
   }
@@ -63,6 +69,9 @@ export const TextStylesMenuButton = ({
     content: formatMessage(toolbarMessages.textStylesTooltip)
   }, /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
     isDisabled: blockTypesDisabled,
-    iconBefore: TriggerIcon
+    iconBefore: TriggerIcon,
+    label: formatMessage(toolbarMessages.textStyles, {
+      blockTypeName: currentBlockType === null || currentBlockType === void 0 ? void 0 : currentBlockType.name
+    })
   }, children));
 };

package/dist/es2019/pm-plugins/ui/ToolbarBlockType/blocktype-button.js

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { toolbarMessages } from '@atlaskit/editor-common/messages';

package/dist/es2019/pm-plugins/ui/ToolbarBlockType/index.js

@@ -270,4 +270,7 @@ class ToolbarBlockType extends React.PureComponent {
     );
   }
 }
-export default injectIntl(ToolbarBlockType);
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+const _default_1 = injectIntl(ToolbarBlockType);
+export default _default_1;

package/dist/es2019/pm-plugins/ui/toolbar-components.js

@@ -4,7 +4,7 @@ import { toolbarBlockTypesWithRank } from '../block-types';
 import { HeadingButton } from './ToolbarBlockType/HeadingButton';
 import { QuoteButton } from './ToolbarBlockType/QuoteButton';
 import { TextStylesMenuButton } from './ToolbarBlockType/TextStylesMenuButton';
-export const getToolbarComponents = api => {
+export const getToolbarComponents = (api, allowFontSize) => {
   const toolbarComponents = [{
     type: TEXT_STYLES_GROUP.type,
     key: TEXT_STYLES_GROUP.key,
@@ -28,7 +28,8 @@ export const getToolbarComponents = api => {
     component: ({
       children
     }) => /*#__PURE__*/React.createElement(TextStylesMenuButton, {
-      api: api
+      api: api,
+      allowFontSize: allowFontSize
     }, children)
   }, {
     type: TEXT_STYLES_MENU_SECTION.type,
@@ -43,7 +44,9 @@ export const getToolbarComponents = api => {
       rank: TEXT_COLLAPSED_MENU_RANK[TEXT_STYLES_MENU_SECTION.key]
     }]
   }];
-  Object.values(toolbarBlockTypesWithRank()).forEach(blockType => {
+  Object.values(toolbarBlockTypesWithRank({
+    allowFontSize
+  })).forEach(blockType => {
     if (blockType.toolbarKey) {
       const menuItem = {
         type: 'menu-item',

package/dist/esm/blockTypePlugin.js

@@ -124,7 +124,7 @@ var blockTypePlugin = function blockTypePlugin(_ref3) {
   };
   if (isToolbarAIFCEnabled) {
     var _api$toolbar;
-    api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents(getToolbarComponents(api));
+    api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents(getToolbarComponents(api, options === null || options === void 0 ? void 0 : options.allowFontSize));
   } else {
     var _api$primaryToolbar;
     api === null || api === void 0 || (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 || _api$primaryToolbar.actions.registerComponent({

package/dist/esm/pm-plugins/block-types.js

@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import { blockTypeMessages as messages } from '@atlaskit/editor-common/messages';
-import { BLOCK_QUOTE_MENU_ITEM, HEADING_1_MENU_ITEM, HEADING_2_MENU_ITEM, HEADING_3_MENU_ITEM, HEADING_4_MENU_ITEM, HEADING_5_MENU_ITEM, HEADING_6_MENU_ITEM, NORMAL_TEXT_MENU_ITEM, TEXT_STYLES_MENU_SECTION_RANK } from '@atlaskit/editor-common/toolbar';
+import { BLOCK_QUOTE_MENU_ITEM, HEADING_1_MENU_ITEM, HEADING_2_MENU_ITEM, HEADING_3_MENU_ITEM, HEADING_4_MENU_ITEM, HEADING_5_MENU_ITEM, HEADING_6_MENU_ITEM, NORMAL_TEXT_MENU_ITEM, SMALL_TEXT_MENU_ITEM, TEXT_STYLES_MENU_SECTION_RANK } from '@atlaskit/editor-common/toolbar';
 import { TextIcon as EditorToolbarTextIcon, QuoteIcon, HeadingOneIcon, HeadingTwoIcon, HeadingThreeIcon, HeadingFourIcon, HeadingFiveIcon, HeadingSixIcon } from '@atlaskit/editor-toolbar';
 import TextHeadingFiveIcon from '@atlaskit/icon-lab/core/text-heading-five';
 import TextHeadingFourIcon from '@atlaskit/icon-lab/core/text-heading-four';
@@ -12,7 +12,7 @@ import TextHeadingSixIcon from '@atlaskit/icon-lab/core/text-heading-six';
 import TextHeadingThreeIcon from '@atlaskit/icon-lab/core/text-heading-three';
 import TextHeadingTwoIcon from '@atlaskit/icon-lab/core/text-heading-two';
 import TextIcon from '@atlaskit/icon/core/text';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { Text, H1, H2, H3, H4, H5, H6 } from './ui/ToolbarBlockType/icons';
 export var NORMAL_TEXT = {
   name: 'normal',
@@ -24,6 +24,16 @@ export var NORMAL_TEXT = {
   }),
   LEGACY_icon: /*#__PURE__*/React.createElement(Text, null)
 };
+export var SMALL_TEXT = {
+  name: 'smallText',
+  title: messages.smallText,
+  nodeName: 'paragraph',
+  markName: 'fontSize',
+  icon: /*#__PURE__*/React.createElement(TextIcon, {
+    label: ""
+  }),
+  LEGACY_icon: /*#__PURE__*/React.createElement(Text, null)
+};
 export var HEADING_1 = {
   name: 'heading1',
   title: messages.heading1,
@@ -111,7 +121,7 @@ export var OTHER = {
   title: messages.other,
   nodeName: ''
 };
-export var TEXT_BLOCK_TYPES = [NORMAL_TEXT, HEADING_1, HEADING_2, HEADING_3, HEADING_4, HEADING_5, HEADING_6];
+export var TEXT_BLOCK_TYPES = [NORMAL_TEXT, SMALL_TEXT, HEADING_1, HEADING_2, HEADING_3, HEADING_4, HEADING_5, HEADING_6];
 var ToolbarBlockTypes = /*#__PURE__*/function (ToolbarBlockTypes) {
   ToolbarBlockTypes["normal"] = "normal";
   ToolbarBlockTypes["heading1"] = "heading1";
@@ -123,8 +133,9 @@ var ToolbarBlockTypes = /*#__PURE__*/function (ToolbarBlockTypes) {
   ToolbarBlockTypes["blockquote"] = "blockquote";
   return ToolbarBlockTypes;
 }(ToolbarBlockTypes || {});
-export var toolbarBlockTypesWithRank = function toolbarBlockTypesWithRank() {
-  return {
+export var toolbarBlockTypesWithRank = function toolbarBlockTypesWithRank(_ref) {
+  var allowFontSize = _ref.allowFontSize;
+  return _objectSpread(_objectSpread({
     normal: _objectSpread(_objectSpread({}, NORMAL_TEXT), {}, {
       icon: /*#__PURE__*/React.createElement(EditorToolbarTextIcon, {
         size: "small",
@@ -132,7 +143,17 @@ export var toolbarBlockTypesWithRank = function toolbarBlockTypesWithRank() {
       }),
       toolbarRank: TEXT_STYLES_MENU_SECTION_RANK[NORMAL_TEXT_MENU_ITEM.key],
       toolbarKey: NORMAL_TEXT_MENU_ITEM.key
-    }),
+    })
+  }, allowFontSize && expValEquals('platform_editor_small_font_size', 'isEnabled', true) && {
+    smallText: _objectSpread(_objectSpread({}, SMALL_TEXT), {}, {
+      icon: /*#__PURE__*/React.createElement(TextIcon, {
+        size: "small",
+        label: ""
+      }),
+      toolbarRank: TEXT_STYLES_MENU_SECTION_RANK[SMALL_TEXT_MENU_ITEM.key],
+      toolbarKey: SMALL_TEXT_MENU_ITEM.key
+    })
+  }), {}, {
     heading1: _objectSpread(_objectSpread({}, HEADING_1), {}, {
       icon: /*#__PURE__*/React.createElement(HeadingOneIcon, {
         size: "small",
@@ -189,16 +210,14 @@ export var toolbarBlockTypesWithRank = function toolbarBlockTypesWithRank() {
       toolbarRank: TEXT_STYLES_MENU_SECTION_RANK[BLOCK_QUOTE_MENU_ITEM.key],
       toolbarKey: BLOCK_QUOTE_MENU_ITEM.key
     })
-  };
+  });
 };
 export var FORMATTING_NODE_TYPES = ['heading', 'blockquote'];
 export var FORMATTING_MARK_TYPES = ['em', 'code', 'strike', 'strong', 'underline', 'textColor', 'subsup', 'backgroundColor'];
 export var WRAPPER_BLOCK_TYPES = [BLOCK_QUOTE, CODE_BLOCK, PANEL];
 export var ALL_BLOCK_TYPES = TEXT_BLOCK_TYPES.concat(WRAPPER_BLOCK_TYPES);
 export var getBlockTypesInDropdown = function getBlockTypesInDropdown(includeBlockQuoteAsTextstyleOption) {
-  return editorExperiment('platform_editor_blockquote_in_text_formatting_menu', true, {
-    exposure: true
-  }) && includeBlockQuoteAsTextstyleOption ? [].concat(TEXT_BLOCK_TYPES, [BLOCK_QUOTE]) : TEXT_BLOCK_TYPES;
+  return includeBlockQuoteAsTextstyleOption ? [].concat(TEXT_BLOCK_TYPES, [BLOCK_QUOTE]) : TEXT_BLOCK_TYPES;
 };
 export var HEADINGS_BY_LEVEL = TEXT_BLOCK_TYPES.reduce(function (acc, blockType) {
   if (blockType.level && blockType.nodeName === 'heading') {

package/dist/esm/pm-plugins/main.js

@@ -7,7 +7,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { BLOCK_QUOTE, CODE_BLOCK, HEADING_1, HEADING_2, HEADING_3, HEADING_4, HEADING_5, HEADING_6, HEADINGS_BY_LEVEL, NORMAL_TEXT, OTHER, PANEL, TEXT_BLOCK_TYPES, WRAPPER_BLOCK_TYPES, getBlockTypesInDropdown } from './block-types';
+import { BLOCK_QUOTE, CODE_BLOCK, HEADING_1, HEADING_2, HEADING_3, HEADING_4, HEADING_5, HEADING_6, HEADINGS_BY_LEVEL, NORMAL_TEXT, OTHER, PANEL, TEXT_BLOCK_TYPES, WRAPPER_BLOCK_TYPES, getBlockTypesInDropdown, SMALL_TEXT } from './block-types';
 import { setHeadingWithAnalytics, setNormalTextWithAnalytics } from './commands/block-type';
 import { HEADING_KEYS, HEADING_NUMPAD_KEYS } from './consts';
 import { areBlockTypesDisabled, checkFormattingIsPresent, hasBlockQuoteInOptions } from './utils';
@@ -17,6 +17,10 @@ var blockTypeForNode = function blockTypeForNode(node, schema) {
     if (maybeNode) {
       return maybeNode;
     }
+  } else if (node.marks.some(function (m) {
+    return m.type.name === 'fontSize' && m.attrs.fontSize === 'small';
+  }) && expValEquals('platform_editor_small_font_size', 'isEnabled', true)) {
+    return SMALL_TEXT;
   } else if (node.type === schema.nodes.paragraph) {
     return NORMAL_TEXT;
   } else if (node.type === schema.nodes.blockquote) {
@@ -35,6 +39,8 @@ var isBlockTypeSchemaSupported = function isBlockTypeSchemaSupported(blockType,
     case HEADING_5:
     case HEADING_6:
       return !!state.schema.nodes.heading;
+    case SMALL_TEXT:
+      return !!state.schema.marks.fontSize && expValEquals('platform_editor_small_font_size', 'isEnabled', true);
     case BLOCK_QUOTE:
       return !!state.schema.nodes.blockquote;
     case CODE_BLOCK:

package/dist/esm/pm-plugins/ui/ToolbarBlockType/HeadingButton.js

@@ -77,6 +77,7 @@ var HeadingText = function HeadingText(_ref) {
 };
 var headingSizeStylesMap = {
   normal: "_11c8fhey",
+  smallText: "_11c8fhey",
   heading1: "_11c812ln",
   heading2: "_11c810sd",
   heading3: "_11c81af2",
@@ -86,6 +87,11 @@ var headingSizeStylesMap = {
 };
 var shortcuts = {
   normal: setNormalText,
+  smallText: {
+    description: '',
+    mac: '',
+    windows: ''
+  },
   heading1: toggleHeading1,
   heading2: toggleHeading2,
   heading3: toggleHeading3,

package/dist/esm/pm-plugins/ui/ToolbarBlockType/TextStylesMenuButton.js

@@ -17,14 +17,17 @@ var usePluginState = function usePluginState(api) {
 };
 export var TextStylesMenuButton = function TextStylesMenuButton(_ref) {
   var _Object$values$find;
-  var api = _ref.api,
+  var allowFontSize = _ref.allowFontSize,
+    api = _ref.api,
     children = _ref.children;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var _usePluginState = usePluginState(api),
     blockTypesDisabled = _usePluginState.blockTypesDisabled,
     currentBlockType = _usePluginState.currentBlockType;
-  var blockTypes = toolbarBlockTypesWithRank();
+  var blockTypes = toolbarBlockTypesWithRank({
+    allowFontSize: allowFontSize
+  });
   var _useEditorToolbar = useEditorToolbar(),
     editorAppearance = _useEditorToolbar.editorAppearance;
   var CurrentIcon = (_Object$values$find = Object.values(blockTypes).find(function (blockType) {
@@ -54,6 +57,9 @@ export var TextStylesMenuButton = function TextStylesMenuButton(_ref) {
       iconBefore: TriggerIcon,
       tooltipComponent: /*#__PURE__*/React.createElement(ToolbarTooltip, {
         content: formatMessage(toolbarMessages.textStylesTooltip)
+      }),
+      label: formatMessage(toolbarMessages.textStyles, {
+        blockTypeName: currentBlockType === null || currentBlockType === void 0 ? void 0 : currentBlockType.name
       })
     }, children);
   }
@@ -61,6 +67,9 @@ export var TextStylesMenuButton = function TextStylesMenuButton(_ref) {
     content: formatMessage(toolbarMessages.textStylesTooltip)
   }, /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
     isDisabled: blockTypesDisabled,
-    iconBefore: TriggerIcon
+    iconBefore: TriggerIcon,
+    label: formatMessage(toolbarMessages.textStyles, {
+      blockTypeName: currentBlockType === null || currentBlockType === void 0 ? void 0 : currentBlockType.name
+    })
   }, children));
 };

package/dist/esm/pm-plugins/ui/ToolbarBlockType/blocktype-button.js

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { toolbarMessages } from '@atlaskit/editor-common/messages';

package/dist/esm/pm-plugins/ui/ToolbarBlockType/index.js

@@ -295,5 +295,6 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
       );
     }
   }]);
-}(React.PureComponent);
-export default injectIntl(ToolbarBlockType);
+}(React.PureComponent); // eslint-disable-next-line @typescript-eslint/ban-types
+var _default_1 = injectIntl(ToolbarBlockType);
+export default _default_1;

package/dist/esm/pm-plugins/ui/toolbar-components.js

@@ -4,7 +4,7 @@ import { toolbarBlockTypesWithRank } from '../block-types';
 import { HeadingButton } from './ToolbarBlockType/HeadingButton';
 import { QuoteButton } from './ToolbarBlockType/QuoteButton';
 import { TextStylesMenuButton } from './ToolbarBlockType/TextStylesMenuButton';
-export var getToolbarComponents = function getToolbarComponents(api) {
+export var getToolbarComponents = function getToolbarComponents(api, allowFontSize) {
   var toolbarComponents = [{
     type: TEXT_STYLES_GROUP.type,
     key: TEXT_STYLES_GROUP.key,
@@ -28,7 +28,8 @@ export var getToolbarComponents = function getToolbarComponents(api) {
     component: function component(_ref) {
       var children = _ref.children;
       return /*#__PURE__*/React.createElement(TextStylesMenuButton, {
-        api: api
+        api: api,
+        allowFontSize: allowFontSize
       }, children);
     }
   }, {
@@ -44,7 +45,9 @@ export var getToolbarComponents = function getToolbarComponents(api) {
       rank: TEXT_COLLAPSED_MENU_RANK[TEXT_STYLES_MENU_SECTION.key]
     }]
   }];
-  Object.values(toolbarBlockTypesWithRank()).forEach(function (blockType) {
+  Object.values(toolbarBlockTypesWithRank({
+    allowFontSize: allowFontSize
+  })).forEach(function (blockType) {
     if (blockType.toolbarKey) {
       var menuItem = {
         type: 'menu-item',

package/dist/types/pm-plugins/block-types.d.ts

@@ -1,5 +1,6 @@
 import type { BlockType, BlockTypeWithRank } from './types';
 export declare const NORMAL_TEXT: BlockType;
+export declare const SMALL_TEXT: BlockType;
 export declare const HEADING_1: BlockType;
 export declare const HEADING_2: BlockType;
 export declare const HEADING_3: BlockType;
@@ -21,8 +22,10 @@ declare enum ToolbarBlockTypes {
     heading6 = "heading6",
     blockquote = "blockquote"
 }
-export declare const toolbarBlockTypesWithRank: () => Record<ToolbarBlockTypes, BlockTypeWithRank>;
-export type TextBlockTypes = 'normal' | 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6';
+export declare const toolbarBlockTypesWithRank: ({ allowFontSize, }: {
+    allowFontSize?: boolean;
+}) => Record<ToolbarBlockTypes, BlockTypeWithRank>;
+export type TextBlockTypes = 'normal' | 'smallText' | 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6';
 export declare const FORMATTING_NODE_TYPES: string[];
 export declare const FORMATTING_MARK_TYPES: string[];
 export declare const WRAPPER_BLOCK_TYPES: BlockType[];

package/dist/types/pm-plugins/types.d.ts

@@ -7,6 +7,7 @@ export interface BlockType {
     icon?: ReactElement;
     LEGACY_icon?: ReactElement;
     level?: HeadingLevelsAndNormalText;
+    markName?: string;
     name: string;
     nodeName: string;
     tagName?: string;

package/dist/types/pm-plugins/ui/ToolbarBlockType/TextStylesMenuButton.d.ts

@@ -2,8 +2,9 @@ import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { BlockTypePlugin } from '../../../blockTypePluginType';
 type TextStylesMenuButtonProps = {
+    allowFontSize?: boolean;
     api?: ExtractInjectionAPI<BlockTypePlugin>;
     children: React.ReactNode;
 };
-export declare const TextStylesMenuButton: ({ api, children, }: TextStylesMenuButtonProps) => React.JSX.Element;
+export declare const TextStylesMenuButton: ({ allowFontSize, api, children, }: TextStylesMenuButtonProps) => React.JSX.Element;
 export {};

package/dist/types/pm-plugins/ui/ToolbarBlockType/index.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -39,7 +39,7 @@ export interface State {
     observer: ThemeMutationObserver | null;
     typographyTheme?: ThemeState['typography'];
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+declare const _default_1: React.FC<WithIntlProps<Props & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

package/dist/types/pm-plugins/ui/toolbar-components.d.ts

@@ -1,4 +1,4 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { RegisterComponent } from '@atlaskit/editor-toolbar-model';
 import type { BlockTypePlugin } from '../../blockTypePluginType';
-export declare const getToolbarComponents: (api?: ExtractInjectionAPI<BlockTypePlugin>) => RegisterComponent[];
+export declare const getToolbarComponents: (api?: ExtractInjectionAPI<BlockTypePlugin>, allowFontSize?: boolean) => RegisterComponent[];

package/dist/types-ts4.5/pm-plugins/block-types.d.ts

@@ -1,5 +1,6 @@
 import type { BlockType, BlockTypeWithRank } from './types';
 export declare const NORMAL_TEXT: BlockType;
+export declare const SMALL_TEXT: BlockType;
 export declare const HEADING_1: BlockType;
 export declare const HEADING_2: BlockType;
 export declare const HEADING_3: BlockType;
@@ -21,8 +22,10 @@ declare enum ToolbarBlockTypes {
     heading6 = "heading6",
     blockquote = "blockquote"
 }
-export declare const toolbarBlockTypesWithRank: () => Record<ToolbarBlockTypes, BlockTypeWithRank>;
-export type TextBlockTypes = 'normal' | 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6';
+export declare const toolbarBlockTypesWithRank: ({ allowFontSize, }: {
+    allowFontSize?: boolean;
+}) => Record<ToolbarBlockTypes, BlockTypeWithRank>;
+export type TextBlockTypes = 'normal' | 'smallText' | 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6';
 export declare const FORMATTING_NODE_TYPES: string[];
 export declare const FORMATTING_MARK_TYPES: string[];
 export declare const WRAPPER_BLOCK_TYPES: BlockType[];

package/dist/types-ts4.5/pm-plugins/types.d.ts

@@ -7,6 +7,7 @@ export interface BlockType {
     icon?: ReactElement;
     LEGACY_icon?: ReactElement;
     level?: HeadingLevelsAndNormalText;
+    markName?: string;
     name: string;
     nodeName: string;
     tagName?: string;

package/dist/types-ts4.5/pm-plugins/ui/ToolbarBlockType/TextStylesMenuButton.d.ts

@@ -2,8 +2,9 @@ import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { BlockTypePlugin } from '../../../blockTypePluginType';
 type TextStylesMenuButtonProps = {
+    allowFontSize?: boolean;
     api?: ExtractInjectionAPI<BlockTypePlugin>;
     children: React.ReactNode;
 };
-export declare const TextStylesMenuButton: ({ api, children, }: TextStylesMenuButtonProps) => React.JSX.Element;
+export declare const TextStylesMenuButton: ({ allowFontSize, api, children, }: TextStylesMenuButtonProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/pm-plugins/ui/ToolbarBlockType/index.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -39,7 +39,7 @@ export interface State {
     observer: ThemeMutationObserver | null;
     typographyTheme?: ThemeState['typography'];
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+declare const _default_1: React.FC<WithIntlProps<Props & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

package/dist/types-ts4.5/pm-plugins/ui/toolbar-components.d.ts

@@ -1,4 +1,4 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { RegisterComponent } from '@atlaskit/editor-toolbar-model';
 import type { BlockTypePlugin } from '../../blockTypePluginType';
-export declare const getToolbarComponents: (api?: ExtractInjectionAPI<BlockTypePlugin>) => RegisterComponent[];
+export declare const getToolbarComponents: (api?: ExtractInjectionAPI<BlockTypePlugin>, allowFontSize?: boolean) => RegisterComponent[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-type",
-	"version": "12.0.0",
+	"version": "12.0.2",
 	"description": "BlockType plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -50,14 +50,14 @@
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@atlaskit/prosemirror-input-rules": "^3.6.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tmp-editor-statsig": "^35.10.0",
+		"@atlaskit/tmp-editor-statsig": "^36.1.0",
 		"@atlaskit/tokens": "^11.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.0.0",
+		"@atlaskit/editor-common": "^112.2.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"