@atlaskit/editor-toolbar 0.0.4 → 0.0.6

package/dist/es2019/ui/ToolbarSection.js

@@ -0,0 +1,15 @@
+/* ToolbarSection.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./ToolbarSection.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { Box } from '@atlaskit/primitives/compiled';
+const styles = {
+  container: "_1e0c1txw _4cvr1h6o"
+};
+export const ToolbarSection = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.container
+  }, children);
+};

package/dist/es2019/ui/ToolbarTooltip.js

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

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

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

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

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

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

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

package/dist/es2019/ui/icons/AIChatIcon.compiled.css

@@ -0,0 +1,5 @@
+._1bah1h6o{justify-content:center}
+._1bsb1crf{width:9pt}
+._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}
+._4t3i1crf{height:9pt}

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

@@ -0,0 +1,19 @@
+/* AIChatIcon.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./AIChatIcon.compiled.css";
+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"
+};
+export const AIChatIcon = ({
+  label,
+  testId
+}) => /*#__PURE__*/React.createElement(Box, {
+  xcss: styles.small
+}, /*#__PURE__*/React.createElement(RovoLogoIcon, {
+  label: label,
+  testId: testId,
+  size: "xxsmall"
+}));

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as ClearFormattingIcon } from '@atlaskit/icon/core/table-cell-clear';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import Icon from '@atlaskit/icon/core/chevron-down';
+export const MoreItemsIcon = ({
+  label,
+  testId,
+  color,
+  shouldRecommendSmallIcon,
+  spacing
+}) => /*#__PURE__*/React.createElement(Icon, {
+  label: label,
+  testId: testId,
+  color: color,
+  shouldRecommendSmallIcon: shouldRecommendSmallIcon,
+  spacing: spacing,
+  size: "small"
+});

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import Icon from '@atlaskit/icon/core/chevron-right';
+export const NestedDropdownRightIcon = ({
+  label,
+  testId,
+  color,
+  shouldRecommendSmallIcon,
+  spacing
+}) => /*#__PURE__*/React.createElement(Icon, {
+  label: label,
+  testId: testId,
+  color: color,
+  shouldRecommendSmallIcon: shouldRecommendSmallIcon,
+  spacing: spacing,
+  size: "small"
+});

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

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

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

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

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

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

package/dist/es2019/ui/icons/TextColorIcon.compiled.css

@@ -0,0 +1 @@
+._19pk1b66{margin-top:var(--ds-space-050,4px)}

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

@@ -0,0 +1,30 @@
+/* TextColorIcon.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./TextColorIcon.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import Icon from '@atlaskit/icon/core/text-style';
+import { Box } from '@atlaskit/primitives/compiled';
+const styles = {
+  icon: "_19pk1b66"
+};
+export const TextColorIcon = ({
+  label,
+  shouldRecommendSmallIcon,
+  size,
+  spacing,
+  testId,
+  iconColor,
+  isDisabled
+}) => {
+  return /*#__PURE__*/React.createElement(Box, {
+    as: "span",
+    xcss: styles.icon
+  }, /*#__PURE__*/React.createElement(Icon, {
+    label: label,
+    testId: testId,
+    color: isDisabled ? "var(--ds-icon-disabled, #091E424F)" : iconColor,
+    shouldRecommendSmallIcon: shouldRecommendSmallIcon,
+    spacing: spacing,
+    size: size
+  }));
+};

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

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

package/dist/esm/index.js

@@ -0,0 +1,33 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { Toolbar } from './ui/Toolbar';
+export { ToolbarButton } from './ui/ToolbarButton';
+export { ToolbarButtonGroup } from './ui/ToolbarButtonGroup';
+export { ToolbarDropdownMenu } from './ui/ToolbarDropdownMenu';
+export { ToolbarDropdownItem } from './ui/ToolbarDropdownItem';
+export { ToolbarDropdownItemSection } from './ui/ToolbarDropdownItemSection';
+export { ToolbarKeyboardShortcutHint } from './ui/ToolbarKeyboardShortcutHint';
+export { ToolbarSection } from './ui/ToolbarSection';
+export { ToolbarTooltip } from './ui/ToolbarTooltip';
+export { AIAdjustLengthIcon } from './ui/icons/AIAdjustLengthIcon';
+export { AIChatIcon } from './ui/icons/AIChatIcon';
+export { AICommandIcon } from './ui/icons/AICommandIcon';
+export { AddIcon } from './ui/icons/AddIcon';
+export { AppsIcon } from './ui/icons/AppsIcon';
+export { BoldIcon } from './ui/icons/BoldIcon';
+export { CommentIcon } from './ui/icons/CommentIcon';
+export { HeadingFiveIcon } from './ui/icons/HeadingFiveIcon';
+export { HeadingFourIcon } from './ui/icons/HeadingFourIcon';
+export { HeadingOneIcon } from './ui/icons/HeadingOneIcon';
+export { HeadingSixIcon } from './ui/icons/HeadingSixIcon';
+export { HeadingThreeIcon } from './ui/icons/HeadingThreeIcon';
+export { HeadingTwoIcon } from './ui/icons/HeadingTwoIcon';
+export { ItalicIcon } from './ui/icons/ItalicIcon';
+export { LinkIcon } from './ui/icons/LinkIcon';
+export { ListBulletedIcon } from './ui/icons/ListBulletedIcon';
+export { ListNumberedIcon } from './ui/icons/ListNumberedIcon';
+export { MoreItemsIcon } from './ui/icons/MoreItemsIcon';
+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';

