@atlaskit/editor-toolbar 0.2.1 → 0.2.3

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-toolbar
 
+## 0.2.3
+
+### Patch Changes
+
+- [#201259](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/201259)
+  [`1de5dd69e269d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1de5dd69e269d) -
+  [ux] [EDITOR-1064] Added ai commands on the new selection toolbar platform
+
+## 0.2.2
+
+### Patch Changes
+
+- [#198479](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/198479)
+  [`a427f04593fbd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a427f04593fbd) -
+  [ux] ED-28685 register list and indentation menu to the new toolbar behind
+  platform_editor_toolbar_aifc
+
 ## 0.2.1
 
 ### Patch Changes

package/afm-volt/tsconfig.json

@@ -0,0 +1,54 @@
+{
+	"extends": "../../../../tsconfig.entry-points.volt.json",
+	"compilerOptions": {
+		"declaration": true,
+		"target": "es5",
+		"outDir": "../../../../../volt/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-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/button/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/css/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/dropdown-menu/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/icon/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/icon-lab/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/logo/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/popup/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/primitives/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tooltip/afm-volt/tsconfig.json"
+		}
+	]
+}

package/dist/cjs/index.js

@@ -165,6 +165,12 @@ Object.defineProperty(exports, "HeadingTwoIcon", {
     return _HeadingTwoIcon.HeadingTwoIcon;
   }
 });
