@atlaskit/editor-toolbar 0.0.7 → 0.0.9

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

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

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

@@ -0,0 +1,25 @@
+/* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+import React from 'react';
+const SVGContainer = ({
+  children
+}) => /*#__PURE__*/React.createElement("span", {
+  style: {
+    width: "var(--ds-space-200, 16px)",
+    height: "var(--ds-space-200, 16px)",
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+}, children);
+export const SubscriptIcon = () => /*#__PURE__*/React.createElement(SVGContainer, null, /*#__PURE__*/React.createElement("svg", {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/React.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/es2019/ui/icons/SuperscriptIcon.js

@@ -0,0 +1,25 @@
+/* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+import React from 'react';
+const SVGContainer = ({
+  children
+}) => /*#__PURE__*/React.createElement("span", {
+  style: {
+    width: "var(--ds-space-200, 16px)",
+    height: "var(--ds-space-200, 16px)",
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+}, children);
+export const SuperscriptIcon = () => /*#__PURE__*/React.createElement(SVGContainer, null, /*#__PURE__*/React.createElement("svg", {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/React.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/es2019/ui/icons/UnderlineIcon.js

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

package/dist/esm/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/esm/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/esm/ui/ToolbarButton.js

@@ -8,7 +8,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/esm/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';
 var styles = {
   divider: "_1o3imuej _1il9nqa1 _1doce4h9"
 };
 export var ToolbarDropdownDivider = function ToolbarDropdownDivider() {
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.divider
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax([styles.divider])
   });
 };

package/dist/esm/ui/ToolbarDropdownMenu.js

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

package/dist/esm/ui/ToolbarNestedDropdownMenu.js

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

package/dist/esm/ui/ToolbarTooltip.js

@@ -2,8 +2,11 @@ import React from 'react';
 import Tooltip from '@atlaskit/tooltip';
 export var 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.createElement(Tooltip, {
-    content: content
+    content: content,
+    position: position
   }, children);
 };

package/dist/esm/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/esm/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/esm/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';

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

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

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

@@ -0,0 +1,28 @@
+/* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+import React from 'react';
+var SVGContainer = function SVGContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("span", {
+    style: {
+      width: "var(--ds-space-200, 16px)",
+      height: "var(--ds-space-200, 16px)",
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, children);
+};
+export var SubscriptIcon = function SubscriptIcon() {
+  return /*#__PURE__*/React.createElement(SVGContainer, null, /*#__PURE__*/React.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.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/esm/ui/icons/SuperscriptIcon.js

@@ -0,0 +1,28 @@
+/* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+import React from 'react';
+var SVGContainer = function SVGContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("span", {
+    style: {
+      width: "var(--ds-space-200, 16px)",
+      height: "var(--ds-space-200, 16px)",
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, children);
+};
+export var SuperscriptIcon = function SuperscriptIcon() {
+  return /*#__PURE__*/React.createElement(SVGContainer, null, /*#__PURE__*/React.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.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/esm/ui/icons/UnderlineIcon.js

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

package/dist/types/index.d.ts

@@ -7,8 +7,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 { PinnedIcon } from './ui/icons/PinnedIcon';
 export { QuoteIcon } from './ui/icons/QuoteIcon';
 export { TextColorIcon } from './ui/icons/TextColorIcon';
 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';
 export type { IconComponent, ToolbarButtonGroupLocation } from './types';

package/dist/types/ui/ToolbarColorSwatch.d.ts

@@ -3,5 +3,5 @@ type ToolbarColorSwatchProps = {
     children?: ReactNode;
     highlightColor?: string;
 };
-export declare const ToolbarColorSwatch: ({ children, highlightColor, }: ToolbarColorSwatchProps) => React.JSX.Element;
+export declare const ToolbarColorSwatch: ({ children, highlightColor }: ToolbarColorSwatchProps) => React.JSX.Element;
 export {};

package/dist/types/ui/ToolbarDropdownDivider.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const ToolbarDropdownDivider: () => React.JSX.Element;
+/// <reference types="react" />
+export declare const ToolbarDropdownDivider: () => JSX.Element;

package/dist/types/ui/ToolbarDropdownMenu.d.ts

@@ -5,6 +5,7 @@ type ToolbarDropdownMenuProps = {
     children?: ReactNode;
     groupLocation?: ToolbarButtonGroupLocation;
     isDisabled?: boolean;
+    testId?: string;
 };
-export declare const ToolbarDropdownMenu: ({ iconBefore, groupLocation, children, isDisabled, }: ToolbarDropdownMenuProps) => React.JSX.Element;
+export declare const ToolbarDropdownMenu: ({ iconBefore, groupLocation, children, isDisabled, testId, }: ToolbarDropdownMenuProps) => React.JSX.Element;
 export {};

package/dist/types/ui/ToolbarNestedDropdownMenu.d.ts

@@ -5,6 +5,7 @@ type ToolbarNestedDropdownMenuProps = {
     text?: string;
     children?: ReactNode;
     isDisabled?: boolean;
+    testId?: string;
 };
-export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, }: ToolbarNestedDropdownMenuProps) => React.JSX.Element;
+export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, testId, }: ToolbarNestedDropdownMenuProps) => React.JSX.Element;
 export {};

package/dist/types/ui/ToolbarTooltip.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
+import type { PositionType } from '@atlaskit/tooltip';
 type ToolbarTooltipProps = {
     content: string;
     children: React.ReactNode;
+    position?: PositionType;
 };
-export declare const ToolbarTooltip: ({ content, children }: ToolbarTooltipProps) => React.JSX.Element;
+export declare const ToolbarTooltip: ({ content, children, position }: ToolbarTooltipProps) => React.JSX.Element;
 export {};

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

@@ -1 +1 @@
-export { default as AILenghtenIcon } from '@atlaskit/icon-lab/core/text-lengthen';
+export { default as AILengthenIcon } from '@atlaskit/icon-lab/core/text-lengthen';

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

@@ -0,0 +1 @@
+export { default as AISummarizeIcon } from '@atlaskit/icon/core/ai-generative-text-summary';

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

@@ -0,0 +1 @@
+export { default as CodeIcon } from '@atlaskit/icon/core/angle-brackets';

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

@@ -0,0 +1 @@
+export { default as StrikeThroughIcon } from '@atlaskit/icon/core/text-strikethrough';

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SubscriptIcon: () => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SuperscriptIcon: () => React.JSX.Element;

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

@@ -0,0 +1 @@
+export { default as UnderlineIcon } from '@atlaskit/icon/core/text-underline';

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

@@ -7,8 +7,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 { PinnedIcon } from './ui/icons/PinnedIcon';
 export { QuoteIcon } from './ui/icons/QuoteIcon';
 export { TextColorIcon } from './ui/icons/TextColorIcon';
 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';
 export type { IconComponent, ToolbarButtonGroupLocation } from './types';

package/dist/types-ts4.5/ui/ToolbarColorSwatch.d.ts

@@ -3,5 +3,5 @@ type ToolbarColorSwatchProps = {
     children?: ReactNode;
     highlightColor?: string;
 };
-export declare const ToolbarColorSwatch: ({ children, highlightColor, }: ToolbarColorSwatchProps) => React.JSX.Element;
+export declare const ToolbarColorSwatch: ({ children, highlightColor }: ToolbarColorSwatchProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/ToolbarDropdownDivider.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const ToolbarDropdownDivider: () => React.JSX.Element;
+/// <reference types="react" />
+export declare const ToolbarDropdownDivider: () => JSX.Element;

package/dist/types-ts4.5/ui/ToolbarDropdownMenu.d.ts

@@ -5,6 +5,7 @@ type ToolbarDropdownMenuProps = {
     children?: ReactNode;
     groupLocation?: ToolbarButtonGroupLocation;
     isDisabled?: boolean;
+    testId?: string;
 };
-export declare const ToolbarDropdownMenu: ({ iconBefore, groupLocation, children, isDisabled, }: ToolbarDropdownMenuProps) => React.JSX.Element;
+export declare const ToolbarDropdownMenu: ({ iconBefore, groupLocation, children, isDisabled, testId, }: ToolbarDropdownMenuProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/ToolbarNestedDropdownMenu.d.ts

@@ -5,6 +5,7 @@ type ToolbarNestedDropdownMenuProps = {
     text?: string;
     children?: ReactNode;
     isDisabled?: boolean;
+    testId?: string;
 };
-export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, }: ToolbarNestedDropdownMenuProps) => React.JSX.Element;
+export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, testId, }: ToolbarNestedDropdownMenuProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/ToolbarTooltip.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
+import type { PositionType } from '@atlaskit/tooltip';
 type ToolbarTooltipProps = {
     content: string;
     children: React.ReactNode;
+    position?: PositionType;
 };
-export declare const ToolbarTooltip: ({ content, children }: ToolbarTooltipProps) => React.JSX.Element;
+export declare const ToolbarTooltip: ({ content, children, position }: ToolbarTooltipProps) => React.JSX.Element;
 export {};

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

@@ -1 +1 @@
-export { default as AILenghtenIcon } from '@atlaskit/icon-lab/core/text-lengthen';
+export { default as AILengthenIcon } from '@atlaskit/icon-lab/core/text-lengthen';

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

@@ -0,0 +1 @@
+export { default as AISummarizeIcon } from '@atlaskit/icon/core/ai-generative-text-summary';

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

@@ -0,0 +1 @@
+export { default as CodeIcon } from '@atlaskit/icon/core/angle-brackets';

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

@@ -0,0 +1 @@
+export { default as StrikeThroughIcon } from '@atlaskit/icon/core/text-strikethrough';

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SubscriptIcon: () => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SuperscriptIcon: () => React.JSX.Element;

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

@@ -0,0 +1 @@
+export { default as UnderlineIcon } from '@atlaskit/icon/core/text-underline';

package/examples/toolbar/examples/ExampleManuallyComposedToolbar.tsx

@@ -12,7 +12,7 @@ import { AIChangeToneIcon } from '../../../src/ui/icons/AIChangeToneIcon';
 import { AIChatIcon } from '../../../src/ui/icons/AIChatIcon';
 import { AICommandIcon } from '../../../src/ui/icons/AICommandIcon';
 import { AIHeartIcon } from '../../../src/ui/icons/AIHeartIcon';
-import { AILenghtenIcon } from '../../../src/ui/icons/AILengthenIcon';
+import { AILengthenIcon } from '../../../src/ui/icons/AILengthenIcon';
 import { AIBriefcaseIcon } from '../../../src/ui/icons/AIProfessionalIcon';
 import { AIShortenIcon } from '../../../src/ui/icons/AIShortenIcon';
 import { AISpellcheckIcon } from '../../../src/ui/icons/AISpellcheckIcon';
@@ -165,7 +165,7 @@ export const ExampleManuallyComposedToolbar = () => {
 											Make shorter
 										</ToolbarDropdownItem>
 										<ToolbarDropdownItem
-											elemBefore={<AILenghtenIcon label="Make longer" />}
+											elemBefore={<AILengthenIcon label="Make longer" />}
 											onClick={onClick('Make longer')}
 										>
 											Make longer

package/package.json

@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
 	},
-	"version": "0.0.7",
+	"version": "0.0.9",
 	"description": "Common UI for Toolbars across the platform",
 	"atlassian": {
 		"team": "Editor: Jenga",
@@ -47,8 +47,7 @@
 		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/visual-regression": "workspace:^",
 		"@testing-library/react": "^13.4.0",
-		"react-dom": "^18.2.0",
-		"typescript": "~5.4.2"
+		"react-dom": "^18.2.0"
 	},
 	"techstack": {
 		"@atlassian/frontend": {

package/src/index.ts

@@ -8,9 +8,21 @@ 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';
@@ -32,5 +44,11 @@ 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 { 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';
 
 export type { IconComponent, ToolbarButtonGroupLocation } from './types';

package/src/ui/ToolbarButton.tsx

@@ -41,6 +41,7 @@ const styles = cssMap({
 	},
 	selected: {
 		backgroundColor: token('color.background.selected'),
+		color: token('color.text.selected'),
 		'&:hover': {
 			backgroundColor: token('color.background.selected.hovered'),
 		},

package/src/ui/ToolbarColorSwatch.tsx

@@ -23,10 +23,7 @@ const styles = cssMap({
 	},
 });
 
-export const ToolbarColorSwatch = ({
-	children,
-	highlightColor,
-}: ToolbarColorSwatchProps) => {
+export const ToolbarColorSwatch = ({ children, highlightColor }: ToolbarColorSwatchProps) => {
 	return (
 		<Box
 			xcss={styles.colorSwatch}

package/src/ui/ToolbarDropdownDivider.tsx

@@ -1,7 +1,10 @@
-import React from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@compiled/react';
 
 import { cssMap } from '@atlaskit/css';
-import { Box } from '@atlaskit/primitives/compiled';
 import { token } from '@atlaskit/tokens';
 
 const styles = cssMap({
@@ -13,5 +16,5 @@ const styles = cssMap({
 });
 
 export const ToolbarDropdownDivider = () => {
-	return <Box xcss={styles.divider} />;
+	return <div css={styles.divider} />;
 };

package/src/ui/ToolbarDropdownMenu.tsx

@@ -11,6 +11,7 @@ type ToolbarDropdownMenuProps = {
 	children?: ReactNode;
 	groupLocation?: ToolbarButtonGroupLocation;
 	isDisabled?: boolean;
+	testId?: string;
 };
 
 export const ToolbarDropdownMenu = ({
@@ -18,6 +19,7 @@ export const ToolbarDropdownMenu = ({
 	groupLocation,
 	children,
 	isDisabled,
+	testId,
 }: ToolbarDropdownMenuProps) => {
 	return (
 		<DropdownMenu<HTMLButtonElement>
@@ -31,7 +33,7 @@ export const ToolbarDropdownMenu = ({
 					onBlur={triggerProps.onBlur}
 					onClick={triggerProps.onClick}
 					onFocus={triggerProps.onFocus}
-					testId={triggerProps.testId}
+					testId={testId}
 					iconBefore={iconBefore}
 					groupLocation={groupLocation}
 					isDisabled={isDisabled}