package/dist/esm/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/ui/Toolbar.compiled.css

@@ -0,0 +1,8 @@
+
+._2rkoi2wt{border-radius:6px}._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
+._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._1bsb184x{width:min-content}
+._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}
+._4t3i14no{height:36px}
+._u5f31b66{padding-right:var(--ds-space-050,4px)}

package/dist/esm/ui/Toolbar.js

@@ -0,0 +1,17 @@
+/* Toolbar.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./Toolbar.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { Box } from '@atlaskit/primitives/compiled';
+var styles = {
+  toolbar: "_2rkoi2wt _u5f31b66 _19bv1b66 _16qs1cd0 _4t3i14no _1bsb184x _1e0c1txw _4cvr1h6o"
+};
+export var Toolbar = function Toolbar(_ref) {
+  var children = _ref.children,
+    label = _ref.label;
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.toolbar,
+    role: "toolbar",
+    "aria-label": label
+  }, children);
+};

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

@@ -0,0 +1,34 @@
+
+._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
+._zulp12x7{gap:var(--ds-space-075,6px)}._13liidpf{border-top-left-radius:0}
+._19bv12x7{padding-left:var(--ds-space-075,6px)}
+._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._19bvv77o{padding-left:var(--ds-space-025,2px)}
+._1bah1h6o{justify-content:center}
+._1bah1y6m{justify-content:flex-start}
+._1bahesu3{justify-content:flex-end}
+._1e0c1txw{display:flex}
+._1o0zidpf{border-bottom-right-radius:0}
+._1tke1f4h{min-height:28px}
+._4cvr1h6o{align-items:center}
+._80om13gf{cursor:not-allowed}
+._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
+._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
+._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
+._mrkbidpf{border-bottom-left-radius:0}
+._o5721q9c{white-space:nowrap}
+._qrwqidpf{border-top-right-radius:0}
+._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
+._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
+._u5f312x7{padding-right:var(--ds-space-075,6px)}
+._u5f31b66{padding-right:var(--ds-space-050,4px)}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
+._u5f3v77o{padding-right:var(--ds-space-025,2px)}
+._1ah3idpf:focus-visible{outline-offset:0}
+._g0pbkb7n:focus-visible{z-index:1}
+._oh03h2mm:focus-visible{position:relative}
+._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
+._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
+._1di619ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
+._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}

package/dist/esm/ui/ToolbarButton.js

@@ -0,0 +1,46 @@
+/* ToolbarButton.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./ToolbarButton.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React, { forwardRef } from 'react';
+import { cx } from '@atlaskit/css';
+import { Pressable } from '@atlaskit/primitives/compiled';
+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",
+  groupStart: "_qrwqidpf _1o0zidpf _1bahesu3 _19bv12x7 _u5f3v77o",
+  groupMiddle: "_13liidpf _mrkbidpf _qrwqidpf _1o0zidpf _19bv1b66 _u5f31b66",
+  groupEnd: "_13liidpf _mrkbidpf _1bah1y6m _19bvv77o _u5f312x7"
+};
+export var ToolbarButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var iconBefore = _ref.iconBefore,
+    children = _ref.children,
+    onClick = _ref.onClick,
+    isSelected = _ref.isSelected,
+    ariaExpanded = _ref['aria-expanded'],
+    ariaHasPopup = _ref['aria-haspopup'],
+    ariaControls = _ref['aria-controls'],
+    dataDsLevel = _ref['data-ds--level'],
+    onBlur = _ref.onBlur,
+    onFocus = _ref.onFocus,
+    testId = _ref.testId,
+    groupLocation = _ref.groupLocation,
+    isDisabled = _ref.isDisabled,
+    ariaKeyshortcuts = _ref.ariaKeyshortcuts;
+  return /*#__PURE__*/React.createElement(Pressable, {
+    ref: ref,
+    xcss: cx(styles.button, isDisabled ? styles.disabled : isSelected ? styles.selected : styles.enabled, groupLocation === 'start' && styles.groupStart, groupLocation === 'middle' && styles.groupMiddle, groupLocation === 'end' && styles.groupEnd),
+    "aria-pressed": isSelected,
+    "aria-expanded": ariaExpanded,
+    "aria-haspopup": ariaHasPopup,
+    "aria-controls": ariaControls,
+    "aria-keyshortcuts": ariaKeyshortcuts,
+    "data-ds--level": dataDsLevel,
+    onClick: onClick,
+    onBlur: onBlur,
+    onFocus: onFocus,
+    testId: testId,
+    isDisabled: isDisabled
+  }, iconBefore, children);
+});