+Object.defineProperty(exports, "IndentIcon", {
+  enumerable: true,
+  get: function get() {
+    return _IndentIcon.IndentIcon;
+  }
+});
 Object.defineProperty(exports, "ItalicIcon", {
   enumerable: true,
   get: function get() {
@@ -201,6 +207,12 @@ Object.defineProperty(exports, "NestedDropdownRightIcon", {
     return _NestedDropdownRightIcon.NestedDropdownRightIcon;
   }
 });
+Object.defineProperty(exports, "OutdentIcon", {
+  enumerable: true,
+  get: function get() {
+    return _OutdentIcon.OutdentIcon;
+  }
+});
 Object.defineProperty(exports, "PinIcon", {
   enumerable: true,
   get: function get() {
@@ -406,4 +418,6 @@ var _ShowMoreHorizontal = require("./ui/icons/ShowMoreHorizontal");
 var _AlignTextLeftIcon = require("./ui/icons/AlignTextLeftIcon");
 var _AlignTextCenterIcon = require("./ui/icons/AlignTextCenterIcon");
 var _AlignTextRightIcon = require("./ui/icons/AlignTextRightIcon");
+var _IndentIcon = require("./ui/icons/IndentIcon");
+var _OutdentIcon = require("./ui/icons/OutdentIcon");
 var _uiContext = require("./hooks/ui-context");

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

@@ -1,27 +1,39 @@
 /* AIChatIcon.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.AIChatIcon = void 0;
 require("./AIChatIcon.compiled.css");
+var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _react = _interopRequireDefault(require("react"));
-var _logo = require("@atlaskit/logo");
-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 = {
-  small: "_1e0c1txw _4cvr1h6o _1bah1h6o _4t3i1crf _1bsb1crf"
+  container: "_1e0c1txw _4cvr1h6o _1bah1h6o _4t3i1crf _1bsb1crf"
 };
-var AIChatIcon = exports.AIChatIcon = function AIChatIcon(_ref) {
+var ROVO_SVG_PATH = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<path d=\"M5.4905 0.135176C5.80591 -0.0450587 6.19311 -0.0450584 6.50852 0.135176L10.8688 2.62676C11.1885 2.80943 11.3857 3.14937 11.3857 3.51754V8.48246C11.3857 8.85063 11.1885 9.19057 10.8688 9.37324L6.50852 11.8648C6.19311 12.0451 5.80591 12.0451 5.4905 11.8648L1.13022 9.37324C0.810557 9.19057 0.613281 8.85063 0.613281 8.48246V3.51754C0.613281 3.14937 0.810557 2.80943 1.13022 2.62676L5.4905 0.135176Z\" fill=\"#BF63F3\"/>\n\t\t<mask id=\"mask0_7293_80230\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"12\" height=\"12\">\n\t\t\t<path d=\"M5.49147 0.135176C5.80688 -0.0450587 6.19409 -0.0450584 6.5095 0.135176L10.8698 2.62676C11.1894 2.80943 11.3867 3.14937 11.3867 3.51754V8.48246C11.3867 8.85063 11.1894 9.19057 10.8698 9.37324L6.5095 11.8648C6.19409 12.0451 5.80688 12.0451 5.49147 11.8648L1.13119 9.37324C0.811533 9.19057 0.614258 8.85063 0.614258 8.48246V3.51754C0.614258 3.14937 0.811533 2.80943 1.13119 2.62676L5.49147 0.135176Z\" fill=\"#BF63F3\"/>\n\t\t</mask>\n\t\t<g mask=\"url(#mask0_7293_80230)\">\n\t\t\t<path d=\"M1.16288 17.7949C1.88804 16.4071 2.9469 15.3192 4.34131 14.5785C5.73572 13.8378 7.35499 13.5206 8.99441 13.7092L0.174767 -2.55519C-1.28774 -2.29055 -2.70974 -1.80225 -4.07832 -1.07526C-5.44691 -0.348264 -6.62375 0.522036 -7.64571 1.5465L1.16656 17.7973L1.16288 17.7949Z\" fill=\"#82B536\"/>\n\t\t\t<path d=\"M6.2482 7.95377C3.81481 8.96062 1.95638 10.6236 1.88069 12.9253C1.88069 12.9253 1.88199 12.9371 1.88076 12.9428C1.87578 13.1139 1.87896 13.2868 1.89469 13.4633C1.89533 13.4648 1.89596 13.4663 1.89659 13.4678C1.91139 13.6465 1.93718 13.8294 1.97333 14.0151C1.98259 14.0588 1.99625 14.1041 2.00551 14.1478C2.03868 14.296 2.07186 14.4442 2.11979 14.5968C2.18327 14.7994 2.25711 15.0047 2.3457 15.2144C2.50959 15.6024 2.70185 15.9488 2.90932 16.2571C3.18552 16.6673 3.48842 17.0101 3.79015 17.2936C3.86597 17.3643 3.94053 17.432 4.01695 17.4954C4.37212 17.7357 4.89091 18.0543 5.7602 18.4584C6.328 18.7233 7.04924 19.025 7.97282 19.3662C8.7114 18.2422 10.0629 17.368 11.3277 16.3888C12.3263 15.6149 13.2681 14.7764 13.805 13.6971C14.2974 12.7085 14.3102 11.4765 13.7704 10.1986C12.4194 7.00012 9.42898 6.63591 6.2507 7.95097L6.2482 7.95377Z\" fill=\"#FCA700\"/>\n\t\t\t<path d=\"M11.6634 -7.61136L-2.81461 -5.02797C-2.81461 -5.02797 -1.3238 1.52224 -4.55981 7.48526C-4.11672 7.5189 -3.66847 7.5392 -3.21522 7.53288C5.12023 7.41664 11.7808 0.635945 11.6634 -7.61401L11.6634 -7.61136Z\" fill=\"#1868DB\"/>\n\t\t</g>\n\t\t<path d=\"M5.67239 2.71364C5.90711 2.58408 6.19359 2.58646 6.42641 2.72078L8.69144 4.02848C8.92849 4.16524 9.07522 4.41898 9.07522 4.69232V7.30776C9.07522 7.58218 8.92938 7.83479 8.69162 7.97148L6.98899 8.95449C6.99272 8.94401 6.99627 8.93347 6.99965 8.92286C7.03126 8.82487 7.04801 8.72132 7.04801 8.61548V6.00004C7.04801 5.64073 6.8569 5.3094 6.54519 5.13016L5.27598 4.39771V3.3846C5.27598 3.30477 5.28833 3.22678 5.31168 3.15296C5.3691 2.97429 5.49122 2.81962 5.65828 2.72306L5.65879 2.72277C5.66358 2.72001 5.66814 2.71694 5.67239 2.71364Z\" fill=\"white\"/>\n\t\t<path d=\"M5.09599 3.04811L3.39336 4.03112C3.1556 4.1678 3.00977 4.42042 3.00977 4.69484V7.31028C3.00977 7.58362 3.15646 7.83734 3.39352 7.9741L5.65857 9.28182C5.89139 9.41612 6.17789 9.41851 6.4126 9.28896C6.41685 9.28566 6.42137 9.28261 6.42616 9.27985C6.59341 9.18336 6.71572 9.02863 6.77323 8.84989C6.79663 8.77599 6.809 8.69792 6.809 8.618V7.60489L5.53987 6.87249C5.22822 6.69323 5.03697 6.36183 5.03697 6.00256V3.38712C5.03697 3.28142 5.05368 3.17802 5.0852 3.08015C5.08862 3.0694 5.09222 3.05872 5.09599 3.04811Z\" fill=\"white\"/>\n\t</svg>";
+var RovoLogoSVG = function RovoLogoSVG(_ref) {
   var label = _ref.label,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: styles.small
-  }, /*#__PURE__*/_react.default.createElement(_logo.RovoIcon, {
+  return /*#__PURE__*/React.createElement("span", {
+    role: "img",
+    "aria-label": label,
+    "data-testid": testId
+    // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: ROVO_SVG_PATH
+    },
+    className: (0, _runtime.ax)([styles.container])
+  });
+};
+var AIChatIcon = exports.AIChatIcon = function AIChatIcon(_ref2) {
+  var label = _ref2.label,
+    testId = _ref2.testId;
+  return /*#__PURE__*/React.createElement(RovoLogoSVG, {
     label: label,
-    testId: testId,
-    size: "xxsmall"
-  }));
+    testId: testId
+  });
 };

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

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

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

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

package/dist/es2019/index.js

@@ -54,4 +54,6 @@ export { ShowMoreHorizontalIcon } from './ui/icons/ShowMoreHorizontal';
 export { AlignTextLeftIcon } from './ui/icons/AlignTextLeftIcon';
 export { AlignTextCenterIcon } from './ui/icons/AlignTextCenterIcon';
 export { AlignTextRightIcon } from './ui/icons/AlignTextRightIcon';
+export { IndentIcon } from './ui/icons/IndentIcon';
+export { OutdentIcon } from './ui/icons/OutdentIcon';
 export { useToolbarUI, ToolbarUIProvider } from './hooks/ui-context';

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

@@ -1,19 +1,41 @@
 /* AIChatIcon.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./AIChatIcon.compiled.css";
+import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import React from 'react';
-import { RovoIcon as RovoLogoIcon } from '@atlaskit/logo';
-import { Box } from '@atlaskit/primitives/compiled';
 const styles = {
-  small: "_1e0c1txw _4cvr1h6o _1bah1h6o _4t3i1crf _1bsb1crf"
+  container: "_1e0c1txw _4cvr1h6o _1bah1h6o _4t3i1crf _1bsb1crf"
 };
+const ROVO_SVG_PATH = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path d="M5.4905 0.135176C5.80591 -0.0450587 6.19311 -0.0450584 6.50852 0.135176L10.8688 2.62676C11.1885 2.80943 11.3857 3.14937 11.3857 3.51754V8.48246C11.3857 8.85063 11.1885 9.19057 10.8688 9.37324L6.50852 11.8648C6.19311 12.0451 5.80591 12.0451 5.4905 11.8648L1.13022 9.37324C0.810557 9.19057 0.613281 8.85063 0.613281 8.48246V3.51754C0.613281 3.14937 0.810557 2.80943 1.13022 2.62676L5.4905 0.135176Z" fill="#BF63F3"/>
+		<mask id="mask0_7293_80230" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="12">
+			<path d="M5.49147 0.135176C5.80688 -0.0450587 6.19409 -0.0450584 6.5095 0.135176L10.8698 2.62676C11.1894 2.80943 11.3867 3.14937 11.3867 3.51754V8.48246C11.3867 8.85063 11.1894 9.19057 10.8698 9.37324L6.5095 11.8648C6.19409 12.0451 5.80688 12.0451 5.49147 11.8648L1.13119 9.37324C0.811533 9.19057 0.614258 8.85063 0.614258 8.48246V3.51754C0.614258 3.14937 0.811533 2.80943 1.13119 2.62676L5.49147 0.135176Z" fill="#BF63F3"/>
+		</mask>
+		<g mask="url(#mask0_7293_80230)">
+			<path d="M1.16288 17.7949C1.88804 16.4071 2.9469 15.3192 4.34131 14.5785C5.73572 13.8378 7.35499 13.5206 8.99441 13.7092L0.174767 -2.55519C-1.28774 -2.29055 -2.70974 -1.80225 -4.07832 -1.07526C-5.44691 -0.348264 -6.62375 0.522036 -7.64571 1.5465L1.16656 17.7973L1.16288 17.7949Z" fill="#82B536"/>
+			<path d="M6.2482 7.95377C3.81481 8.96062 1.95638 10.6236 1.88069 12.9253C1.88069 12.9253 1.88199 12.9371 1.88076 12.9428C1.87578 13.1139 1.87896 13.2868 1.89469 13.4633C1.89533 13.4648 1.89596 13.4663 1.89659 13.4678C1.91139 13.6465 1.93718 13.8294 1.97333 14.0151C1.98259 14.0588 1.99625 14.1041 2.00551 14.1478C2.03868 14.296 2.07186 14.4442 2.11979 14.5968C2.18327 14.7994 2.25711 15.0047 2.3457 15.2144C2.50959 15.6024 2.70185 15.9488 2.90932 16.2571C3.18552 16.6673 3.48842 17.0101 3.79015 17.2936C3.86597 17.3643 3.94053 17.432 4.01695 17.4954C4.37212 17.7357 4.89091 18.0543 5.7602 18.4584C6.328 18.7233 7.04924 19.025 7.97282 19.3662C8.7114 18.2422 10.0629 17.368 11.3277 16.3888C12.3263 15.6149 13.2681 14.7764 13.805 13.6971C14.2974 12.7085 14.3102 11.4765 13.7704 10.1986C12.4194 7.00012 9.42898 6.63591 6.2507 7.95097L6.2482 7.95377Z" fill="#FCA700"/>
+			<path d="M11.6634 -7.61136L-2.81461 -5.02797C-2.81461 -5.02797 -1.3238 1.52224 -4.55981 7.48526C-4.11672 7.5189 -3.66847 7.5392 -3.21522 7.53288C5.12023 7.41664 11.7808 0.635945 11.6634 -7.61401L11.6634 -7.61136Z" fill="#1868DB"/>
+		</g>
+		<path d="M5.67239 2.71364C5.90711 2.58408 6.19359 2.58646 6.42641 2.72078L8.69144 4.02848C8.92849 4.16524 9.07522 4.41898 9.07522 4.69232V7.30776C9.07522 7.58218 8.92938 7.83479 8.69162 7.97148L6.98899 8.95449C6.99272 8.94401 6.99627 8.93347 6.99965 8.92286C7.03126 8.82487 7.04801 8.72132 7.04801 8.61548V6.00004C7.04801 5.64073 6.8569 5.3094 6.54519 5.13016L5.27598 4.39771V3.3846C5.27598 3.30477 5.28833 3.22678 5.31168 3.15296C5.3691 2.97429 5.49122 2.81962 5.65828 2.72306L5.65879 2.72277C5.66358 2.72001 5.66814 2.71694 5.67239 2.71364Z" fill="white"/>
+		<path d="M5.09599 3.04811L3.39336 4.03112C3.1556 4.1678 3.00977 4.42042 3.00977 4.69484V7.31028C3.00977 7.58362 3.15646 7.83734 3.39352 7.9741L5.65857 9.28182C5.89139 9.41612 6.17789 9.41851 6.4126 9.28896C6.41685 9.28566 6.42137 9.28261 6.42616 9.27985C6.59341 9.18336 6.71572 9.02863 6.77323 8.84989C6.79663 8.77599 6.809 8.69792 6.809 8.618V7.60489L5.53987 6.87249C5.22822 6.69323 5.03697 6.36183 5.03697 6.00256V3.38712C5.03697 3.28142 5.05368 3.17802 5.0852 3.08015C5.08862 3.0694 5.09222 3.05872 5.09599 3.04811Z" fill="white"/>
+	</svg>`;
+const RovoLogoSVG = ({
+  label,
+  testId
+}) => /*#__PURE__*/React.createElement("span", {
+  role: "img",
+  "aria-label": label,
+  "data-testid": testId
+  // eslint-disable-next-line react/no-danger
+  ,
+  dangerouslySetInnerHTML: {
+    __html: ROVO_SVG_PATH
+  },
+  className: ax([styles.container])
+});
 export const AIChatIcon = ({
   label,
   testId
-}) => /*#__PURE__*/React.createElement(Box, {
-  xcss: styles.small
-}, /*#__PURE__*/React.createElement(RovoLogoIcon, {
+}) => /*#__PURE__*/React.createElement(RovoLogoSVG, {
   label: label,
-  testId: testId,
-  size: "xxsmall"
-}));
+  testId: testId
+});

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

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as IndentIcon } from '@atlaskit/icon/core/text-indent-right';

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

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as OutdentIcon } from '@atlaskit/icon/core/text-indent-left';

