@atlaskit/editor-toolbar 0.17.11 → 0.17.13

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 (21) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/ui/ResponsiveContainer.compiled.css +6 -0
  3. package/dist/cjs/ui/ResponsiveContainer.js +2 -2
  4. package/dist/cjs/ui/ToolbarDropdownItem.js +2 -1
  5. package/dist/cjs/ui/ToolbarSection.compiled.css +2 -1
  6. package/dist/cjs/ui/ToolbarSection.js +3 -1
  7. package/dist/es2019/ui/ResponsiveContainer.compiled.css +6 -0
  8. package/dist/es2019/ui/ResponsiveContainer.js +2 -2
  9. package/dist/es2019/ui/ToolbarDropdownItem.js +2 -1
  10. package/dist/es2019/ui/ToolbarSection.compiled.css +2 -1
  11. package/dist/es2019/ui/ToolbarSection.js +3 -1
  12. package/dist/esm/ui/ResponsiveContainer.compiled.css +6 -0
  13. package/dist/esm/ui/ResponsiveContainer.js +2 -2
  14. package/dist/esm/ui/ToolbarDropdownItem.js +2 -1
  15. package/dist/esm/ui/ToolbarSection.compiled.css +2 -1
  16. package/dist/esm/ui/ToolbarSection.js +3 -1
  17. package/dist/types/index.d.ts +1 -1
  18. package/dist/types/ui/Show.d.ts +1 -1
  19. package/dist/types-ts4.5/index.d.ts +1 -1
  20. package/dist/types-ts4.5/ui/Show.d.ts +1 -1
  21. package/package.json +7 -10
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-toolbar
2
2
 
3
+ ## 0.17.13
4
+
5
+ ### Patch Changes
6
+
7
+ - [`41a91a916c125`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/41a91a916c125) -
8
+ EDITOR-2846 Change platform_synced_block to use editorExperiment and add Jira experiment
9
+ - Updated dependencies
10
+
11
+ ## 0.17.12
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 0.17.11
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/ui/ResponsiveContainer.compiled.css CHANGED
@@ -15,17 +15,23 @@
15
15
  @container toolbar-container (max-width: 1024px){._19x4glyw._19x4glyw .show-above-xl{display:none}._qck01ule._qck01ule .show-below-xl{display:block}._t3a8glyw .show-above-xl{display:none}._1x5z1ule .show-below-xl{display:block}}
16
16
  @container toolbar-container (max-width: 210px){._j094glyw._j094glyw .show-above-sm{display:none}._1mc51ule._1mc51ule .show-below-sm{display:block}}
17
17
  @container toolbar-container (max-width: 280px){._3tohglyw._3tohglyw .show-above-sm{display:none}._b5je1ule._b5je1ule .show-below-sm{display:block}}
18
+ @container toolbar-container (max-width: 296px){._hs8tglyw._hs8tglyw .show-above-sm{display:none}._905a1ule._905a1ule .show-below-sm{display:block}}
18
19
  @container toolbar-container (max-width: 365px){._gp7jglyw._gp7jglyw .show-above-sm{display:none}._luyr1ule._luyr1ule .show-below-sm{display:block}}
19
20
  @container toolbar-container (max-width: 408px){._gipeglyw._gipeglyw .show-above-md{display:none}._311r1ule._311r1ule .show-below-md{display:block}}
20
21
  @container toolbar-container (max-width: 410px){._6nrqglyw .show-above-sm{display:none}._1fq21ule .show-below-sm{display:block}}
21
22
  @container toolbar-container (max-width: 420px){._1y2iglyw._1y2iglyw .show-above-md{display:none}._w3191ule._w3191ule .show-below-md{display:block}}
23
+ @container toolbar-container (max-width: 422px){._13hjglyw .show-above-sm{display:none}._1k421ule .show-below-sm{display:block}}
24
+ @container toolbar-container (max-width: 432px){._1jd6glyw._1jd6glyw .show-above-md{display:none}._qp9j1ule._qp9j1ule .show-below-md{display:block}}
22
25
  @container toolbar-container (max-width: 476px){._1ireglyw .show-above-md{display:none}._zy2m1ule .show-below-md{display:block}}
23
26
  @container toolbar-container (max-width: 500px){._1gcoglyw._1gcoglyw .show-above-md{display:none}._bx071ule._bx071ule .show-below-md{display:block}}