package/dist/esm/ui/ToolbarButtonGroup.compiled.css

@@ -0,0 +1 @@
+._1e0c1txw{display:flex}

package/dist/esm/ui/ToolbarButtonGroup.js

@@ -0,0 +1,14 @@
+/* ToolbarButtonGroup.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./ToolbarButtonGroup.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { Box } from '@atlaskit/primitives/compiled';
+var styles = {
+  container: "_1e0c1txw"
+};
+export var ToolbarButtonGroup = function ToolbarButtonGroup(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.container
+  }, children);
+};

package/dist/esm/ui/ToolbarColorSwatch.compiled.css

@@ -0,0 +1,9 @@
+
+._19it7r9e{border:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}
+._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._18u0r5cr{margin-left:var(--ds-space-negative-050,-4px)}
+._1bah1h6o{justify-content:center}
+._1bsbgktf{width:20px}
+._1e0c1txw{display:flex}
+._2hwxr5cr{margin-right:var(--ds-space-negative-050,-4px)}
+._4cvr1h6o{align-items:center}
+._4t3igktf{height:20px}

package/dist/esm/ui/ToolbarColorSwatch.js

@@ -0,0 +1,18 @@
+/* ToolbarColorSwatch.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./ToolbarColorSwatch.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { Box } from '@atlaskit/primitives/compiled';
+var styles = {
+  colorSwatch: "_19it7r9e _2rkoiti9 _1e0c1txw _1bah1h6o _4cvr1h6o _1bsbgktf _4t3igktf _18u0r5cr _2hwxr5cr"
+};
+export var ToolbarColorSwatch = function ToolbarColorSwatch(_ref) {
+  var children = _ref.children,
+    highlightColor = _ref.highlightColor;
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.colorSwatch,
+    style: {
+      backgroundColor: highlightColor
+    }
+  }, children);
+};

package/dist/esm/ui/ToolbarDropdownDivider.compiled.css

@@ -0,0 +1,3 @@
+._1doce4h9{border-bottom-width:var(--ds-border-width,1px)}
+._1il9nqa1{border-bottom-style:solid}
+._1o3imuej{border-bottom-color:var(--ds-border,#091e4224)}

package/dist/esm/ui/ToolbarDropdownDivider.js

@@ -0,0 +1,13 @@
+/* ToolbarDropdownDivider.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./ToolbarDropdownDivider.compiled.css";
+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
+  });
+};

package/dist/esm/ui/ToolbarDropdownItem.compiled.css

@@ -0,0 +1,23 @@
+._11c8140y{font:var(--ds-font-heading-xsmall,normal 600 14px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c81c04{font:var(--ds-font-heading-xlarge,normal 600 29px/2pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8nbxd{font:var(--ds-font-heading-small,normal 600 1pc/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8nf1z{font:var(--ds-font-heading-large,normal 500 24px/28px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
+._1bsb1osq{width:100%}
+._1tke14no{min-height:36px}
+._80om13gf{cursor:not-allowed}
+._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
+._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
+._kqswh2mm{position:relative}
+._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
+._syazaqb7{color:var(--ds-text-selected,#0c66e4)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
+._1basglpi:focus-visible{border-radius:var(--ds-border-radius,4px)}
+._1ah31i6y:focus-visible{outline-offset:var(--ds-space-negative-025,-2px)}
+._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
+._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
+._1di619ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
+._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}

package/dist/esm/ui/ToolbarDropdownItem.js

@@ -0,0 +1,71 @@
+/* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./ToolbarDropdownItem.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React, { forwardRef } from 'react';
+import { cx } from '@atlaskit/css';
+import { DropdownItem } from '@atlaskit/dropdown-menu';
+import { Box, Pressable } from '@atlaskit/primitives/compiled';
+var styles = {
+  toolbarDropdownItem: "_kqswh2mm _bfhksm61 _1bsb1osq _1tke14no _19bvutpp _u5f3utpp _1basglpi _1ah31i6y",
+  enabled: "_irr3166n _1di61dty",
+  disabled: "_syaz1lh4 _80om13gf",
+  selected: "_bfhkfg4m _syazaqb7 _irr3i1yw _1di619ru",
+  normal: "_11c82smr",
+  heading1: "_11c81c04",
+  heading2: "_11c8nf1z",
+  heading3: "_11c8lodh",
+  heading4: "_11c8nbxd",
+  heading5: "_11c8140y",
+  heading6: "_11c81vhk"
+};
+var CustomDropdownMenuItemButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    testId = _ref['data-testid'],
+    ariaHasPopup = _ref['aria-haspopup'],
+    ariaDisabled = _ref['aria-disabled'],
+    ariaPressed = _ref['aria-pressed'],
+    ariaKeyshortcuts = _ref['aria-keyshortcuts'],
+    onClick = _ref.onClick,
+    tabIndex = _ref.tabIndex;
+  return /*#__PURE__*/React.createElement(Pressable, {
+    testId: testId,
+    xcss: cx(styles.toolbarDropdownItem, ariaDisabled ? styles.disabled : ariaPressed ? styles.selected : styles.enabled),
+    onClick: onClick,
+    tabIndex: tabIndex,
+    "aria-haspopup": ariaHasPopup,
+    "aria-expanded": ariaHasPopup ? ariaPressed ? true : false : undefined,
+    "aria-pressed": ariaPressed,
+    "aria-disabled": ariaDisabled,
+    "aria-keyshortcuts": ariaKeyshortcuts,
+    ref: ref
+  }, children);
+});
+export var ToolbarDropdownItem = function ToolbarDropdownItem(_ref2) {
+  var onClick = _ref2.onClick,
+    elemBefore = _ref2.elemBefore,
+    elemAfter = _ref2.elemAfter,
+    isSelected = _ref2.isSelected,
+    children = _ref2.children,
+    _ref2$textStyle = _ref2.textStyle,
+    textStyle = _ref2$textStyle === void 0 ? 'normal' : _ref2$textStyle,
+    isDisabled = _ref2.isDisabled,
+    hasNestedDropdownMenu = _ref2.hasNestedDropdownMenu,
+    triggerRef = _ref2.triggerRef,
+    testId = _ref2.testId,
+    ariaKeyshortcuts = _ref2.ariaKeyshortcuts;
+  return /*#__PURE__*/React.createElement(DropdownItem, {
+    onClick: onClick,
+    elemBefore: elemBefore,
+    elemAfter: elemAfter,
+    isSelected: isSelected,
+    isDisabled: isDisabled,
+    "aria-haspopup": hasNestedDropdownMenu,
+    "aria-pressed": isSelected,
+    "aria-keyshortcuts": ariaKeyshortcuts,
+    ref: triggerRef,
+    component: CustomDropdownMenuItemButton,
+    testId: testId
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles[textStyle]
+  }, children));
+};