package/dist/esm/index.js

@@ -54,4 +54,6 @@ export { ShowMoreHorizontalIcon } from './ui/icons/ShowMoreHorizontal';
 export { AlignTextLeftIcon } from './ui/icons/AlignTextLeftIcon';
 export { AlignTextCenterIcon } from './ui/icons/AlignTextCenterIcon';
 export { AlignTextRightIcon } from './ui/icons/AlignTextRightIcon';
+export { IndentIcon } from './ui/icons/IndentIcon';
+export { OutdentIcon } from './ui/icons/OutdentIcon';
 export { useToolbarUI, ToolbarUIProvider } from './hooks/ui-context';

package/dist/esm/ui/icons/AIChatIcon.js

@@ -1,20 +1,31 @@
 /* AIChatIcon.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./AIChatIcon.compiled.css";
+import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import React from 'react';
-import { RovoIcon as RovoLogoIcon } from '@atlaskit/logo';
-import { Box } from '@atlaskit/primitives/compiled';
 var styles = {
-  small: "_1e0c1txw _4cvr1h6o _1bah1h6o _4t3i1crf _1bsb1crf"
+  container: "_1e0c1txw _4cvr1h6o _1bah1h6o _4t3i1crf _1bsb1crf"
 };
-export var AIChatIcon = function AIChatIcon(_ref) {
+var ROVO_SVG_PATH = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<path d=\"M5.4905 0.135176C5.80591 -0.0450587 6.19311 -0.0450584 6.50852 0.135176L10.8688 2.62676C11.1885 2.80943 11.3857 3.14937 11.3857 3.51754V8.48246C11.3857 8.85063 11.1885 9.19057 10.8688 9.37324L6.50852 11.8648C6.19311 12.0451 5.80591 12.0451 5.4905 11.8648L1.13022 9.37324C0.810557 9.19057 0.613281 8.85063 0.613281 8.48246V3.51754C0.613281 3.14937 0.810557 2.80943 1.13022 2.62676L5.4905 0.135176Z\" fill=\"#BF63F3\"/>\n\t\t<mask id=\"mask0_7293_80230\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"12\" height=\"12\">\n\t\t\t<path d=\"M5.49147 0.135176C5.80688 -0.0450587 6.19409 -0.0450584 6.5095 0.135176L10.8698 2.62676C11.1894 2.80943 11.3867 3.14937 11.3867 3.51754V8.48246C11.3867 8.85063 11.1894 9.19057 10.8698 9.37324L6.5095 11.8648C6.19409 12.0451 5.80688 12.0451 5.49147 11.8648L1.13119 9.37324C0.811533 9.19057 0.614258 8.85063 0.614258 8.48246V3.51754C0.614258 3.14937 0.811533 2.80943 1.13119 2.62676L5.49147 0.135176Z\" fill=\"#BF63F3\"/>\n\t\t</mask>\n\t\t<g mask=\"url(#mask0_7293_80230)\">\n\t\t\t<path d=\"M1.16288 17.7949C1.88804 16.4071 2.9469 15.3192 4.34131 14.5785C5.73572 13.8378 7.35499 13.5206 8.99441 13.7092L0.174767 -2.55519C-1.28774 -2.29055 -2.70974 -1.80225 -4.07832 -1.07526C-5.44691 -0.348264 -6.62375 0.522036 -7.64571 1.5465L1.16656 17.7973L1.16288 17.7949Z\" fill=\"#82B536\"/>\n\t\t\t<path d=\"M6.2482 7.95377C3.81481 8.96062 1.95638 10.6236 1.88069 12.9253C1.88069 12.9253 1.88199 12.9371 1.88076 12.9428C1.87578 13.1139 1.87896 13.2868 1.89469 13.4633C1.89533 13.4648 1.89596 13.4663 1.89659 13.4678C1.91139 13.6465 1.93718 13.8294 1.97333 14.0151C1.98259 14.0588 1.99625 14.1041 2.00551 14.1478C2.03868 14.296 2.07186 14.4442 2.11979 14.5968C2.18327 14.7994 2.25711 15.0047 2.3457 15.2144C2.50959 15.6024 2.70185 15.9488 2.90932 16.2571C3.18552 16.6673 3.48842 17.0101 3.79015 17.2936C3.86597 17.3643 3.94053 17.432 4.01695 17.4954C4.37212 17.7357 4.89091 18.0543 5.7602 18.4584C6.328 18.7233 7.04924 19.025 7.97282 19.3662C8.7114 18.2422 10.0629 17.368 11.3277 16.3888C12.3263 15.6149 13.2681 14.7764 13.805 13.6971C14.2974 12.7085 14.3102 11.4765 13.7704 10.1986C12.4194 7.00012 9.42898 6.63591 6.2507 7.95097L6.2482 7.95377Z\" fill=\"#FCA700\"/>\n\t\t\t<path d=\"M11.6634 -7.61136L-2.81461 -5.02797C-2.81461 -5.02797 -1.3238 1.52224 -4.55981 7.48526C-4.11672 7.5189 -3.66847 7.5392 -3.21522 7.53288C5.12023 7.41664 11.7808 0.635945 11.6634 -7.61401L11.6634 -7.61136Z\" fill=\"#1868DB\"/>\n\t\t</g>\n\t\t<path d=\"M5.67239 2.71364C5.90711 2.58408 6.19359 2.58646 6.42641 2.72078L8.69144 4.02848C8.92849 4.16524 9.07522 4.41898 9.07522 4.69232V7.30776C9.07522 7.58218 8.92938 7.83479 8.69162 7.97148L6.98899 8.95449C6.99272 8.94401 6.99627 8.93347 6.99965 8.92286C7.03126 8.82487 7.04801 8.72132 7.04801 8.61548V6.00004C7.04801 5.64073 6.8569 5.3094 6.54519 5.13016L5.27598 4.39771V3.3846C5.27598 3.30477 5.28833 3.22678 5.31168 3.15296C5.3691 2.97429 5.49122 2.81962 5.65828 2.72306L5.65879 2.72277C5.66358 2.72001 5.66814 2.71694 5.67239 2.71364Z\" fill=\"white\"/>\n\t\t<path d=\"M5.09599 3.04811L3.39336 4.03112C3.1556 4.1678 3.00977 4.42042 3.00977 4.69484V7.31028C3.00977 7.58362 3.15646 7.83734 3.39352 7.9741L5.65857 9.28182C5.89139 9.41612 6.17789 9.41851 6.4126 9.28896C6.41685 9.28566 6.42137 9.28261 6.42616 9.27985C6.59341 9.18336 6.71572 9.02863 6.77323 8.84989C6.79663 8.77599 6.809 8.69792 6.809 8.618V7.60489L5.53987 6.87249C5.22822 6.69323 5.03697 6.36183 5.03697 6.00256V3.38712C5.03697 3.28142 5.05368 3.17802 5.0852 3.08015C5.08862 3.0694 5.09222 3.05872 5.09599 3.04811Z\" fill=\"white\"/>\n\t</svg>";
+var RovoLogoSVG = function RovoLogoSVG(_ref) {
   var label = _ref.label,
     testId = _ref.testId;
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.small
-  }, /*#__PURE__*/React.createElement(RovoLogoIcon, {
+  return /*#__PURE__*/React.createElement("span", {
+    role: "img",
+    "aria-label": label,
+    "data-testid": testId
+    // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: ROVO_SVG_PATH
+    },
+    className: ax([styles.container])
+  });
+};
+export var AIChatIcon = function AIChatIcon(_ref2) {
+  var label = _ref2.label,
+    testId = _ref2.testId;
+  return /*#__PURE__*/React.createElement(RovoLogoSVG, {
     label: label,
-    testId: testId,
-    size: "xxsmall"
-  }));
+    testId: testId
+  });
 };