24
27
  @container toolbar-container (max-width: 575px){._11u4glyw._11u4glyw .show-above-lg{display:none}._v1i61ule._v1i61ule .show-below-lg{display:block}}
25
28
  @container toolbar-container (max-width: 630px){._dtzlglyw._dtzlglyw .show-above-lg{display:none}._5ur11ule._5ur11ule .show-below-lg{display:block}}
26
29
  @container toolbar-container (max-width: 648px){._4kfbglyw._4kfbglyw .show-above-lg{display:none}._j1h31ule._j1h31ule .show-below-lg{display:block}._e2nbglyw._e2nbglyw._e2nbglyw .show-above-lg{display:none}._ol4q1ule._ol4q1ule._ol4q1ule .show-below-lg{display:block}}
27
30
  @container toolbar-container (max-width: 650px){._tr9jglyw._tr9jglyw .show-above-lg{display:none}._1xve1ule._1xve1ule .show-below-lg{display:block}}
31
+ @container toolbar-container (max-width: 662px){._13ybglyw._13ybglyw .show-above-lg{display:none}._1il51ule._1il51ule .show-below-lg{display:block}}
32
+ @container toolbar-container (max-width: 722px){._1tj8glyw .show-above-md{display:none}._5wrm1ule .show-below-md{display:block}}
28
33
  @container toolbar-container (max-width: 768px){._hfbeglyw .show-above-lg{display:none}._gw6d1ule .show-below-lg{display:block}}
34
+ @container toolbar-container (max-width: 858px){._u8ktglyw .show-above-lg{display:none}._1pko1ule .show-below-lg{display:block}}
29
35
  @media (max-width:700px){._hmx4glyw .show-above-lg{display:none}._1rrm1ule .show-below-lg{display:block}}
30
36
  @media (max-width:533px){._ut18glyw .show-above-md{display:none}._1nwo1ule .show-below-md{display:block}}
31
37
  @media (max-width:365px){._19fzglyw .show-above-sm{display:none}._1r831ule .show-below-sm{display:block}}
package/dist/cjs/ui/ResponsiveContainer.js CHANGED
@@ -18,8 +18,8 @@ var _compiled = require("@atlaskit/primitives/compiled");
18
18
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
19
19
  var styles = {
20
20
  responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw",
21
- fullpage: "_t3a8glyw _1x5z1ule _6nrqglyw _1fq21ule _1ireglyw _zy2m1ule _hfbeglyw _gw6d1ule",
22
- reduced: "_j094glyw _1mc51ule _gipeglyw _311r1ule _11u4glyw _v1i61ule _19x4glyw _qck01ule",
21
+ fullpage: "_t3a8glyw _1x5z1ule _13hjglyw _1k421ule _1tj8glyw _5wrm1ule _u8ktglyw _1pko1ule",
22
+ reduced: "_hs8tglyw _905a1ule _1jd6glyw _qp9j1ule _13ybglyw _1il51ule _19x4glyw _qck01ule",
23
23
  jiraIssue: "_3tohglyw _b5je1ule _1y2iglyw _w3191ule _tr9jglyw _1xve1ule _19x4glyw _qck01ule",
24
24
  jsmComment: "_gp7jglyw _luyr1ule _1gcoglyw _bx071ule _dtzlglyw _5ur11ule _19x4glyw _qck01ule",
25
25
  confluenceComment: "_j094glyw _1mc51ule _gipeglyw _311r1ule _4kfbglyw _j1h31ule _19x4glyw _qck01ule",
package/dist/cjs/ui/ToolbarDropdownItem.js CHANGED
@@ -15,6 +15,7 @@ var _css = require("@atlaskit/css");
15
15
  var _dropdownMenu = require("@atlaskit/dropdown-menu");
16
16
  var _compiled = require("@atlaskit/primitives/compiled");
17
17
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
18
+ var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
18
19
  var _ToolbarDropdownMenuContext = require("./ToolbarDropdownMenuContext");
19
20
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
20
21
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -44,7 +45,7 @@ var CustomDropdownMenuItemButton = /*#__PURE__*/(0, _react.forwardRef)(function
44
45
  "aria-pressed": ariaPressed,
45
46
  "aria-disabled": ariaDisabled,
46
47
  "aria-keyshortcuts": ariaKeyshortcuts,
47
- "data-toolbar-component": (0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true) ? 'menu-item' : undefined,
48
+ "data-toolbar-component": (0, _experiments.editorExperiment)('platform_synced_block', true) ? 'menu-item' : undefined,
48
49
  ref: ref
49
50
  }, children);