package/dist/esm/ui/ToolbarDropdownItemSection.compiled.css

@@ -0,0 +1,2 @@
+._1e0c1txw{display:flex}
+._2lx21bp4{flex-direction:column}

package/dist/esm/ui/ToolbarDropdownItemSection.js

@@ -0,0 +1,14 @@
+/* ToolbarDropdownItemSection.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./ToolbarDropdownItemSection.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { Box } from '@atlaskit/primitives/compiled';
+var styles = {
+  container: "_1e0c1txw _2lx21bp4"
+};
+export var ToolbarDropdownItemSection = function ToolbarDropdownItemSection(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.container
+  }, children);
+};

package/dist/esm/ui/ToolbarDropdownMenu.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import DropdownMenu from '@atlaskit/dropdown-menu';
+import { ToolbarButton } from './ToolbarButton';
+export var ToolbarDropdownMenu = function ToolbarDropdownMenu(_ref) {
+  var iconBefore = _ref.iconBefore,
+    groupLocation = _ref.groupLocation,
+    children = _ref.children,
+    isDisabled = _ref.isDisabled;
+  return /*#__PURE__*/React.createElement(DropdownMenu, {
+    trigger: function trigger(triggerProps) {
+      return /*#__PURE__*/React.createElement(ToolbarButton, {
+        ref: triggerProps.triggerRef,
+        isSelected: triggerProps.isSelected,
+        "aria-expanded": triggerProps['aria-expanded'],
+        "aria-haspopup": triggerProps['aria-haspopup'],
+        "aria-controls": triggerProps['aria-controls'],
+        onBlur: triggerProps.onBlur,
+        onClick: triggerProps.onClick,
+        onFocus: triggerProps.onFocus,
+        testId: triggerProps.testId,
+        iconBefore: iconBefore,
+        groupLocation: groupLocation,
+        isDisabled: isDisabled
+      });
+    }
+  }, children);
+};

package/dist/esm/ui/ToolbarKeyboardShortcutHint.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import Badge from '@atlaskit/badge';
+export var ToolbarKeyboardShortcutHint = function ToolbarKeyboardShortcutHint(_ref) {
+  var shortcut = _ref.shortcut;
+  return /*#__PURE__*/React.createElement(Badge, null, shortcut);
+};