package/dist/esm/ui/icons/IndentIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as IndentIcon } from '@atlaskit/icon/core/text-indent-right';

package/dist/esm/ui/icons/OutdentIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as OutdentIcon } from '@atlaskit/icon/core/text-indent-left';

package/dist/types/index.d.ts

@@ -53,5 +53,7 @@ export { ShowMoreHorizontalIcon } from './ui/icons/ShowMoreHorizontal';
 export { AlignTextLeftIcon } from './ui/icons/AlignTextLeftIcon';
 export { AlignTextCenterIcon } from './ui/icons/AlignTextCenterIcon';
 export { AlignTextRightIcon } from './ui/icons/AlignTextRightIcon';
+export { IndentIcon } from './ui/icons/IndentIcon';
+export { OutdentIcon } from './ui/icons/OutdentIcon';
 export type { IconComponent, ToolbarButtonGroupLocation } from './types';
 export { useToolbarUI, ToolbarUIProvider } from './hooks/ui-context';

package/dist/types/ui/icons/AIChatIcon.d.ts

@@ -1,7 +1,10 @@
-import React from 'react';
-type AIChatIconProps = {
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+interface AIChatIconProps {
     label: string;
     testId?: string;
-};
-export declare const AIChatIcon: ({ label, testId }: AIChatIconProps) => React.JSX.Element;
+}
+export declare const AIChatIcon: ({ label, testId }: AIChatIconProps) => JSX.Element;
 export {};