50
51
  });
package/dist/cjs/ui/ToolbarSection.compiled.css CHANGED
@@ -4,4 +4,5 @@
4
4
  ._1e0c1txw{display:flex}
5
5
  ._4cvr1h6o{align-items:center}
6
6
  ._4t3igktf{height:20px}
7
- ._bfhk1l7x{background-color:var(--ds-border,#0b120e24)}
7
+ ._bfhk1l7x{background-color:var(--ds-border,#0b120e24)}
8
+ @container toolbar-container (max-width: 422px){._1p9bv77o{margin-inline:var(--ds-space-025,2px)}}
package/dist/cjs/ui/ToolbarSection.js CHANGED
@@ -10,6 +10,7 @@ require("./ToolbarSection.compiled.css");
10
10
  var React = _interopRequireWildcard(require("react"));
11
11
  var _runtime = require("@compiled/react/runtime");
12
12
  var _css = require("@atlaskit/css");
13
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
14
  var _compiled = require("@atlaskit/primitives/compiled");
14
15
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
15
16
  var SeparatorPosition = exports.SeparatorPosition = /*#__PURE__*/function (SeparatorPosition) {
@@ -21,12 +22,13 @@ var styles = {
21
22
  container: "_zulp1b66 _1e0c1txw _4cvr1h6o"
22
23
  };
23
24
  var separator = null;
25
+ var marginInlineOverridden = null;
24
26
  var ToolbarSeparator = function ToolbarSeparator() {
25
27
  return /*#__PURE__*/React.createElement("div", {
26
28
  "data-toolbar-component": "separator",
27
29
  role: "separator",
28
30
  "aria-orientation": "vertical",
29
- className: (0, _runtime.ax)(["_195gu2gc _4t3igktf _1bsbt94y _bfhk1l7x"])
31
+ className: (0, _runtime.ax)(["_195gu2gc _4t3igktf _1bsbt94y _bfhk1l7x", (0, _platformFeatureFlags.fg)('platform_editor_toolbar_aifc_undo_redo_confluence') && "_1p9bv77o"])
30
32
  });
31
33
  };
32
34
  var ToolbarSection = exports.ToolbarSection = function ToolbarSection(_ref) {
package/dist/es2019/ui/ResponsiveContainer.compiled.css CHANGED
@@ -15,17 +15,23 @@
15
15
  @container toolbar-container (max-width: 1024px){._19x4glyw._19x4glyw .show-above-xl{display:none}._qck01ule._qck01ule .show-below-xl{display:block}._t3a8glyw .show-above-xl{display:none}._1x5z1ule .show-below-xl{display:block}}
16
16
  @container toolbar-container (max-width: 210px){._j094glyw._j094glyw .show-above-sm{display:none}._1mc51ule._1mc51ule .show-below-sm{display:block}}
17
17
  @container toolbar-container (max-width: 280px){._3tohglyw._3tohglyw .show-above-sm{display:none}._b5je1ule._b5je1ule .show-below-sm{display:block}}
18
+ @container toolbar-container (max-width: 296px){._hs8tglyw._hs8tglyw .show-above-sm{display:none}._905a1ule._905a1ule .show-below-sm{display:block}}
18
19
  @container toolbar-container (max-width: 365px){._gp7jglyw._gp7jglyw .show-above-sm{display:none}._luyr1ule._luyr1ule .show-below-sm{display:block}}
19
20
  @container toolbar-container (max-width: 408px){._gipeglyw._gipeglyw .show-above-md{display:none}._311r1ule._311r1ule .show-below-md{display:block}}
20
21
  @container toolbar-container (max-width: 410px){._6nrqglyw .show-above-sm{display:none}._1fq21ule .show-below-sm{display:block}}
21
22
  @container toolbar-container (max-width: 420px){._1y2iglyw._1y2iglyw .show-above-md{display:none}._w3191ule._w3191ule .show-below-md{display:block}}
23
+ @container toolbar-container (max-width: 422px){._13hjglyw .show-above-sm{display:none}._1k421ule .show-below-sm{display:block}}
24
+ @container toolbar-container (max-width: 432px){._1jd6glyw._1jd6glyw .show-above-md{display:none}._qp9j1ule._qp9j1ule .show-below-md{display:block}}
22
25
  @container toolbar-container (max-width: 476px){._1ireglyw .show-above-md{display:none}._zy2m1ule .show-below-md{display:block}}
23
26
  @container toolbar-container (max-width: 500px){._1gcoglyw._1gcoglyw .show-above-md{display:none}._bx071ule._bx071ule .show-below-md{display:block}}
24
27
  @container toolbar-container (max-width: 575px){._11u4glyw._11u4glyw .show-above-lg{display:none}._v1i61ule._v1i61ule .show-below-lg{display:block}}
25
28
  @container toolbar-container (max-width: 630px){._dtzlglyw._dtzlglyw .show-above-lg{display:none}._5ur11ule._5ur11ule .show-below-lg{display:block}}
26
29
  @container toolbar-container (max-width: 648px){._4kfbglyw._4kfbglyw .show-above-lg{display:none}._j1h31ule._j1h31ule .show-below-lg{display:block}._e2nbglyw._e2nbglyw._e2nbglyw .show-above-lg{display:none}._ol4q1ule._ol4q1ule._ol4q1ule .show-below-lg{display:block}}
27
30
  @container toolbar-container (max-width: 650px){._tr9jglyw._tr9jglyw .show-above-lg{display:none}._1xve1ule._1xve1ule .show-below-lg{display:block}}
31
+ @container toolbar-container (max-width: 662px){._13ybglyw._13ybglyw .show-above-lg{display:none}._1il51ule._1il51ule .show-below-lg{display:block}}
32
+ @container toolbar-container (max-width: 722px){._1tj8glyw .show-above-md{display:none}._5wrm1ule .show-below-md{display:block}}
28
33
  @container toolbar-container (max-width: 768px){._hfbeglyw .show-above-lg{display:none}._gw6d1ule .show-below-lg{display:block}}
34
+ @container toolbar-container (max-width: 858px){._u8ktglyw .show-above-lg{display:none}._1pko1ule .show-below-lg{display:block}}
29
35
  @media (max-width:700px){._hmx4glyw .show-above-lg{display:none}._1rrm1ule .show-below-lg{display:block}}
30
36
  @media (max-width:533px){._ut18glyw .show-above-md{display:none}._1nwo1ule .show-below-md{display:block}}
31
37
  @media (max-width:365px){._19fzglyw .show-above-sm{display:none}._1r831ule .show-below-sm{display:block}}
package/dist/es2019/ui/ResponsiveContainer.js CHANGED
@@ -11,8 +11,8 @@ import { Box } from '@atlaskit/primitives/compiled';
11
11
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
12
12
  const styles = {
13
13
  responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw",
14
- fullpage: "_t3a8glyw _1x5z1ule _6nrqglyw _1fq21ule _1ireglyw _zy2m1ule _hfbeglyw _gw6d1ule",
15
- reduced: "_j094glyw _1mc51ule _gipeglyw _311r1ule _11u4glyw _v1i61ule _19x4glyw _qck01ule",
14
+ fullpage: "_t3a8glyw _1x5z1ule _13hjglyw _1k421ule _1tj8glyw _5wrm1ule _u8ktglyw _1pko1ule",
15
+ reduced: "_hs8tglyw _905a1ule _1jd6glyw _qp9j1ule _13ybglyw _1il51ule _19x4glyw _qck01ule",
16
16
  jiraIssue: "_3tohglyw _b5je1ule _1y2iglyw _w3191ule _tr9jglyw _1xve1ule _19x4glyw _qck01ule",
17
17
  jsmComment: "_gp7jglyw _luyr1ule _1gcoglyw _bx071ule _dtzlglyw _5ur11ule _19x4glyw _qck01ule",
18
18
  confluenceComment: "_j094glyw _1mc51ule _gipeglyw _311r1ule _4kfbglyw _j1h31ule _19x4glyw _qck01ule",
package/dist/es2019/ui/ToolbarDropdownItem.js CHANGED
@@ -6,6 +6,7 @@ import { cx } from '@atlaskit/css';
6
6
  import { DropdownItem } from '@atlaskit/dropdown-menu';
7
7
  import { Pressable } from '@atlaskit/primitives/compiled';
8
8
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
9
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
9
10
  import { useToolbarDropdownMenu } from './ToolbarDropdownMenuContext';
10
11
  const styles = {
11
12
  toolbarDropdownItem: "_11c82smr _18zrutpp _1rjc1b66 _1e0c1txw _kqswh2mm _bfhksm61 _1bsb1osq _1tkezwfg _1ul9eoa3 _syazazsu _1bas12b0 _1ah31i6y",
@@ -32,7 +33,7 @@ const CustomDropdownMenuItemButton = /*#__PURE__*/forwardRef(({
32
33
  "aria-pressed": ariaPressed,
33
34
  "aria-disabled": ariaDisabled,
34
35
  "aria-keyshortcuts": ariaKeyshortcuts,
35
- "data-toolbar-component": expValEquals('platform_synced_block', 'isEnabled', true) ? 'menu-item' : undefined,
36
+ "data-toolbar-component": editorExperiment('platform_synced_block', true) ? 'menu-item' : undefined,
36
37
  ref: ref
37
38
  }, children));
38
39
  export const ToolbarDropdownItem = ({
package/dist/es2019/ui/ToolbarSection.compiled.css CHANGED
@@ -4,4 +4,5 @@
4
4
  ._1e0c1txw{display:flex}
5
5
  ._4cvr1h6o{align-items:center}
6
6
  ._4t3igktf{height:20px}
7
- ._bfhk1l7x{background-color:var(--ds-border,#0b120e24)}
7
+ ._bfhk1l7x{background-color:var(--ds-border,#0b120e24)}
8
+ @container toolbar-container (max-width: 422px){._1p9bv77o{margin-inline:var(--ds-space-025,2px)}}
package/dist/es2019/ui/ToolbarSection.js CHANGED
@@ -3,6 +3,7 @@ import "./ToolbarSection.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { cx } from '@atlaskit/css';
6
+ import { fg } from '@atlaskit/platform-feature-flags';
6
7
  import { Box } from '@atlaskit/primitives/compiled';
7
8
  export let SeparatorPosition = /*#__PURE__*/function (SeparatorPosition) {
8
9
  SeparatorPosition["START"] = "start";
@@ -13,12 +14,13 @@ const styles = {
13
14
  container: "_zulp1b66 _1e0c1txw _4cvr1h6o"
14
15
  };
15
16
  const separator = null;
17
+ const marginInlineOverridden = null;
16
18
  const ToolbarSeparator = () => {
17
19
  return /*#__PURE__*/React.createElement("div", {
18
20
  "data-toolbar-component": "separator",
19
21
  role: "separator",
20
22
  "aria-orientation": "vertical",
21
- className: ax(["_195gu2gc _4t3igktf _1bsbt94y _bfhk1l7x"])
23
+ className: ax(["_195gu2gc _4t3igktf _1bsbt94y _bfhk1l7x", fg('platform_editor_toolbar_aifc_undo_redo_confluence') && "_1p9bv77o"])
22
24
  });
23
25
  };
24
26
  export const ToolbarSection = ({
package/dist/esm/ui/ResponsiveContainer.compiled.css CHANGED
@@ -15,17 +15,23 @@
15
15
  @container toolbar-container (max-width: 1024px){._19x4glyw._19x4glyw .show-above-xl{display:none}._qck01ule._qck01ule .show-below-xl{display:block}._t3a8glyw .show-above-xl{display:none}._1x5z1ule .show-below-xl{display:block}}
16
16
  @container toolbar-container (max-width: 210px){._j094glyw._j094glyw .show-above-sm{display:none}._1mc51ule._1mc51ule .show-below-sm{display:block}}
17
17
  @container toolbar-container (max-width: 280px){._3tohglyw._3tohglyw .show-above-sm{display:none}._b5je1ule._b5je1ule .show-below-sm{display:block}}
18
+ @container toolbar-container (max-width: 296px){._hs8tglyw._hs8tglyw .show-above-sm{display:none}._905a1ule._905a1ule .show-below-sm{display:block}}
18
19
  @container toolbar-container (max-width: 365px){._gp7jglyw._gp7jglyw .show-above-sm{display:none}._luyr1ule._luyr1ule .show-below-sm{display:block}}
19
20
  @container toolbar-container (max-width: 408px){._gipeglyw._gipeglyw .show-above-md{display:none}._311r1ule._311r1ule .show-below-md{display:block}}
20
21
  @container toolbar-container (max-width: 410px){._6nrqglyw .show-above-sm{display:none}._1fq21ule .show-below-sm{display:block}}
21
22
  @container toolbar-container (max-width: 420px){._1y2iglyw._1y2iglyw .show-above-md{display:none}._w3191ule._w3191ule .show-below-md{display:block}}
23
+ @container toolbar-container (max-width: 422px){._13hjglyw .show-above-sm{display:none}._1k421ule .show-below-sm{display:block}}
24
+ @container toolbar-container (max-width: 432px){._1jd6glyw._1jd6glyw .show-above-md{display:none}._qp9j1ule._qp9j1ule .show-below-md{display:block}}
22
25
  @container toolbar-container (max-width: 476px){._1ireglyw .show-above-md{display:none}._zy2m1ule .show-below-md{display:block}}
23
26
  @container toolbar-container (max-width: 500px){._1gcoglyw._1gcoglyw .show-above-md{display:none}._bx071ule._bx071ule .show-below-md{display:block}}
24
27
  @container toolbar-container (max-width: 575px){._11u4glyw._11u4glyw .show-above-lg{display:none}._v1i61ule._v1i61ule .show-below-lg{display:block}}
25
28
  @container toolbar-container (max-width: 630px){._dtzlglyw._dtzlglyw .show-above-lg{display:none}._5ur11ule._5ur11ule .show-below-lg{display:block}}
26
29
  @container toolbar-container (max-width: 648px){._4kfbglyw._4kfbglyw .show-above-lg{display:none}._j1h31ule._j1h31ule .show-below-lg{display:block}._e2nbglyw._e2nbglyw._e2nbglyw .show-above-lg{display:none}._ol4q1ule._ol4q1ule._ol4q1ule .show-below-lg{display:block}}
27
30
  @container toolbar-container (max-width: 650px){._tr9jglyw._tr9jglyw .show-above-lg{display:none}._1xve1ule._1xve1ule .show-below-lg{display:block}}
31
+ @container toolbar-container (max-width: 662px){._13ybglyw._13ybglyw .show-above-lg{display:none}._1il51ule._1il51ule .show-below-lg{display:block}}
32
+ @container toolbar-container (max-width: 722px){._1tj8glyw .show-above-md{display:none}._5wrm1ule .show-below-md{display:block}}
28
33
  @container toolbar-container (max-width: 768px){._hfbeglyw .show-above-lg{display:none}._gw6d1ule .show-below-lg{display:block}}
34
+ @container toolbar-container (max-width: 858px){._u8ktglyw .show-above-lg{display:none}._1pko1ule .show-below-lg{display:block}}
29
35
  @media (max-width:700px){._hmx4glyw .show-above-lg{display:none}._1rrm1ule .show-below-lg{display:block}}
30
36
  @media (max-width:533px){._ut18glyw .show-above-md{display:none}._1nwo1ule .show-below-md{display:block}}
31
37
  @media (max-width:365px){._19fzglyw .show-above-sm{display:none}._1r831ule .show-below-sm{display:block}}
package/dist/esm/ui/ResponsiveContainer.js CHANGED
@@ -11,8 +11,8 @@ import { Box } from '@atlaskit/primitives/compiled';
11
11
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
12
12
  var styles = {
13
13
  responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw",
14
- fullpage: "_t3a8glyw _1x5z1ule _6nrqglyw _1fq21ule _1ireglyw _zy2m1ule _hfbeglyw _gw6d1ule",
15
- reduced: "_j094glyw _1mc51ule _gipeglyw _311r1ule _11u4glyw _v1i61ule _19x4glyw _qck01ule",
14
+ fullpage: "_t3a8glyw _1x5z1ule _13hjglyw _1k421ule _1tj8glyw _5wrm1ule _u8ktglyw _1pko1ule",
15
+ reduced: "_hs8tglyw _905a1ule _1jd6glyw _qp9j1ule _13ybglyw _1il51ule _19x4glyw _qck01ule",
16
16
  jiraIssue: "_3tohglyw _b5je1ule _1y2iglyw _w3191ule _tr9jglyw _1xve1ule _19x4glyw _qck01ule",
17
17
  jsmComment: "_gp7jglyw _luyr1ule _1gcoglyw _bx071ule _dtzlglyw _5ur11ule _19x4glyw _qck01ule",
18
18
  confluenceComment: "_j094glyw _1mc51ule _gipeglyw _311r1ule _4kfbglyw _j1h31ule _19x4glyw _qck01ule",
package/dist/esm/ui/ToolbarDropdownItem.js CHANGED
@@ -9,6 +9,7 @@ import { cx } from '@atlaskit/css';
9
9
  import { DropdownItem } from '@atlaskit/dropdown-menu';
10
10
  import { Pressable } from '@atlaskit/primitives/compiled';
11
11
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
12
+ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
12
13
  import { useToolbarDropdownMenu } from './ToolbarDropdownMenuContext';
13
14
  var styles = {
14
15
  toolbarDropdownItem: "_11c82smr _18zrutpp _1rjc1b66 _1e0c1txw _kqswh2mm _bfhksm61 _1bsb1osq _1tkezwfg _1ul9eoa3 _syazazsu _1bas12b0 _1ah31i6y",
@@ -35,7 +36,7 @@ var CustomDropdownMenuItemButton = /*#__PURE__*/forwardRef(function (_ref, ref)
35
36
  "aria-pressed": ariaPressed,
36
37
  "aria-disabled": ariaDisabled,
37
38
  "aria-keyshortcuts": ariaKeyshortcuts,
38
- "data-toolbar-component": expValEquals('platform_synced_block', 'isEnabled', true) ? 'menu-item' : undefined,
39
+ "data-toolbar-component": editorExperiment('platform_synced_block', true) ? 'menu-item' : undefined,
39
40
  ref: ref
40
41
  }, children);
41
42
  });
package/dist/esm/ui/ToolbarSection.compiled.css CHANGED
@@ -4,4 +4,5 @@
4
4
  ._1e0c1txw{display:flex}
5
5
  ._4cvr1h6o{align-items:center}
6
6
  ._4t3igktf{height:20px}
7
- ._bfhk1l7x{background-color:var(--ds-border,#0b120e24)}
7
+ ._bfhk1l7x{background-color:var(--ds-border,#0b120e24)}
8
+ @container toolbar-container (max-width: 422px){._1p9bv77o{margin-inline:var(--ds-space-025,2px)}}
package/dist/esm/ui/ToolbarSection.js CHANGED
@@ -3,6 +3,7 @@ import "./ToolbarSection.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { cx } from '@atlaskit/css';
6
+ import { fg } from '@atlaskit/platform-feature-flags';
6
7
  import { Box } from '@atlaskit/primitives/compiled';
7
8
  export var SeparatorPosition = /*#__PURE__*/function (SeparatorPosition) {
8
9
  SeparatorPosition["START"] = "start";
@@ -13,12 +14,13 @@ var styles = {
13
14
  container: "_zulp1b66 _1e0c1txw _4cvr1h6o"
14
15
  };
15
16
  var separator = null;
17
+ var marginInlineOverridden = null;
16
18
  var ToolbarSeparator = function ToolbarSeparator() {
17
19
  return /*#__PURE__*/React.createElement("div", {
18
20
  "data-toolbar-component": "separator",
19
21
  role: "separator",
20
22
  "aria-orientation": "vertical",
21
- className: ax(["_195gu2gc _4t3igktf _1bsbt94y _bfhk1l7x"])
23
+ className: ax(["_195gu2gc _4t3igktf _1bsbt94y _bfhk1l7x", fg('platform_editor_toolbar_aifc_undo_redo_confluence') && "_1p9bv77o"])
22
24
  });
23
25
  };
24
26
  export var ToolbarSection = function ToolbarSection(_ref) {
package/dist/types/index.d.ts CHANGED
@@ -12,7 +12,7 @@ export { ToolbarTooltip } from './ui/ToolbarTooltip';
12
12
  export { ToolbarColorSwatch } from './ui/ToolbarColorSwatch';
13
13
  export { useToolbarDropdownMenu, ToolbarDropdownMenuProvider, } from './ui/ToolbarDropdownMenuContext';
14
14
  export { ResponsiveContainer, type BreakpointPreset } from './ui/ResponsiveContainer';
15
- export { Show } from './ui/Show';
15
+ export { Show, type Breakpoint } from './ui/Show';
16
16
  export { AIAdjustLengthIcon } from './ui/icons/AIAdjustLengthIcon';
17
17
  export { AIChatIcon } from './ui/icons/AIChatIcon';
18
18
  export { AIBriefcaseIcon } from './ui/icons/AIProfessionalIcon';
package/dist/types/ui/Show.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React, { type ReactNode } from 'react';
2
- type Breakpoint = 'sm' | 'md' | 'lg' | 'xl';
2
+ export type Breakpoint = 'sm' | 'md' | 'lg' | 'xl';
3
3
  type AboveProp = {
4
4
  above: Breakpoint;
5
5
  below?: never;
package/dist/types-ts4.5/index.d.ts CHANGED
@@ -12,7 +12,7 @@ export { ToolbarTooltip } from './ui/ToolbarTooltip';
12
12
  export { ToolbarColorSwatch } from './ui/ToolbarColorSwatch';
13
13
  export { useToolbarDropdownMenu, ToolbarDropdownMenuProvider, } from './ui/ToolbarDropdownMenuContext';
14
14
  export { ResponsiveContainer, type BreakpointPreset } from './ui/ResponsiveContainer';
15
- export { Show } from './ui/Show';
15
+ export { Show, type Breakpoint } from './ui/Show';
16
16
  export { AIAdjustLengthIcon } from './ui/icons/AIAdjustLengthIcon';
17
17
  export { AIChatIcon } from './ui/icons/AIChatIcon';
18
18
  export { AIBriefcaseIcon } from './ui/icons/AIProfessionalIcon';
package/dist/types-ts4.5/ui/Show.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React, { type ReactNode } from 'react';
2
- type Breakpoint = 'sm' | 'md' | 'lg' | 'xl';
2
+ export type Breakpoint = 'sm' | 'md' | 'lg' | 'xl';
3
3
  type AboveProp = {
4
4
  above: Breakpoint;
5
5
  below?: never;
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org/"
5
5
  },
6
- "version": "0.17.11",
6
+ "version": "0.17.13",
7
7
  "description": "Common UI for Toolbars across the platform",
8
8
  "atlassian": {
9
9
  "team": "Editor: Jenga",
@@ -23,18 +23,15 @@
23
23
  "dependencies": {
24
24
  "@atlaskit/badge": "^18.2.0",
25
25
  "@atlaskit/browser-apis": "^0.0.1",
26
- "@atlaskit/button": "^23.6.0",
27
26
  "@atlaskit/css": "^0.17.0",
28
27
  "@atlaskit/dropdown-menu": "^16.3.0",
29
28
  "@atlaskit/icon": "^29.0.0",
30
29
  "@atlaskit/icon-lab": "^5.12.0",
31
- "@atlaskit/logo": "^19.9.0",
32
30
  "@atlaskit/platform-feature-flags": "^1.1.0",
33
- "@atlaskit/platform-feature-flags-react": "^0.4.0",
34
31
  "@atlaskit/popup": "^4.6.0",
35
- "@atlaskit/primitives": "^16.3.0",
36
- "@atlaskit/tmp-editor-statsig": "^13.42.0",
37
- "@atlaskit/tokens": "^8.3.0",
32
+ "@atlaskit/primitives": "^16.4.0",
33
+ "@atlaskit/tmp-editor-statsig": "^14.1.0",
34
+ "@atlaskit/tokens": "^8.4.0",
38
35
  "@atlaskit/tooltip": "^20.10.0",
39
36
  "@babel/runtime": "^7.0.0",
40
37
  "@compiled/react": "^0.18.6",
@@ -45,9 +42,6 @@
45
42
  "react-intl-next": "npm:react-intl@^5.18.1"
46
43
  },
47
44
  "devDependencies": {
48
- "@af/integration-testing": "workspace:^",
49
- "@af/visual-regression": "workspace:^",
50
- "@atlaskit/ssr": "workspace:^",
51
45
  "@testing-library/react": "^13.4.0",
52
46
  "react-dom": "^18.2.0"
53
47
  },
@@ -92,6 +86,9 @@
92
86
  },
93
87
  "platform_editor_toolbar_aifc_responsive_improve": {
94
88
  "type": "boolean"
89
+ },
90
+ "platform_editor_toolbar_aifc_undo_redo_confluence": {
91
+ "type": "boolean"
95
92
  }
96
93
  }
97
94
  }