@atlaskit/editor-toolbar 2.3.5 → 2.3.7

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 (66) 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 +8 -3
  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/icons/AIChatIcon.js +1 -1
  22. package/dist/cjs/ui/icons/TextColorIcon.js +1 -1
  23. package/dist/es2019/ui/ColorPalette/Color.compiled.css +0 -1
  24. package/dist/es2019/ui/ColorPalette/Color.js +1 -1
  25. package/dist/es2019/ui/ResponsiveContainer.js +1 -1
  26. package/dist/es2019/ui/Toolbar.compiled.css +0 -1
  27. package/dist/es2019/ui/Toolbar.js +8 -3
  28. package/dist/es2019/ui/ToolbarButton.js +1 -1
  29. package/dist/es2019/ui/ToolbarButtonGroup.compiled.css +0 -1
  30. package/dist/es2019/ui/ToolbarButtonGroup.js +1 -1
  31. package/dist/es2019/ui/ToolbarColorSwatch.compiled.css +0 -1
  32. package/dist/es2019/ui/ToolbarColorSwatch.js +1 -1
  33. package/dist/es2019/ui/ToolbarDropdownItem.compiled.css +0 -1
  34. package/dist/es2019/ui/ToolbarDropdownItem.js +1 -1
  35. package/dist/es2019/ui/ToolbarDropdownMenu.compiled.css +0 -1
  36. package/dist/es2019/ui/ToolbarDropdownMenu.js +1 -1
  37. package/dist/es2019/ui/ToolbarMenuContainer.compiled.css +0 -1
  38. package/dist/es2019/ui/ToolbarMenuContainer.js +1 -1
  39. package/dist/es2019/ui/ToolbarNestedDropdownMenu.js +1 -1
  40. package/dist/es2019/ui/ToolbarSection.compiled.css +0 -1
  41. package/dist/es2019/ui/ToolbarSection.js +1 -1
  42. package/dist/es2019/ui/icons/AIChatIcon.js +1 -1
  43. package/dist/es2019/ui/icons/TextColorIcon.js +1 -1
  44. package/dist/esm/ui/ColorPalette/Color.compiled.css +0 -1
  45. package/dist/esm/ui/ColorPalette/Color.js +1 -1
  46. package/dist/esm/ui/ResponsiveContainer.js +1 -1
  47. package/dist/esm/ui/Toolbar.compiled.css +0 -1
  48. package/dist/esm/ui/Toolbar.js +8 -3
  49. package/dist/esm/ui/ToolbarButton.js +1 -1
  50. package/dist/esm/ui/ToolbarButtonGroup.compiled.css +0 -1
  51. package/dist/esm/ui/ToolbarButtonGroup.js +1 -1
  52. package/dist/esm/ui/ToolbarColorSwatch.compiled.css +0 -1
  53. package/dist/esm/ui/ToolbarColorSwatch.js +1 -1
  54. package/dist/esm/ui/ToolbarDropdownItem.compiled.css +0 -1
  55. package/dist/esm/ui/ToolbarDropdownItem.js +1 -1
  56. package/dist/esm/ui/ToolbarDropdownMenu.compiled.css +0 -1
  57. package/dist/esm/ui/ToolbarDropdownMenu.js +1 -1
  58. package/dist/esm/ui/ToolbarMenuContainer.compiled.css +0 -1
  59. package/dist/esm/ui/ToolbarMenuContainer.js +1 -1
  60. package/dist/esm/ui/ToolbarNestedDropdownMenu.js +1 -1
  61. package/dist/esm/ui/ToolbarSection.compiled.css +0 -1
  62. package/dist/esm/ui/ToolbarSection.js +1 -1
  63. package/dist/esm/ui/icons/AIChatIcon.js +1 -1
  64. package/dist/esm/ui/icons/TextColorIcon.js +1 -1
  65. package/dist/types/ui/Toolbar.d.ts +4 -2
  66. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-toolbar
2
2
 
3
+ ## 2.3.7
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 2.3.6
10
+
11
+ ### Patch Changes
12
+
13
+ - [`862702aa18c98`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/862702aa18c98) -
14
+ Remove redundant primary toolbar aria-label
15
+ - Updated dependencies
16
+
3
17
  ## 2.3.5
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";
@@ -68,18 +68,23 @@ var Toolbar = exports.Toolbar = function Toolbar(_ref) {
68
68
  }
69
69
  return /*#__PURE__*/_react.default.createElement(_ResponsiveContainer.ResponsiveWrapper, null, wrappedToolbar);
70
70
  };
71
+
72
+ // remove { label?: string } when cleaning up editor_a11y__primary-toolbar-aria-label_fy27
73
+
71
74
  /**
72
75
  * A simple component representing a toolbar without box shadows - used to represent a primary toolbar
73
76
  */
74
77
  var PrimaryToolbar = exports.PrimaryToolbar = function PrimaryToolbar(_ref2) {
75
78
  var children = _ref2.children,
76
79
  label = _ref2.label,
77
- breakpointPreset = _ref2.breakpointPreset;
80
+ breakpointPreset = _ref2.breakpointPreset,
81
+ testId = _ref2.testId;
78
82
  return /*#__PURE__*/_react.default.createElement(_ResponsiveContainer.ResponsiveContainer, {
79
83
  breakpointPreset: breakpointPreset
80
84
  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
81
85
  xcss: (0, _css.cx)(styles.toolbarBase, styles.primaryToolbar, styles.hiddenSelectors),
82
86
  "aria-label": label,
83
- "data-toolbar-type": "primary"
87
+ "data-toolbar-type": "primary",
88
+ testId: testId
84
89
  }, children));