package/dist/types/ui/icons/IndentIcon.d.ts

@@ -0,0 +1 @@
+export { default as IndentIcon } from '@atlaskit/icon/core/text-indent-right';

package/dist/types/ui/icons/OutdentIcon.d.ts

@@ -0,0 +1 @@
+export { default as OutdentIcon } from '@atlaskit/icon/core/text-indent-left';

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

@@ -53,5 +53,7 @@ export { ShowMoreHorizontalIcon } from './ui/icons/ShowMoreHorizontal';
 export { AlignTextLeftIcon } from './ui/icons/AlignTextLeftIcon';
 export { AlignTextCenterIcon } from './ui/icons/AlignTextCenterIcon';
 export { AlignTextRightIcon } from './ui/icons/AlignTextRightIcon';
+export { IndentIcon } from './ui/icons/IndentIcon';
+export { OutdentIcon } from './ui/icons/OutdentIcon';
 export type { IconComponent, ToolbarButtonGroupLocation } from './types';
 export { useToolbarUI, ToolbarUIProvider } from './hooks/ui-context';

package/dist/types-ts4.5/ui/icons/AIChatIcon.d.ts

@@ -1,7 +1,10 @@
-import React from 'react';
-type AIChatIconProps = {
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+interface AIChatIconProps {
     label: string;
     testId?: string;
-};
-export declare const AIChatIcon: ({ label, testId }: AIChatIconProps) => React.JSX.Element;
+}
+export declare const AIChatIcon: ({ label, testId }: AIChatIconProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/ui/icons/IndentIcon.d.ts

@@ -0,0 +1 @@
+export { default as IndentIcon } from '@atlaskit/icon/core/text-indent-right';

package/dist/types-ts4.5/ui/icons/OutdentIcon.d.ts

@@ -0,0 +1 @@
+export { default as OutdentIcon } from '@atlaskit/icon/core/text-indent-left';

package/package.json

@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
 	},
