@atlaskit/editor-toolbar 2.8.22 → 2.8.24

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 (11) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/ui/ToolbarButton.js +3 -4
  3. package/dist/cjs/ui/ToolbarButtonGroup.compiled.css +1 -2
  4. package/dist/cjs/ui/ToolbarButtonGroup.js +2 -4
  5. package/dist/es2019/ui/ToolbarButton.js +3 -4
  6. package/dist/es2019/ui/ToolbarButtonGroup.compiled.css +1 -2
  7. package/dist/es2019/ui/ToolbarButtonGroup.js +2 -4
  8. package/dist/esm/ui/ToolbarButton.js +3 -4
  9. package/dist/esm/ui/ToolbarButtonGroup.compiled.css +1 -2
  10. package/dist/esm/ui/ToolbarButtonGroup.js +2 -4
  11. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-toolbar
2
2
 
3
+ ## 2.8.24
4
+
5
+ ### Patch Changes
6
+
7
+ - [`fe1c8168637b6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fe1c8168637b6) -
8
+ Clean up experiment `jira_editor_a11y_toolbar_fixes`
9
+ - Updated dependencies
10
+
11
+ ## 2.8.23
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 2.8.22
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/ui/ToolbarButton.js CHANGED
@@ -11,7 +11,6 @@ var _runtime = require("@compiled/react/runtime");
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var _css = require("@atlaskit/css");
13
13
  var _compiled = require("@atlaskit/primitives/compiled");
14
- var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
15
14
  var _uiContext = require("../hooks/ui-context");
16
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); }
17
16
  var styles = {
@@ -47,8 +46,8 @@ var ToolbarButton = exports.ToolbarButton = /*#__PURE__*/(0, _react.forwardRef)(
47
46
  return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
48
47
  ref: ref,
49
48
  xcss: (0, _css.cx)(styles.button, disabled ? styles.disabled : isSelected ? styles.selected : styles.enabled),
50
- "aria-pressed": (0, _expValEquals.expValEquals)('jira_editor_a11y_toolbar_fixes', 'isEnabled', true) ? Boolean(ariaHasPopup) ? undefined // No aria-pressed for dropdown buttons
51
- : isSelected : isSelected,
49
+ "aria-pressed": Boolean(ariaHasPopup) ? undefined // No aria-pressed for dropdown buttons
50
+ : isSelected,
52
51
  "aria-expanded": ariaExpanded,
53
52
  "aria-haspopup": ariaHasPopup,
54
53
  "aria-controls": ariaControls,
@@ -69,7 +68,7 @@ var ToolbarButton = exports.ToolbarButton = /*#__PURE__*/(0, _react.forwardRef)(
69
68
  }
70
69
  },
71
70
  "data-toolbar-component": "button",
72
- "data-selected": (0, _expValEquals.expValEquals)('jira_editor_a11y_toolbar_fixes', 'isEnabled', true) ? isSelected : undefined,
71
+ "data-selected": isSelected,
73
72
  interactionName: interactionName
74
73
  }, iconBefore, children);
75
74
  });
package/dist/cjs/ui/ToolbarButtonGroup.compiled.css CHANGED
@@ -1,6 +1,5 @@
1
1
  ._zulpv77o{gap:var(--ds-space-025,2px)}
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)}
3
- ._15rdidpf [data-toolbar-component=button]{border-top-left-radius:0}
2
+ ._19pe12x7 [data-toolbar-component=button]{padding-inline:var(--ds-space-075,6px)}._15rdidpf [data-toolbar-component=button]{border-top-left-radius:0}
4
3
  ._1e0c1txw{display:flex}
5
4
  ._1gt41dpa:has([data-toolbar-component=button]:not([data-selected=true]):not([disabled]):hover) [data-toolbar-component=button]:not([data-selected=true]):not([disabled]):not(:hover){background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
6
5
  ._1qq0idpf [data-toolbar-component=button]{border-top-right-radius:0}
package/dist/cjs/ui/ToolbarButtonGroup.js CHANGED
@@ -11,11 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
11
11
  var React = _react;
12
12
  var _runtime = require("@compiled/react/runtime");
13
13
  var _compiled = require("@atlaskit/primitives/compiled");
14
- var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
15
14
  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); }
16
15
  var styles = {
17
- container: "_zulpv77o _1e0c1txw _14jy1dpa",
18
- containerWithA11yToolbarFixes: "_zulpv77o _1e0c1txw _1gt41dpa",
16
+ container: "_zulpv77o _1e0c1txw _1gt41dpa",
19
17
  firstChild: "_19pe12x7 _1qq0idpf _3nesidpf",
20
18
  lastChild: "_19pe12x7 _15rdidpf _i84vidpf"
21
19
  };
@@ -28,7 +26,7 @@ var ToolbarButtonGroup = exports.ToolbarButtonGroup = function ToolbarButtonGrou
28
26
  var lastChild = items[items.length - 1];
29
27
  var middleChildren = items.slice(1, -1);
30
28
  return /*#__PURE__*/React.createElement(_compiled.Box, {
31
- xcss: (0, _expValEquals.expValEquals)('jira_editor_a11y_toolbar_fixes', 'isEnabled', true) ? styles.containerWithA11yToolbarFixes : styles.container,
29
+ xcss: styles.container,
32
30
  "data-toolbar-component": "button-group"
33
31
  }, items.length <= 1 ? children : /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
34
32
  className: (0, _runtime.ax)([styles.firstChild])
package/dist/es2019/ui/ToolbarButton.js CHANGED
@@ -4,7 +4,6 @@ import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { forwardRef } from 'react';
5
5
  import { cx } from '@atlaskit/css';
6
6
  import { Pressable } from '@atlaskit/primitives/compiled';
7
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
8
7
  import { useToolbarUI } from '../hooks/ui-context';
9
8
  const styles = {
10
9
  button: "_zulp12x7 _2rko12b0 _11c8fhey _1e0c1txw _bfhksm61 _o5721q9c _4cvr1h6o _1bah1h6o _1tke1f4h _syazazsu _19bvu2gc _u5f3u2gc _1ah3idpf _g0pbkb7n _oh03h2mm",
@@ -41,8 +40,8 @@ export const ToolbarButton = /*#__PURE__*/forwardRef(({
41
40
  return /*#__PURE__*/React.createElement(Pressable, {
42
41
  ref: ref,
43
42
  xcss: cx(styles.button, disabled ? styles.disabled : isSelected ? styles.selected : styles.enabled),
44
- "aria-pressed": expValEquals('jira_editor_a11y_toolbar_fixes', 'isEnabled', true) ? Boolean(ariaHasPopup) ? undefined // No aria-pressed for dropdown buttons
45
- : isSelected : isSelected,
43
+ "aria-pressed": Boolean(ariaHasPopup) ? undefined // No aria-pressed for dropdown buttons
44
+ : isSelected,
46
45
  "aria-expanded": ariaExpanded,
47
46
  "aria-haspopup": ariaHasPopup,
48
47
  "aria-controls": ariaControls,
@@ -63,7 +62,7 @@ export const ToolbarButton = /*#__PURE__*/forwardRef(({
63
62
  }
64
63
  },
65
64
  "data-toolbar-component": "button",
66
- "data-selected": expValEquals('jira_editor_a11y_toolbar_fixes', 'isEnabled', true) ? isSelected : undefined,
65
+ "data-selected": isSelected,
67
66
  interactionName: interactionName
68
67
  }, iconBefore, children);
69
68
  });
package/dist/es2019/ui/ToolbarButtonGroup.compiled.css CHANGED
@@ -1,6 +1,5 @@
1
1
  ._zulpv77o{gap:var(--ds-space-025,2px)}
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)}
3
- ._15rdidpf [data-toolbar-component=button]{border-top-left-radius:0}
2
+ ._19pe12x7 [data-toolbar-component=button]{padding-inline:var(--ds-space-075,6px)}._15rdidpf [data-toolbar-component=button]{border-top-left-radius:0}
4
3
  ._1e0c1txw{display:flex}
5
4
  ._1gt41dpa:has([data-toolbar-component=button]:not([data-selected=true]):not([disabled]):hover) [data-toolbar-component=button]:not([data-selected=true]):not([disabled]):not(:hover){background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
6
5
  ._1qq0idpf [data-toolbar-component=button]{border-top-right-radius:0}
package/dist/es2019/ui/ToolbarButtonGroup.js CHANGED
@@ -4,10 +4,8 @@ import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { Children, Fragment } from 'react';
6
6
  import { Box } from '@atlaskit/primitives/compiled';
7
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
8
7
  const styles = {
9
- container: "_zulpv77o _1e0c1txw _14jy1dpa",
10
- containerWithA11yToolbarFixes: "_zulpv77o _1e0c1txw _1gt41dpa",
8
+ container: "_zulpv77o _1e0c1txw _1gt41dpa",
11
9
  firstChild: "_19pe12x7 _1qq0idpf _3nesidpf",
12
10
  lastChild: "_19pe12x7 _15rdidpf _i84vidpf"
13
11
  };
@@ -21,7 +19,7 @@ export const ToolbarButtonGroup = ({
21
19
  const lastChild = items[items.length - 1];
22
20
  const middleChildren = items.slice(1, -1);
23
21
  return /*#__PURE__*/React.createElement(Box, {
24
- xcss: expValEquals('jira_editor_a11y_toolbar_fixes', 'isEnabled', true) ? styles.containerWithA11yToolbarFixes : styles.container,
22
+ xcss: styles.container,
25
23
  "data-toolbar-component": "button-group"
26
24
  }, items.length <= 1 ? children : /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
27
25
  className: ax([styles.firstChild])
package/dist/esm/ui/ToolbarButton.js CHANGED
@@ -4,7 +4,6 @@ import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { forwardRef } from 'react';
5
5
  import { cx } from '@atlaskit/css';
6
6
  import { Pressable } from '@atlaskit/primitives/compiled';
7
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
8
7
  import { useToolbarUI } from '../hooks/ui-context';
9
8
  var styles = {
10
9
  button: "_zulp12x7 _2rko12b0 _11c8fhey _1e0c1txw _bfhksm61 _o5721q9c _4cvr1h6o _1bah1h6o _1tke1f4h _syazazsu _19bvu2gc _u5f3u2gc _1ah3idpf _g0pbkb7n _oh03h2mm",
@@ -39,8 +38,8 @@ export var ToolbarButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
39
38
  return /*#__PURE__*/React.createElement(Pressable, {
40
39
  ref: ref,
41
40
  xcss: cx(styles.button, disabled ? styles.disabled : isSelected ? styles.selected : styles.enabled),
42
- "aria-pressed": expValEquals('jira_editor_a11y_toolbar_fixes', 'isEnabled', true) ? Boolean(ariaHasPopup) ? undefined // No aria-pressed for dropdown buttons
43
- : isSelected : isSelected,
41
+ "aria-pressed": Boolean(ariaHasPopup) ? undefined // No aria-pressed for dropdown buttons
42
+ : isSelected,
44
43
  "aria-expanded": ariaExpanded,
45
44
  "aria-haspopup": ariaHasPopup,
46
45
  "aria-controls": ariaControls,
@@ -61,7 +60,7 @@ export var ToolbarButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
61
60
  }
62
61
  },
63
62
  "data-toolbar-component": "button",
64
- "data-selected": expValEquals('jira_editor_a11y_toolbar_fixes', 'isEnabled', true) ? isSelected : undefined,
63
+ "data-selected": isSelected,
65
64
  interactionName: interactionName
66
65
  }, iconBefore, children);
67
66
  });
package/dist/esm/ui/ToolbarButtonGroup.compiled.css CHANGED
@@ -1,6 +1,5 @@
1
1
  ._zulpv77o{gap:var(--ds-space-025,2px)}
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)}
3
- ._15rdidpf [data-toolbar-component=button]{border-top-left-radius:0}
2
+ ._19pe12x7 [data-toolbar-component=button]{padding-inline:var(--ds-space-075,6px)}._15rdidpf [data-toolbar-component=button]{border-top-left-radius:0}
4
3
  ._1e0c1txw{display:flex}
5
4
  ._1gt41dpa:has([data-toolbar-component=button]:not([data-selected=true]):not([disabled]):hover) [data-toolbar-component=button]:not([data-selected=true]):not([disabled]):not(:hover){background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
6
5
  ._1qq0idpf [data-toolbar-component=button]{border-top-right-radius:0}
package/dist/esm/ui/ToolbarButtonGroup.js CHANGED
@@ -4,10 +4,8 @@ import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { Children, Fragment } from 'react';
6
6
  import { Box } from '@atlaskit/primitives/compiled';
7
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
8
7
  var styles = {
9
- container: "_zulpv77o _1e0c1txw _14jy1dpa",
10
- containerWithA11yToolbarFixes: "_zulpv77o _1e0c1txw _1gt41dpa",
8
+ container: "_zulpv77o _1e0c1txw _1gt41dpa",
11
9
  firstChild: "_19pe12x7 _1qq0idpf _3nesidpf",
12
10
  lastChild: "_19pe12x7 _15rdidpf _i84vidpf"
13
11
  };
@@ -20,7 +18,7 @@ export var ToolbarButtonGroup = function ToolbarButtonGroup(_ref) {
20
18
  var lastChild = items[items.length - 1];
21
19
  var middleChildren = items.slice(1, -1);
22
20
  return /*#__PURE__*/React.createElement(Box, {
23
- xcss: expValEquals('jira_editor_a11y_toolbar_fixes', 'isEnabled', true) ? styles.containerWithA11yToolbarFixes : styles.container,
21
+ xcss: styles.container,
24
22
  "data-toolbar-component": "button-group"
25
23
  }, items.length <= 1 ? children : /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
26
24
  className: ax([styles.firstChild])
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org/"
5
5
  },
6
- "version": "2.8.22",
6
+ "version": "2.8.24",
7
7
  "description": "Common UI for Toolbars across the platform",
8
8
  "atlassian": {
9
9
  "website": {
@@ -45,8 +45,8 @@
45
45
  "@atlaskit/popup": "^9.0.0",
46
46
  "@atlaskit/primitives": "^22.5.0",
47
47
  "@atlaskit/react-compiler-gating": "^0.2.0",
48
- "@atlaskit/tmp-editor-statsig": "^227.0.0",
49
- "@atlaskit/tokens": "^20.3.0",
48
+ "@atlaskit/tmp-editor-statsig": "^229.0.0",
49
+ "@atlaskit/tokens": "^20.4.0",
50
50
  "@atlaskit/tooltip": "^24.4.0",
51
51
  "@babel/runtime": "^7.0.0",
52
52
  "@compiled/react": "^1.0.2",