@atlaskit/editor-toolbar 2.3.6 → 2.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/ui/ColorPalette/Color.compiled.css +0 -1
  3. package/dist/cjs/ui/ColorPalette/Color.js +1 -1
  4. package/dist/cjs/ui/ResponsiveContainer.js +1 -1
  5. package/dist/cjs/ui/Toolbar.compiled.css +0 -1
  6. package/dist/cjs/ui/Toolbar.js +1 -1
  7. package/dist/cjs/ui/ToolbarButton.js +1 -1
  8. package/dist/cjs/ui/ToolbarButtonGroup.compiled.css +0 -1
  9. package/dist/cjs/ui/ToolbarButtonGroup.js +1 -1
  10. package/dist/cjs/ui/ToolbarColorSwatch.compiled.css +0 -1
  11. package/dist/cjs/ui/ToolbarColorSwatch.js +1 -1
  12. package/dist/cjs/ui/ToolbarDropdownItem.compiled.css +0 -1
  13. package/dist/cjs/ui/ToolbarDropdownItem.js +1 -1
  14. package/dist/cjs/ui/ToolbarDropdownMenu.compiled.css +0 -1
  15. package/dist/cjs/ui/ToolbarDropdownMenu.js +1 -1
  16. package/dist/cjs/ui/ToolbarMenuContainer.compiled.css +0 -1
  17. package/dist/cjs/ui/ToolbarMenuContainer.js +1 -1
  18. package/dist/cjs/ui/ToolbarNestedDropdownMenu.js +1 -1
  19. package/dist/cjs/ui/ToolbarSection.compiled.css +0 -1
  20. package/dist/cjs/ui/ToolbarSection.js +1 -1
  21. package/dist/cjs/ui/ToolbarTooltip.js +5 -0
  22. package/dist/cjs/ui/icons/AIChatIcon.js +1 -1
  23. package/dist/cjs/ui/icons/TextColorIcon.js +1 -1
  24. package/dist/es2019/ui/ColorPalette/Color.compiled.css +0 -1
  25. package/dist/es2019/ui/ColorPalette/Color.js +1 -1
  26. package/dist/es2019/ui/ResponsiveContainer.js +1 -1
  27. package/dist/es2019/ui/Toolbar.compiled.css +0 -1
  28. package/dist/es2019/ui/Toolbar.js +1 -1
  29. package/dist/es2019/ui/ToolbarButton.js +1 -1
  30. package/dist/es2019/ui/ToolbarButtonGroup.compiled.css +0 -1
  31. package/dist/es2019/ui/ToolbarButtonGroup.js +1 -1
  32. package/dist/es2019/ui/ToolbarColorSwatch.compiled.css +0 -1
  33. package/dist/es2019/ui/ToolbarColorSwatch.js +1 -1
  34. package/dist/es2019/ui/ToolbarDropdownItem.compiled.css +0 -1
  35. package/dist/es2019/ui/ToolbarDropdownItem.js +1 -1
  36. package/dist/es2019/ui/ToolbarDropdownMenu.compiled.css +0 -1
  37. package/dist/es2019/ui/ToolbarDropdownMenu.js +1 -1
  38. package/dist/es2019/ui/ToolbarMenuContainer.compiled.css +0 -1
  39. package/dist/es2019/ui/ToolbarMenuContainer.js +1 -1
  40. package/dist/es2019/ui/ToolbarNestedDropdownMenu.js +1 -1
  41. package/dist/es2019/ui/ToolbarSection.compiled.css +0 -1
  42. package/dist/es2019/ui/ToolbarSection.js +1 -1
  43. package/dist/es2019/ui/ToolbarTooltip.js +5 -0
  44. package/dist/es2019/ui/icons/AIChatIcon.js +1 -1
  45. package/dist/es2019/ui/icons/TextColorIcon.js +1 -1
  46. package/dist/esm/ui/ColorPalette/Color.compiled.css +0 -1
  47. package/dist/esm/ui/ColorPalette/Color.js +1 -1
  48. package/dist/esm/ui/ResponsiveContainer.js +1 -1
  49. package/dist/esm/ui/Toolbar.compiled.css +0 -1
  50. package/dist/esm/ui/Toolbar.js +1 -1
  51. package/dist/esm/ui/ToolbarButton.js +1 -1
  52. package/dist/esm/ui/ToolbarButtonGroup.compiled.css +0 -1
  53. package/dist/esm/ui/ToolbarButtonGroup.js +1 -1
  54. package/dist/esm/ui/ToolbarColorSwatch.compiled.css +0 -1
  55. package/dist/esm/ui/ToolbarColorSwatch.js +1 -1
  56. package/dist/esm/ui/ToolbarDropdownItem.compiled.css +0 -1
  57. package/dist/esm/ui/ToolbarDropdownItem.js +1 -1
  58. package/dist/esm/ui/ToolbarDropdownMenu.compiled.css +0 -1
  59. package/dist/esm/ui/ToolbarDropdownMenu.js +1 -1
  60. package/dist/esm/ui/ToolbarMenuContainer.compiled.css +0 -1
  61. package/dist/esm/ui/ToolbarMenuContainer.js +1 -1
  62. package/dist/esm/ui/ToolbarNestedDropdownMenu.js +1 -1
  63. package/dist/esm/ui/ToolbarSection.compiled.css +0 -1
  64. package/dist/esm/ui/ToolbarSection.js +1 -1
  65. package/dist/esm/ui/ToolbarTooltip.js +5 -0
  66. package/dist/esm/ui/icons/AIChatIcon.js +1 -1
  67. package/dist/esm/ui/icons/TextColorIcon.js +1 -1
  68. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-toolbar