-	"version": "0.2.1",
+	"version": "0.2.3",
 	"description": "Common UI for Toolbars across the platform",
 	"atlassian": {
 		"team": "Editor: Jenga",
@@ -28,8 +28,8 @@
 		"@atlaskit/button": "^23.3.0",
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
-		"@atlaskit/icon": "^27.11.0",
-		"@atlaskit/icon-lab": "^5.4.0",
+		"@atlaskit/icon": "^27.12.0",
+		"@atlaskit/icon-lab": "^5.6.0",
 		"@atlaskit/logo": "^19.6.0",
 		"@atlaskit/popup": "^4.3.0",
 		"@atlaskit/primitives": "^14.11.0",

package/src/index.ts

@@ -55,6 +55,8 @@ export { ShowMoreHorizontalIcon } from './ui/icons/ShowMoreHorizontal';
 export { AlignTextLeftIcon } from './ui/icons/AlignTextLeftIcon';
 export { AlignTextCenterIcon } from './ui/icons/AlignTextCenterIcon';
 export { AlignTextRightIcon } from './ui/icons/AlignTextRightIcon';
+export { IndentIcon } from './ui/icons/IndentIcon';
+export { OutdentIcon } from './ui/icons/OutdentIcon';
 
 export type { IconComponent, ToolbarButtonGroupLocation } from './types';
 

package/src/ui/icons/AIChatIcon.tsx

@@ -1,16 +1,17 @@
-import React from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
-import { cssMap } from '@atlaskit/css';
-import { RovoIcon as RovoLogoIcon } from '@atlaskit/logo';
-import { Box } from '@atlaskit/primitives/compiled';
+import { cssMap, jsx } from '@atlaskit/css';
 
-type AIChatIconProps = {
+interface AIChatIconProps {
 	label: string;
 	testId?: string;
-};
+}
 
 const styles = cssMap({
-	small: {
+	container: {
 		display: 'flex',
 		alignItems: 'center',
 		justifyContent: 'center',
@@ -19,8 +20,31 @@ const styles = cssMap({
 	},
 });
 
+const ROVO_SVG_PATH = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path d="M5.4905 0.135176C5.80591 -0.0450587 6.19311 -0.0450584 6.50852 0.135176L10.8688 2.62676C11.1885 2.80943 11.3857 3.14937 11.3857 3.51754V8.48246C11.3857 8.85063 11.1885 9.19057 10.8688 9.37324L6.50852 11.8648C6.19311 12.0451 5.80591 12.0451 5.4905 11.8648L1.13022 9.37324C0.810557 9.19057 0.613281 8.85063 0.613281 8.48246V3.51754C0.613281 3.14937 0.810557 2.80943 1.13022 2.62676L5.4905 0.135176Z" fill="#BF63F3"/>
+		<mask id="mask0_7293_80230" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="12">
+			<path d="M5.49147 0.135176C5.80688 -0.0450587 6.19409 -0.0450584 6.5095 0.135176L10.8698 2.62676C11.1894 2.80943 11.3867 3.14937 11.3867 3.51754V8.48246C11.3867 8.85063 11.1894 9.19057 10.8698 9.37324L6.5095 11.8648C6.19409 12.0451 5.80688 12.0451 5.49147 11.8648L1.13119 9.37324C0.811533 9.19057 0.614258 8.85063 0.614258 8.48246V3.51754C0.614258 3.14937 0.811533 2.80943 1.13119 2.62676L5.49147 0.135176Z" fill="#BF63F3"/>
+		</mask>
+		<g mask="url(#mask0_7293_80230)">
+			<path d="M1.16288 17.7949C1.88804 16.4071 2.9469 15.3192 4.34131 14.5785C5.73572 13.8378 7.35499 13.5206 8.99441 13.7092L0.174767 -2.55519C-1.28774 -2.29055 -2.70974 -1.80225 -4.07832 -1.07526C-5.44691 -0.348264 -6.62375 0.522036 -7.64571 1.5465L1.16656 17.7973L1.16288 17.7949Z" fill="#82B536"/>
+			<path d="M6.2482 7.95377C3.81481 8.96062 1.95638 10.6236 1.88069 12.9253C1.88069 12.9253 1.88199 12.9371 1.88076 12.9428C1.87578 13.1139 1.87896 13.2868 1.89469 13.4633C1.89533 13.4648 1.89596 13.4663 1.89659 13.4678C1.91139 13.6465 1.93718 13.8294 1.97333 14.0151C1.98259 14.0588 1.99625 14.1041 2.00551 14.1478C2.03868 14.296 2.07186 14.4442 2.11979 14.5968C2.18327 14.7994 2.25711 15.0047 2.3457 15.2144C2.50959 15.6024 2.70185 15.9488 2.90932 16.2571C3.18552 16.6673 3.48842 17.0101 3.79015 17.2936C3.86597 17.3643 3.94053 17.432 4.01695 17.4954C4.37212 17.7357 4.89091 18.0543 5.7602 18.4584C6.328 18.7233 7.04924 19.025 7.97282 19.3662C8.7114 18.2422 10.0629 17.368 11.3277 16.3888C12.3263 15.6149 13.2681 14.7764 13.805 13.6971C14.2974 12.7085 14.3102 11.4765 13.7704 10.1986C12.4194 7.00012 9.42898 6.63591 6.2507 7.95097L6.2482 7.95377Z" fill="#FCA700"/>
+			<path d="M11.6634 -7.61136L-2.81461 -5.02797C-2.81461 -5.02797 -1.3238 1.52224 -4.55981 7.48526C-4.11672 7.5189 -3.66847 7.5392 -3.21522 7.53288C5.12023 7.41664 11.7808 0.635945 11.6634 -7.61401L11.6634 -7.61136Z" fill="#1868DB"/>
+		</g>
+		<path d="M5.67239 2.71364C5.90711 2.58408 6.19359 2.58646 6.42641 2.72078L8.69144 4.02848C8.92849 4.16524 9.07522 4.41898 9.07522 4.69232V7.30776C9.07522 7.58218 8.92938 7.83479 8.69162 7.97148L6.98899 8.95449C6.99272 8.94401 6.99627 8.93347 6.99965 8.92286C7.03126 8.82487 7.04801 8.72132 7.04801 8.61548V6.00004C7.04801 5.64073 6.8569 5.3094 6.54519 5.13016L5.27598 4.39771V3.3846C5.27598 3.30477 5.28833 3.22678 5.31168 3.15296C5.3691 2.97429 5.49122 2.81962 5.65828 2.72306L5.65879 2.72277C5.66358 2.72001 5.66814 2.71694 5.67239 2.71364Z" fill="white"/>
+		<path d="M5.09599 3.04811L3.39336 4.03112C3.1556 4.1678 3.00977 4.42042 3.00977 4.69484V7.31028C3.00977 7.58362 3.15646 7.83734 3.39352 7.9741L5.65857 9.28182C5.89139 9.41612 6.17789 9.41851 6.4126 9.28896C6.41685 9.28566 6.42137 9.28261 6.42616 9.27985C6.59341 9.18336 6.71572 9.02863 6.77323 8.84989C6.79663 8.77599 6.809 8.69792 6.809 8.618V7.60489L5.53987 6.87249C5.22822 6.69323 5.03697 6.36183 5.03697 6.00256V3.38712C5.03697 3.28142 5.05368 3.17802 5.0852 3.08015C5.08862 3.0694 5.09222 3.05872 5.09599 3.04811Z" fill="white"/>
+	</svg>`;
+
+const RovoLogoSVG = ({ label, testId }: { label: string; testId?: string }) => (
+	<span
+		css={[styles.container]}
+		role="img"
+		aria-label={label}
+		data-testid={testId}
+		// eslint-disable-next-line react/no-danger
+		dangerouslySetInnerHTML={{ __html: ROVO_SVG_PATH }}
+	/>
+);
+
 export const AIChatIcon = ({ label, testId }: AIChatIconProps) => (
-	<Box xcss={styles.small}>
-		<RovoLogoIcon label={label} testId={testId} size="xxsmall" />
-	</Box>
+	<RovoLogoSVG label={label} testId={testId} />
 );

package/src/ui/icons/IndentIcon.tsx

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as IndentIcon } from '@atlaskit/icon/core/text-indent-right';

package/src/ui/icons/OutdentIcon.tsx

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as OutdentIcon } from '@atlaskit/icon/core/text-indent-left';

package/tsconfig.app.json

@@ -46,9 +46,6 @@
 		{
 			"path": "../../design-system/icon-lab/tsconfig.app.json"
 		},
-		{
-			"path": "../../design-system/logo/tsconfig.app.json"
-		},
 		{
 			"path": "../../design-system/menu/tsconfig.app.json"
 		},