@atlaskit/editor-toolbar 0.0.7 → 0.0.9

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-toolbar
 
+## 0.0.9
+
+### Patch Changes
+
+- [#195899](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/195899)
+  [`345c0b6478f73`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/345c0b6478f73) -
+  [ED-28682]
+
+  - Export more formatting icons
+  - Add optional position props to ToolbarTooltip dictating tooltip position
+  - Fix selected state for icon in ToolbarButton
+
+## 0.0.8
+
+### Patch Changes
+
+- [#195460](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/195460)
+  [`dd320dee34d9f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dd320dee34d9f) -
+  [ux] ED-28684 register ai components to the new toolbar behind platform_editor_toolbar_aifc
+  experiment
+
 ## 0.0.7
 
 ### Patch Changes

package/afm-dev-agents/tsconfig.json

@@ -0,0 +1,54 @@
+{
+	"extends": "../../../../tsconfig.entry-points.dev-agents.json",
+	"compilerOptions": {
+		"declaration": true,
+		"target": "es5",
+		"outDir": "../../../../../dev-agents/tsDist/@atlaskit__editor-toolbar/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*"
+	],
+	"references": [
+		{
+			"path": "../../../design-system/badge/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/button/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/css/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/dropdown-menu/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/icon/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/icon-lab/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/logo/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/popup/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/primitives/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tooltip/afm-dev-agents/tsconfig.json"
+		}
+	]
+}

package/dist/cjs/index.js

@@ -9,6 +9,24 @@ Object.defineProperty(exports, "AIAdjustLengthIcon", {
     return _AIAdjustLengthIcon.AIAdjustLengthIcon;
   }
 });
+Object.defineProperty(exports, "AIBriefcaseIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AIProfessionalIcon.AIBriefcaseIcon;
+  }
+});
+Object.defineProperty(exports, "AICasualIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AICasualIcon.AICasualIcon;
+  }
+});
+Object.defineProperty(exports, "AIChangeToneIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AIChangeToneIcon.AIChangeToneIcon;
+  }
+});
 Object.defineProperty(exports, "AIChatIcon", {
   enumerable: true,
   get: function get() {
@@ -21,6 +39,42 @@ Object.defineProperty(exports, "AICommandIcon", {
     return _AICommandIcon.AICommandIcon;
   }
 });
+Object.defineProperty(exports, "AIHeartIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AIHeartIcon.AIHeartIcon;
+  }
+});
+Object.defineProperty(exports, "AILengthenIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AILengthenIcon.AILengthenIcon;
+  }
+});
+Object.defineProperty(exports, "AIShortenIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AIShortenIcon.AIShortenIcon;
+  }
+});
+Object.defineProperty(exports, "AISpellcheckIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AISpellcheckIcon.AISpellcheckIcon;
+  }
+});
+Object.defineProperty(exports, "AISummarizeIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AISummarizeIcon.AISummarizeIcon;
+  }
+});
+Object.defineProperty(exports, "AITranslateIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AITranslateIcon.AITranslateIcon;
+  }
+});
 Object.defineProperty(exports, "AddIcon", {
   enumerable: true,
   get: function get() {
@@ -39,6 +93,18 @@ Object.defineProperty(exports, "BoldIcon", {
     return _BoldIcon.BoldIcon;
   }
 });
+Object.defineProperty(exports, "ClearFormattingIcon", {
+  enumerable: true,
+  get: function get() {
+    return _ClearFormattingIcon.ClearFormattingIcon;
+  }
+});
+Object.defineProperty(exports, "CodeIcon", {
+  enumerable: true,
+  get: function get() {
+    return _CodeIcon.CodeIcon;
+  }
+});
 Object.defineProperty(exports, "CommentIcon", {
   enumerable: true,
   get: function get() {
@@ -111,6 +177,12 @@ Object.defineProperty(exports, "MoreItemsIcon", {
     return _MoreItemsIcon.MoreItemsIcon;
   }
 });
+Object.defineProperty(exports, "NestedDropdownRightIcon", {
+  enumerable: true,
+  get: function get() {
+    return _NestedDropdownRightIcon.NestedDropdownRightIcon;
+  }
+});
 Object.defineProperty(exports, "PinIcon", {
   enumerable: true,
   get: function get() {
@@ -129,6 +201,24 @@ Object.defineProperty(exports, "QuoteIcon", {
     return _QuoteIcon.QuoteIcon;
   }
 });
+Object.defineProperty(exports, "StrikeThroughIcon", {
+  enumerable: true,
+  get: function get() {
+    return _StrikeThroughIcon.StrikeThroughIcon;
+  }
+});
+Object.defineProperty(exports, "SubscriptIcon", {
+  enumerable: true,
+  get: function get() {
+    return _SubscriptIcon.SubscriptIcon;
+  }
+});
+Object.defineProperty(exports, "SuperscriptIcon", {
+  enumerable: true,
+  get: function get() {
+    return _SuperscriptIcon.SuperscriptIcon;
+  }
+});
 Object.defineProperty(exports, "TextColorIcon", {
   enumerable: true,
   get: function get() {
@@ -159,6 +249,12 @@ Object.defineProperty(exports, "ToolbarButtonGroup", {
     return _ToolbarButtonGroup.ToolbarButtonGroup;
   }
 });
+Object.defineProperty(exports, "ToolbarDropdownDivider", {
+  enumerable: true,
+  get: function get() {
+    return _ToolbarDropdownDivider.ToolbarDropdownDivider;
+  }
+});
 Object.defineProperty(exports, "ToolbarDropdownItem", {
   enumerable: true,
   get: function get() {
@@ -183,6 +279,12 @@ Object.defineProperty(exports, "ToolbarKeyboardShortcutHint", {
     return _ToolbarKeyboardShortcutHint.ToolbarKeyboardShortcutHint;
   }
 });
+Object.defineProperty(exports, "ToolbarNestedDropdownMenu", {
+  enumerable: true,
+  get: function get() {
+    return _ToolbarNestedDropdownMenu.ToolbarNestedDropdownMenu;
+  }
+});
 Object.defineProperty(exports, "ToolbarSection", {
   enumerable: true,
   get: function get() {
@@ -195,6 +297,12 @@ Object.defineProperty(exports, "ToolbarTooltip", {
     return _ToolbarTooltip.ToolbarTooltip;
   }
 });
+Object.defineProperty(exports, "UnderlineIcon", {
+  enumerable: true,
+  get: function get() {
+    return _UnderlineIcon.UnderlineIcon;
+  }
+});
 var _Toolbar = require("./ui/Toolbar");
 var _ToolbarButton = require("./ui/ToolbarButton");
 var _ToolbarButtonGroup = require("./ui/ToolbarButtonGroup");
@@ -204,8 +312,20 @@ var _ToolbarDropdownItemSection = require("./ui/ToolbarDropdownItemSection");
 var _ToolbarKeyboardShortcutHint = require("./ui/ToolbarKeyboardShortcutHint");
 var _ToolbarSection = require("./ui/ToolbarSection");
 var _ToolbarTooltip = require("./ui/ToolbarTooltip");
+var _ToolbarNestedDropdownMenu = require("./ui/ToolbarNestedDropdownMenu");
+var _ToolbarDropdownDivider = require("./ui/ToolbarDropdownDivider");
 var _AIAdjustLengthIcon = require("./ui/icons/AIAdjustLengthIcon");
 var _AIChatIcon = require("./ui/icons/AIChatIcon");
+var _AIProfessionalIcon = require("./ui/icons/AIProfessionalIcon");
+var _AICasualIcon = require("./ui/icons/AICasualIcon");
+var _AIHeartIcon = require("./ui/icons/AIHeartIcon");
+var _AIShortenIcon = require("./ui/icons/AIShortenIcon");
+var _AISpellcheckIcon = require("./ui/icons/AISpellcheckIcon");
+var _AIChangeToneIcon = require("./ui/icons/AIChangeToneIcon");
+var _AILengthenIcon = require("./ui/icons/AILengthenIcon");
+var _AISummarizeIcon = require("./ui/icons/AISummarizeIcon");
+var _AITranslateIcon = require("./ui/icons/AITranslateIcon");
+var _NestedDropdownRightIcon = require("./ui/icons/NestedDropdownRightIcon");
 var _AICommandIcon = require("./ui/icons/AICommandIcon");
 var _AddIcon = require("./ui/icons/AddIcon");
 var _AppsIcon = require("./ui/icons/AppsIcon");
@@ -226,4 +346,10 @@ var _PinIcon = require("./ui/icons/PinIcon");
 var _PinnedIcon = require("./ui/icons/PinnedIcon");
 var _QuoteIcon = require("./ui/icons/QuoteIcon");
 var _TextColorIcon = require("./ui/icons/TextColorIcon");
-var _TextIcon = require("./ui/icons/TextIcon");
+var _TextIcon = require("./ui/icons/TextIcon");
+var _ClearFormattingIcon = require("./ui/icons/ClearFormattingIcon");
+var _UnderlineIcon = require("./ui/icons/UnderlineIcon");
+var _StrikeThroughIcon = require("./ui/icons/StrikeThroughIcon");
+var _CodeIcon = require("./ui/icons/CodeIcon");
+var _SubscriptIcon = require("./ui/icons/SubscriptIcon");
+var _SuperscriptIcon = require("./ui/icons/SuperscriptIcon");

package/dist/cjs/ui/ToolbarButton.compiled.css

@@ -21,6 +21,7 @@
 ._qrwqidpf{border-top-right-radius:0}
 ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
 ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
+._syazaqb7{color:var(--ds-text-selected,#0c66e4)}
 ._u5f312x7{padding-right:var(--ds-space-075,6px)}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}

package/dist/cjs/ui/ToolbarButton.js

@@ -16,7 +16,7 @@ var styles = {
   button: "_zulp12x7 _2rkoiti9 _1e0c1txw _bfhksm61 _o5721q9c _4cvr1h6o _1bah1h6o _1tke1f4h _syaz1gjq _k48p1wq8 _19bvu2gc _u5f3u2gc _1ah3idpf _g0pbkb7n _oh03h2mm",
   enabled: "_irr3166n _1di61dty",
   disabled: "_syaz1lh4 _80om13gf",
-  selected: "_bfhkfg4m _irr3i1yw _1di619ru",
+  selected: "_bfhkfg4m _syazaqb7 _irr3i1yw _1di619ru",
   groupStart: "_qrwqidpf _1o0zidpf _1bahesu3 _19bv12x7 _u5f3v77o",
   groupMiddle: "_13liidpf _mrkbidpf _qrwqidpf _1o0zidpf _19bv1b66 _u5f31b66",
   groupEnd: "_13liidpf _mrkbidpf _1bah1y6m _19bvv77o _u5f312x7"

package/dist/cjs/ui/ToolbarDropdownDivider.js

@@ -1,20 +1,20 @@
 /* ToolbarDropdownDivider.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ToolbarDropdownDivider = void 0;
 require("./ToolbarDropdownDivider.compiled.css");
+var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _react = _interopRequireDefault(require("react"));
-var _compiled = require("@atlaskit/primitives/compiled");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
   divider: "_1o3imuej _1il9nqa1 _1doce4h9"
 };
 var ToolbarDropdownDivider = exports.ToolbarDropdownDivider = function ToolbarDropdownDivider() {
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: styles.divider
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)([styles.divider])
   });
 };

package/dist/cjs/ui/ToolbarDropdownMenu.js

@@ -12,7 +12,8 @@ var ToolbarDropdownMenu = exports.ToolbarDropdownMenu = function ToolbarDropdown
   var iconBefore = _ref.iconBefore,
     groupLocation = _ref.groupLocation,
     children = _ref.children,
-    isDisabled = _ref.isDisabled;
+    isDisabled = _ref.isDisabled,
+    testId = _ref.testId;
   return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
     trigger: function trigger(triggerProps) {
       return /*#__PURE__*/_react.default.createElement(_ToolbarButton.ToolbarButton, {
@@ -24,7 +25,7 @@ var ToolbarDropdownMenu = exports.ToolbarDropdownMenu = function ToolbarDropdown
         onBlur: triggerProps.onBlur,
         onClick: triggerProps.onClick,
         onFocus: triggerProps.onFocus,
-        testId: triggerProps.testId,
+        testId: testId,
         iconBefore: iconBefore,
         groupLocation: groupLocation,
         isDisabled: isDisabled

package/dist/cjs/ui/ToolbarNestedDropdownMenu.js

@@ -13,7 +13,8 @@ var ToolbarNestedDropdownMenu = exports.ToolbarNestedDropdownMenu = function Too
     text = _ref.text,
     elemAfter = _ref.elemAfter,
     children = _ref.children,
-    isDisabled = _ref.isDisabled;
+    isDisabled = _ref.isDisabled,
+    testId = _ref.testId;
   return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
     placement: "right-start",
     trigger: function trigger(triggerProps) {
@@ -22,7 +23,7 @@ var ToolbarNestedDropdownMenu = exports.ToolbarNestedDropdownMenu = function Too
         elemAfter: elemAfter,
         isSelected: triggerProps.isSelected,
         onClick: triggerProps.onClick,
-        testId: triggerProps.testId,
+        testId: testId,
         triggerRef: triggerProps.triggerRef,
         hasNestedDropdownMenu: true,
         isDisabled: isDisabled

package/dist/cjs/ui/ToolbarTooltip.js

@@ -9,8 +9,11 @@ var _react = _interopRequireDefault(require("react"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var ToolbarTooltip = exports.ToolbarTooltip = function ToolbarTooltip(_ref) {
   var content = _ref.content,
-    children = _ref.children;
+    children = _ref.children,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'top' : _ref$position;
   return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    content: content
+    content: content,
+    position: position
   }, children);
 };

package/dist/cjs/ui/icons/AILengthenIcon.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "AILenghtenIcon", {
+Object.defineProperty(exports, "AILengthenIcon", {
   enumerable: true,
   get: function get() {
     return _textLengthen.default;

package/dist/cjs/ui/icons/AISummarizeIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AISummarizeIcon", {
+  enumerable: true,
+  get: function get() {
+    return _aiGenerativeTextSummary.default;
+  }
+});
+var _aiGenerativeTextSummary = _interopRequireDefault(require("@atlaskit/icon/core/ai-generative-text-summary"));

package/dist/cjs/ui/icons/CodeIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CodeIcon", {
+  enumerable: true,
+  get: function get() {
+    return _angleBrackets.default;
+  }
+});
+var _angleBrackets = _interopRequireDefault(require("@atlaskit/icon/core/angle-brackets"));

package/dist/cjs/ui/icons/StrikeThroughIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "StrikeThroughIcon", {
+  enumerable: true,
+  get: function get() {
+    return _textStrikethrough.default;
+  }
+});
+var _textStrikethrough = _interopRequireDefault(require("@atlaskit/icon/core/text-strikethrough"));

package/dist/cjs/ui/icons/SubscriptIcon.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SubscriptIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+/* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
+var SVGContainer = function SVGContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      width: "var(--ds-space-200, 16px)",
+      height: "var(--ds-space-200, 16px)",
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, children);
+};
+var SubscriptIcon = exports.SubscriptIcon = function SubscriptIcon() {
+  return /*#__PURE__*/_react.default.createElement(SVGContainer, null, /*#__PURE__*/_react.default.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M5.10609 6.54799L7.88895 2.09448L9.16102 2.88936L5.99047 7.9633L9.21219 13.1191L7.94012 13.914L5.10609 9.37861L2.27207 13.914L1 13.1191L4.2217 7.9633L1.05117 2.88939L2.32324 2.09451L5.10609 6.54799ZM10.858 15.0001V13.696H12.3499V10.3153L10.8418 11.4343V9.86413L12.3138 8.83114H13.8161V13.696H14.9999V15.0001H10.858Z",
+    fill: "currentColor"
+  })));
+};

package/dist/cjs/ui/icons/SuperscriptIcon.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SuperscriptIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+/* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+
+var SVGContainer = function SVGContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      width: "var(--ds-space-200, 16px)",
+      height: "var(--ds-space-200, 16px)",
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, children);
+};
+var SuperscriptIcon = exports.SuperscriptIcon = function SuperscriptIcon() {
+  return /*#__PURE__*/_react.default.createElement(SVGContainer, null, /*#__PURE__*/_react.default.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M10.858 7.16892V5.86487H12.3499V2.4842L10.8418 3.60312V2.03298L12.3138 1H13.8161V5.86487H14.9999V7.16892H10.858ZM5.10609 6.5479L7.88895 2.09439L9.16102 2.88927L5.99047 7.96321L9.21219 13.119L7.94012 13.9139L5.10609 9.37852L2.27207 13.9139L1 13.119L4.2217 7.96321L1.05117 2.8893L2.32324 2.09442L5.10609 6.5479Z",
+    fill: "currentColor"
+  })));
+};

package/dist/cjs/ui/icons/UnderlineIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "UnderlineIcon", {
+  enumerable: true,
+  get: function get() {
+    return _textUnderline.default;
+  }
+});
+var _textUnderline = _interopRequireDefault(require("@atlaskit/icon/core/text-underline"));

package/dist/es2019/index.js

@@ -8,8 +8,20 @@ export { ToolbarDropdownItemSection } from './ui/ToolbarDropdownItemSection';
 export { ToolbarKeyboardShortcutHint } from './ui/ToolbarKeyboardShortcutHint';
 export { ToolbarSection } from './ui/ToolbarSection';
 export { ToolbarTooltip } from './ui/ToolbarTooltip';
+export { ToolbarNestedDropdownMenu } from './ui/ToolbarNestedDropdownMenu';
+export { ToolbarDropdownDivider } from './ui/ToolbarDropdownDivider';
 export { AIAdjustLengthIcon } from './ui/icons/AIAdjustLengthIcon';
 export { AIChatIcon } from './ui/icons/AIChatIcon';
+export { AIBriefcaseIcon } from './ui/icons/AIProfessionalIcon';
+export { AICasualIcon } from './ui/icons/AICasualIcon';
+export { AIHeartIcon } from './ui/icons/AIHeartIcon';
+export { AIShortenIcon } from './ui/icons/AIShortenIcon';
+export { AISpellcheckIcon } from './ui/icons/AISpellcheckIcon';
+export { AIChangeToneIcon } from './ui/icons/AIChangeToneIcon';
+export { AILengthenIcon } from './ui/icons/AILengthenIcon';
+export { AISummarizeIcon } from './ui/icons/AISummarizeIcon';
+export { AITranslateIcon } from './ui/icons/AITranslateIcon';
+export { NestedDropdownRightIcon } from './ui/icons/NestedDropdownRightIcon';
 export { AICommandIcon } from './ui/icons/AICommandIcon';
 export { AddIcon } from './ui/icons/AddIcon';
 export { AppsIcon } from './ui/icons/AppsIcon';
@@ -30,4 +42,10 @@ export { PinIcon } from './ui/icons/PinIcon';
 export { PinnedIcon } from './ui/icons/PinnedIcon';
 export { QuoteIcon } from './ui/icons/QuoteIcon';
 export { TextColorIcon } from './ui/icons/TextColorIcon';
-export { TextIcon } from './ui/icons/TextIcon';
+export { TextIcon } from './ui/icons/TextIcon';
+export { ClearFormattingIcon } from './ui/icons/ClearFormattingIcon';
+export { UnderlineIcon } from './ui/icons/UnderlineIcon';
+export { StrikeThroughIcon } from './ui/icons/StrikeThroughIcon';
+export { CodeIcon } from './ui/icons/CodeIcon';
+export { SubscriptIcon } from './ui/icons/SubscriptIcon';
+export { SuperscriptIcon } from './ui/icons/SuperscriptIcon';

package/dist/es2019/ui/ToolbarButton.compiled.css

@@ -21,6 +21,7 @@
 ._qrwqidpf{border-top-right-radius:0}
 ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
 ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
+._syazaqb7{color:var(--ds-text-selected,#0c66e4)}
 ._u5f312x7{padding-right:var(--ds-space-075,6px)}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}

package/dist/es2019/ui/ToolbarButton.js

@@ -8,7 +8,7 @@ const styles = {
   button: "_zulp12x7 _2rkoiti9 _1e0c1txw _bfhksm61 _o5721q9c _4cvr1h6o _1bah1h6o _1tke1f4h _syaz1gjq _k48p1wq8 _19bvu2gc _u5f3u2gc _1ah3idpf _g0pbkb7n _oh03h2mm",
   enabled: "_irr3166n _1di61dty",
   disabled: "_syaz1lh4 _80om13gf",
-  selected: "_bfhkfg4m _irr3i1yw _1di619ru",
+  selected: "_bfhkfg4m _syazaqb7 _irr3i1yw _1di619ru",
   groupStart: "_qrwqidpf _1o0zidpf _1bahesu3 _19bv12x7 _u5f3v77o",
   groupMiddle: "_13liidpf _mrkbidpf _qrwqidpf _1o0zidpf _19bv1b66 _u5f31b66",
   groupEnd: "_13liidpf _mrkbidpf _1bah1y6m _19bvv77o _u5f312x7"

package/dist/es2019/ui/ToolbarDropdownDivider.js

@@ -1,13 +1,12 @@
 /* ToolbarDropdownDivider.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./ToolbarDropdownDivider.compiled.css";
+import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import React from 'react';
-import { Box } from '@atlaskit/primitives/compiled';
 const styles = {
   divider: "_1o3imuej _1il9nqa1 _1doce4h9"
 };
 export const ToolbarDropdownDivider = () => {
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.divider
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax([styles.divider])
   });
 };

package/dist/es2019/ui/ToolbarDropdownMenu.js

@@ -5,7 +5,8 @@ export const ToolbarDropdownMenu = ({
   iconBefore,
   groupLocation,
   children,
-  isDisabled
+  isDisabled,
+  testId
 }) => {
   return /*#__PURE__*/React.createElement(DropdownMenu, {
     trigger: triggerProps => /*#__PURE__*/React.createElement(ToolbarButton, {
@@ -17,7 +18,7 @@ export const ToolbarDropdownMenu = ({
       onBlur: triggerProps.onBlur,
       onClick: triggerProps.onClick,
       onFocus: triggerProps.onFocus,
-      testId: triggerProps.testId,
+      testId: testId,
       iconBefore: iconBefore,
       groupLocation: groupLocation,
       isDisabled: isDisabled

package/dist/es2019/ui/ToolbarNestedDropdownMenu.js

@@ -6,7 +6,8 @@ export const ToolbarNestedDropdownMenu = ({
   text,
   elemAfter,
   children,
-  isDisabled
+  isDisabled,
+  testId
 }) => {
   return /*#__PURE__*/React.createElement(DropdownMenu, {
     placement: "right-start",
@@ -15,7 +16,7 @@ export const ToolbarNestedDropdownMenu = ({
       elemAfter: elemAfter,
       isSelected: triggerProps.isSelected,
       onClick: triggerProps.onClick,
-      testId: triggerProps.testId,
+      testId: testId,
       triggerRef: triggerProps.triggerRef,
       hasNestedDropdownMenu: true,
       isDisabled: isDisabled

package/dist/es2019/ui/ToolbarTooltip.js

@@ -2,9 +2,11 @@ import React from 'react';
 import Tooltip from '@atlaskit/tooltip';
 export const ToolbarTooltip = ({
   content,
-  children
+  children,
+  position = 'top'
 }) => {
   return /*#__PURE__*/React.createElement(Tooltip, {
-    content: content
+    content: content,
+    position: position
   }, children);
 };

package/dist/es2019/ui/icons/AILengthenIcon.js

@@ -1,2 +1,2 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { default as AILenghtenIcon } from '@atlaskit/icon-lab/core/text-lengthen';
+export { default as AILengthenIcon } from '@atlaskit/icon-lab/core/text-lengthen';

package/dist/es2019/ui/icons/AISummarizeIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as AISummarizeIcon } from '@atlaskit/icon/core/ai-generative-text-summary';

package/dist/es2019/ui/icons/CodeIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as CodeIcon } from '@atlaskit/icon/core/angle-brackets';