2
2
 
3
+ ## 2.3.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [`63f37967452f1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/63f37967452f1) -
8
+ A11Y-42687 remove redundant aria-described-by attributes from toolbar
9
+ - Updated dependencies
10
+
11
+ ## 2.3.7
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 2.3.6
4
18
 
5
19
  ### Patch Changes
@@ -1,4 +1,3 @@
1
-
2
1
  ._19it1ps9{border:var(--ds-border-width,1px) solid var(--ds-border-inverse,#fff)}
3
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
3
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
@@ -1,4 +1,4 @@
1
- /* Color.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* Color.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* ResponsiveContainer.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ResponsiveContainer.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
3
3
  /* eslint-disable @atlaskit/ui-styling-standard/no-container-queries */
4
4
  /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
@@ -1,4 +1,3 @@
1
-
2
1
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
3
2
  ._zulp1b66{gap:var(--ds-space-050,4px)}
4
3
  ._195gpxbi{margin-inline:var(--ds-space-200,1pc)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
@@ -1,4 +1,4 @@
1
- /* Toolbar.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* Toolbar.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
3
3
  /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
4
4
  "use strict";
@@ -1,4 +1,4 @@
1
- /* ToolbarButton.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarButton.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -1,4 +1,3 @@
1
-
2
1
  ._zulpv77o{gap:var(--ds-space-025,2px)}
3
2
  ._19pe12x7 [data-toolbar-component=button]{padding-inline:var(--ds-space-075,6px)}._14jy1dpa:has([data-toolbar-component=button]:not([aria-pressed=true]):not([disabled]):hover) [data-toolbar-component=button]:not([aria-pressed=true]):not([disabled]):not(:hover){background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
4
3
  ._15rdidpf [data-toolbar-component=button]{border-top-left-radius:0}
@@ -1,4 +1,4 @@
1
- /* ToolbarButtonGroup.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarButtonGroup.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -1,4 +1,3 @@
1
-
2
1
  ._19itia51{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
3
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18u0r5cr{margin-left:var(--ds-space-negative-050,-4px)}
4
3
  ._1bah1h6o{justify-content:center}
@@ -1,4 +1,4 @@
1
- /* ToolbarColorSwatch.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarColorSwatch.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,3 @@
1
-
2
1
  ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
2
  ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
4
3
  ._1rjc1b66{padding-block:var(--ds-space-050,4px)}
@@ -1,4 +1,4 @@
1
- /* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,3 @@
1
-
2
1
  ._1mouv77o{margin-block:var(--ds-space-025,2px)}._18l8n7od [data-section]:first-of-type{border-block-start:unset}
3
2
  ._18m91wug{overflow-y:auto}
4
3
  ._c71lnklw{max-height:20pc}
@@ -1,4 +1,4 @@
1
- /* ToolbarDropdownMenu.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarDropdownMenu.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,3 @@
1
-
2
1
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
2
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
4
3
  ._1cc0glyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])~*){border-block-start:none}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
@@ -1,4 +1,4 @@
1
- /* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -1,4 +1,4 @@
1
- /* ToolbarNestedDropdownMenu.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarNestedDropdownMenu.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
3
  "use strict";
4
4
 
@@ -1,4 +1,3 @@
1
-
2
1
  ._zulp1b66{gap:var(--ds-space-050,4px)}._195gu2gc{margin-inline:var(--ds-space-100,8px)}
3
2
  ._1bsbt94y{width:1px}
4
3
  ._1e0c1txw{display:flex}
@@ -1,4 +1,4 @@
1
- /* ToolbarSection.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarSection.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.ToolbarTooltip = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
+ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
9
10
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
10
11
  var ToolbarTooltip = exports.ToolbarTooltip = function ToolbarTooltip(_ref) {
11
12
  var content = _ref.content,
@@ -19,5 +20,9 @@ var ToolbarTooltip = exports.ToolbarTooltip = function ToolbarTooltip(_ref) {
19
20
  position: position,
20
21
  delay: delay,
21
22
  shortcut: shortcut
23
+ // the information in toolbar tooltips is already announced by aria-label and aria-keyshortcuts on the item
24
+ // so we need to disable screen reader announcement of tooltip to avoid duplicate announcements
25
+ ,
26
+ isScreenReaderAnnouncementDisabled: (0, _expValEquals.expValEquals)('editor_a11y__toolbar-item-aria-described-by_fy27', 'isEnabled', true)
22
27
  }, children);
23
28
  };
@@ -1,4 +1,4 @@
1
- /* AIChatIcon.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* AIChatIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -1,4 +1,4 @@
1
- /* TextColorIcon.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* TextColorIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,3 @@
1
-
2
1
  ._19it1ps9{border:var(--ds-border-width,1px) solid var(--ds-border-inverse,#fff)}
3
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
3
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
@@ -1,4 +1,4 @@
1
- /* Color.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* Color.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import "./Color.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useCallback, memo } from 'react';
@@ -1,4 +1,4 @@
1
- /* ResponsiveContainer.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ResponsiveContainer.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
3
3
  /* eslint-disable @atlaskit/ui-styling-standard/no-container-queries */
4
4
  /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
@@ -1,4 +1,3 @@
1
-
2
1
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
3
2
  ._zulp1b66{gap:var(--ds-space-050,4px)}
4
3
  ._195gpxbi{margin-inline:var(--ds-space-200,1pc)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
@@ -1,4 +1,4 @@
1
- /* Toolbar.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* Toolbar.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
3
3
  /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
4
4
  import "./Toolbar.compiled.css";
@@ -1,4 +1,4 @@
1
- /* ToolbarButton.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarButton.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import "./ToolbarButton.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { forwardRef } from 'react';
@@ -1,4 +1,3 @@
1
-
2
1
  ._zulpv77o{gap:var(--ds-space-025,2px)}
3
2
  ._19pe12x7 [data-toolbar-component=button]{padding-inline:var(--ds-space-075,6px)}._14jy1dpa:has([data-toolbar-component=button]:not([aria-pressed=true]):not([disabled]):hover) [data-toolbar-component=button]:not([aria-pressed=true]):not([disabled]):not(:hover){background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
4
3
  ._15rdidpf [data-toolbar-component=button]{border-top-left-radius:0}
@@ -1,4 +1,4 @@
1
- /* ToolbarButtonGroup.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarButtonGroup.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import "./ToolbarButtonGroup.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,3 @@
1
-
2
1
  ._19itia51{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
3
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18u0r5cr{margin-left:var(--ds-space-negative-050,-4px)}
4
3
  ._1bah1h6o{justify-content:center}
@@ -1,4 +1,4 @@
1
- /* ToolbarColorSwatch.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarColorSwatch.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import "./ToolbarColorSwatch.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -1,4 +1,3 @@
1
-
2
1
  ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
2
  ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
4
3
  ._1rjc1b66{padding-block:var(--ds-space-050,4px)}
@@ -1,4 +1,4 @@
1
- /* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./ToolbarDropdownItem.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,3 @@
1
-
2
1
  ._1mouv77o{margin-block:var(--ds-space-025,2px)}._18l8n7od [data-section]:first-of-type{border-block-start:unset}
3
2
  ._18m91wug{overflow-y:auto}
4
3
  ._c71lnklw{max-height:20pc}
@@ -1,4 +1,4 @@
1
- /* ToolbarDropdownMenu.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarDropdownMenu.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import "./ToolbarDropdownMenu.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useCallback } from 'react';
@@ -1,4 +1,3 @@
1
-
2
1
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
2
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
4
3
  ._1cc0glyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])~*){border-block-start:none}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
@@ -1,4 +1,4 @@
1
- /* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import "./ToolbarMenuContainer.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { forwardRef } from 'react';
@@ -1,4 +1,4 @@
1
- /* ToolbarNestedDropdownMenu.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarNestedDropdownMenu.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
3
  import "./ToolbarNestedDropdownMenu.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,3 @@
1
-
2
1
  ._zulp1b66{gap:var(--ds-space-050,4px)}._195gu2gc{margin-inline:var(--ds-space-100,8px)}
3
2
  ._1bsbt94y{width:1px}
4
3
  ._1e0c1txw{display:flex}
@@ -1,4 +1,4 @@
1
- /* ToolbarSection.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarSection.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import "./ToolbarSection.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
2
3
  import Tooltip from '@atlaskit/tooltip';
3
4
  export const ToolbarTooltip = ({
4
5
  content,
@@ -12,5 +13,9 @@ export const ToolbarTooltip = ({
12
13
  position: position,
13
14
  delay: delay,
14
15
  shortcut: shortcut
16
+ // the information in toolbar tooltips is already announced by aria-label and aria-keyshortcuts on the item
17
+ // so we need to disable screen reader announcement of tooltip to avoid duplicate announcements
18
+ ,
19
+ isScreenReaderAnnouncementDisabled: expValEquals('editor_a11y__toolbar-item-aria-described-by_fy27', 'isEnabled', true)
15
20
  }, children);
16
21
  };
@@ -1,4 +1,4 @@
1
- /* AIChatIcon.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* AIChatIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import "./AIChatIcon.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* TextColorIcon.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* TextColorIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import "./TextColorIcon.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -1,4 +1,3 @@
1
-
2
1
  ._19it1ps9{border:var(--ds-border-width,1px) solid var(--ds-border-inverse,#fff)}
3
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
3
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
@@ -1,4 +1,4 @@
1
- /* Color.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* Color.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import "./Color.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useCallback, memo } from 'react';
@@ -1,4 +1,4 @@
1
- /* ResponsiveContainer.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ResponsiveContainer.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
3
3
  /* eslint-disable @atlaskit/ui-styling-standard/no-container-queries */
4
4
  /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
@@ -1,4 +1,3 @@
1
-
2
1
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
3
2
  ._zulp1b66{gap:var(--ds-space-050,4px)}
4
3
  ._195gpxbi{margin-inline:var(--ds-space-200,1pc)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
@@ -1,4 +1,4 @@
1
- /* Toolbar.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* Toolbar.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
3
3
  /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
4
4
  import "./Toolbar.compiled.css";
@@ -1,4 +1,4 @@
1
- /* ToolbarButton.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarButton.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import "./ToolbarButton.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { forwardRef } from 'react';
@@ -1,4 +1,3 @@
1
-
2
1
  ._zulpv77o{gap:var(--ds-space-025,2px)}
3
2
  ._19pe12x7 [data-toolbar-component=button]{padding-inline:var(--ds-space-075,6px)}._14jy1dpa:has([data-toolbar-component=button]:not([aria-pressed=true]):not([disabled]):hover) [data-toolbar-component=button]:not([aria-pressed=true]):not([disabled]):not(:hover){background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
4
3
  ._15rdidpf [data-toolbar-component=button]{border-top-left-radius:0}
@@ -1,4 +1,4 @@
1
- /* ToolbarButtonGroup.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarButtonGroup.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import "./ToolbarButtonGroup.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,3 @@
1
-
2
1
  ._19itia51{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
3
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18u0r5cr{margin-left:var(--ds-space-negative-050,-4px)}
4
3
  ._1bah1h6o{justify-content:center}
@@ -1,4 +1,4 @@
1
- /* ToolbarColorSwatch.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarColorSwatch.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import "./ToolbarColorSwatch.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -1,4 +1,3 @@
1
-
2
1
  ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
2
  ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
4
3
  ._1rjc1b66{padding-block:var(--ds-space-050,4px)}
@@ -1,4 +1,4 @@
1
- /* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarDropdownItem.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import _extends from "@babel/runtime/helpers/extends";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -1,4 +1,3 @@
1
-
2
1
  ._1mouv77o{margin-block:var(--ds-space-025,2px)}._18l8n7od [data-section]:first-of-type{border-block-start:unset}
3
2
  ._18m91wug{overflow-y:auto}
4
3
  ._c71lnklw{max-height:20pc}
@@ -1,4 +1,4 @@
1
- /* ToolbarDropdownMenu.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarDropdownMenu.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import "./ToolbarDropdownMenu.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useCallback } from 'react';
@@ -1,4 +1,3 @@
1
-
2
1
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
2
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
4
3
  ._1cc0glyw [data-toolbar-component=menu-section]:not(:has([data-toolbar-component=menu-item])~*){border-block-start:none}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
@@ -1,4 +1,4 @@
1
- /* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import "./ToolbarMenuContainer.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { forwardRef } from 'react';
@@ -1,4 +1,4 @@
1
- /* ToolbarNestedDropdownMenu.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarNestedDropdownMenu.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
3
  import "./ToolbarNestedDropdownMenu.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,3 @@
1
-
2
1
  ._zulp1b66{gap:var(--ds-space-050,4px)}._195gu2gc{margin-inline:var(--ds-space-100,8px)}
3
2
  ._1bsbt94y{width:1px}
4
3
  ._1e0c1txw{display:flex}
@@ -1,4 +1,4 @@
1
- /* ToolbarSection.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* ToolbarSection.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import "./ToolbarSection.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
2
3
  import Tooltip from '@atlaskit/tooltip';
3
4
  export var ToolbarTooltip = function ToolbarTooltip(_ref) {
4
5
  var content = _ref.content,
@@ -12,5 +13,9 @@ export var ToolbarTooltip = function ToolbarTooltip(_ref) {
12
13
  position: position,
13
14
  delay: delay,
14
15
  shortcut: shortcut
16
+ // the information in toolbar tooltips is already announced by aria-label and aria-keyshortcuts on the item
17
+ // so we need to disable screen reader announcement of tooltip to avoid duplicate announcements
18
+ ,
19
+ isScreenReaderAnnouncementDisabled: expValEquals('editor_a11y__toolbar-item-aria-described-by_fy27', 'isEnabled', true)
15
20
  }, children);
16
21
  };
@@ -1,4 +1,4 @@
1
- /* AIChatIcon.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* AIChatIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import "./AIChatIcon.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* TextColorIcon.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* TextColorIcon.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import "./TextColorIcon.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org/"
5
5
  },
6
- "version": "2.3.6",
6
+ "version": "2.3.8",
7
7
  "description": "Common UI for Toolbars across the platform",
8
8
  "atlassian": {
9
9
  "react-compiler": {
@@ -29,20 +29,20 @@
29
29
  "atlaskit:src": "src/index.ts",
30
30
  "dependencies": {
31
31
  "@atlaskit/badge": "^19.1.0",
32
- "@atlaskit/browser-apis": "^1.1.0",
32
+ "@atlaskit/browser-apis": "^1.2.0",
33
33
  "@atlaskit/css": "^1.0.0",
34
34
  "@atlaskit/dropdown-menu": "^17.1.0",
35
- "@atlaskit/icon": "^37.0.0",
36
- "@atlaskit/icon-lab": "^7.3.0",
37
- "@atlaskit/platform-feature-flags": "^2.0.0",
35
+ "@atlaskit/icon": "^37.1.0",
36
+ "@atlaskit/icon-lab": "^7.4.0",
37
+ "@atlaskit/platform-feature-flags": "^2.1.0",
38
38
  "@atlaskit/popup": "^5.1.0",
39
- "@atlaskit/primitives": "^22.0.0",
39
+ "@atlaskit/primitives": "^22.1.0",
40
40
  "@atlaskit/react-compiler-gating": "^0.2.0",
41
- "@atlaskit/tmp-editor-statsig": "^129.0.0",
42
- "@atlaskit/tokens": "^16.1.0",
41
+ "@atlaskit/tmp-editor-statsig": "^131.0.0",
42
+ "@atlaskit/tokens": "^16.2.0",
43
43
  "@atlaskit/tooltip": "^23.1.0",
44
44
  "@babel/runtime": "^7.0.0",
45
- "@compiled/react": "^0.20.0",
45
+ "@compiled/react": "^1.0.0",
46
46
  "chromatism": "^2.6.0"
47
47
  },
48
48
  "peerDependencies": {