85
90
  };
@@ -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");
@@ -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";
@@ -65,19 +65,24 @@ export const Toolbar = ({
65
65
  }
66
66
  return /*#__PURE__*/React.createElement(ResponsiveWrapper, null, wrappedToolbar);
67
67
  };
68
+
69
+ // remove { label?: string } when cleaning up editor_a11y__primary-toolbar-aria-label_fy27
70
+
68
71
  /**
69
72
  * A simple component representing a toolbar without box shadows - used to represent a primary toolbar
70
73
  */
71
74
  export const PrimaryToolbar = ({
72
75
  children,
73
76
  label,
74
- breakpointPreset
77
+ breakpointPreset,
78
+ testId
75
79
  }) => {
76
80
  return /*#__PURE__*/React.createElement(ResponsiveContainer, {
77
81
  breakpointPreset: breakpointPreset
78
82
  }, /*#__PURE__*/React.createElement(Box, {
79
83
  xcss: cx(styles.toolbarBase, styles.primaryToolbar, styles.hiddenSelectors),
80
84
  "aria-label": label,
81
- "data-toolbar-type": "primary"
85
+ "data-toolbar-type": "primary",
86
+ testId: testId
82
87
  }, children));
83
88
  };
@@ -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,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";
@@ -61,18 +61,23 @@ export var Toolbar = function Toolbar(_ref) {
61
61
  }
62
62
  return /*#__PURE__*/React.createElement(ResponsiveWrapper, null, wrappedToolbar);
63
63
  };
64
+
65
+ // remove { label?: string } when cleaning up editor_a11y__primary-toolbar-aria-label_fy27
66
+
64
67
  /**
65
68
  * A simple component representing a toolbar without box shadows - used to represent a primary toolbar
66
69
  */
67
70
  export var PrimaryToolbar = function PrimaryToolbar(_ref2) {
68
71
  var children = _ref2.children,
69
72
  label = _ref2.label,
70
- breakpointPreset = _ref2.breakpointPreset;
73
+ breakpointPreset = _ref2.breakpointPreset,
74
+ testId = _ref2.testId;
71
75
  return /*#__PURE__*/React.createElement(ResponsiveContainer, {
72
76
  breakpointPreset: breakpointPreset
73
77
  }, /*#__PURE__*/React.createElement(Box, {
74
78
  xcss: cx(styles.toolbarBase, styles.primaryToolbar, styles.hiddenSelectors),
75
79
  "aria-label": label,
76
- "data-toolbar-type": "primary"
80
+ "data-toolbar-type": "primary",
81
+ testId: testId
77
82
  }, children));
78
83
  };
@@ -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,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';
@@ -18,9 +18,11 @@ type ToolbarProps = {
18
18
  * @note: Responsiveness support replies on container query with container editor-area and media query
19
19
  */
20
20
  export declare const Toolbar: ({ children, label, actionSubjectId, testId, }: ToolbarProps) => React.JSX.Element;
21
- type PrimaryToolbarProps = ToolbarProps & ResponsiveContainerProps;
21
+ type PrimaryToolbarProps = Omit<ToolbarProps, 'label'> & ResponsiveContainerProps & {
22
+ label?: string;
23
+ };
22
24
  /**
23
25
  * A simple component representing a toolbar without box shadows - used to represent a primary toolbar
24
26
  */
25
- export declare const PrimaryToolbar: ({ children, label, breakpointPreset, }: PrimaryToolbarProps) => React.JSX.Element;
27
+ export declare const PrimaryToolbar: ({ children, label, breakpointPreset, testId, }: PrimaryToolbarProps) => React.JSX.Element;
26
28
  export {};
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org/"
5
5
  },
6
- "version": "2.3.5",
6
+ "version": "2.3.7",
7
7
  "description": "Common UI for Toolbars across the platform",
8
8
  "atlassian": {
9
9
  "react-compiler": {
@@ -32,17 +32,17 @@
32
32
  "@atlaskit/browser-apis": "^1.1.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",
35
+ "@atlaskit/icon": "^37.1.0",
36
+ "@atlaskit/icon-lab": "^7.4.0",
37
37
  "@atlaskit/platform-feature-flags": "^2.0.0",
38
38
  "@atlaskit/popup": "^5.1.0",
39
39
  "@atlaskit/primitives": "^22.0.0",
40
40
  "@atlaskit/react-compiler-gating": "^0.2.0",
41
- "@atlaskit/tmp-editor-statsig": "^128.0.0",
42
- "@atlaskit/tokens": "^16.0.0",
41
+ "@atlaskit/tmp-editor-statsig": "^130.0.0",
42
+ "@atlaskit/tokens": "^16.1.0",
43
43
  "@atlaskit/tooltip": "^23.1.0",
44
44
  "@babel/runtime": "^7.0.0",
45
- "@compiled/react": "^0.20.0",
45
+ "@compiled/react": "^0.22.2",
46
46
  "chromatism": "^2.6.0"
47
47
  },
48
48
  "peerDependencies": {