@atlaskit/editor-toolbar 0.7.0 → 0.7.2

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/editor-toolbar
2
2
 
3
+ ## 0.7.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`255837cfba315`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/255837cfba315) -
8
+ Internal changes to how border radius is applied.
9
+ - Updated dependencies
10
+
11
+ ## 0.7.1
12
+
13
+ ### Patch Changes
14
+
15
+ - [`5ad508732d50d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5ad508732d50d) -
16
+ [ux] ED-28783 [Responsiveness] Update AI improve description toolbar button on editor and fix
17
+ focus issue on ColorPalette
18
+ - Updated dependencies
19
+
3
20
  ## 0.7.0
4
21
 
5
22
  ### Minor Changes
@@ -308,8 +308,7 @@ var ColorPalette = function ColorPalette(_ref) {
308
308
  checkMarkColor: getCheckMarkColor(value, useIconToken),
309
309
  hexToPaletteColor: hexToPaletteColor,
310
310
  decorator: decorator,
311
- tabIndex: shouldBeFocusable ? 0 : -1,
312
- autoFocus: isSelectedColor && rowIndex === selectedRowIndex && colIndex === selectedColumnIndex
311
+ tabIndex: shouldBeFocusable ? 0 : -1
313
312
  });
314
313
  }));
315
314
  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, colorsPerRow.map(function (row) {
@@ -10,7 +10,7 @@
10
10
  ._kqswh2mm{position:relative}
11
11
  ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
12
12
  ._syazaqb7{color:var(--ds-text-selected,#0c66e4)}
13
- ._1basglpi:focus-visible{border-radius:var(--ds-border-radius,4px)}
13
+ ._1bas12b0:focus-visible{border-radius:var(--ds-radius-small,4px)}
14
14
  ._1ah31i6y:focus-visible{outline-offset:var(--ds-space-negative-025,-2px)}
15
15
  ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
16
16
  ._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
@@ -16,7 +16,7 @@ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
16
16
  var _ToolbarDropdownMenuContext = require("./ToolbarDropdownMenuContext");
17
17
  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); }
18
18
  var styles = {
19
- toolbarDropdownItem: "_18zrpxbi _1rjcu2gc _1e0c1txw _kqswh2mm _bfhksm61 _1bsb1osq _1tke14no _1ul9163w _1basglpi _1ah31i6y",
19
+ toolbarDropdownItem: "_18zrpxbi _1rjcu2gc _1e0c1txw _kqswh2mm _bfhksm61 _1bsb1osq _1tke14no _1ul9163w _1bas12b0 _1ah31i6y",
20
20
  enabled: "_irr3166n _1di61dty",
21
21
  disabled: "_syaz1lh4 _80om13gf",
22
22
  selected: "_bfhkfg4m _syazaqb7 _irr3i1yw _1di619ru"
@@ -303,8 +303,7 @@ const ColorPalette = ({
303
303
  checkMarkColor: getCheckMarkColor(value, useIconToken),
304
304
  hexToPaletteColor: hexToPaletteColor,
305
305
  decorator: decorator,
306
- tabIndex: shouldBeFocusable ? 0 : -1,
307
- autoFocus: isSelectedColor && rowIndex === selectedRowIndex && colIndex === selectedColumnIndex
306
+ tabIndex: shouldBeFocusable ? 0 : -1
308
307
  });
309
308
  })))) : /*#__PURE__*/React.createElement(React.Fragment, null, colorsPerRow.map(row => /*#__PURE__*/React.createElement(Box, {
310
309
  xcss: styles.paletteWrapper,
@@ -10,7 +10,7 @@
10
10
  ._kqswh2mm{position:relative}
11
11
  ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
12
12
  ._syazaqb7{color:var(--ds-text-selected,#0c66e4)}
13
- ._1basglpi:focus-visible{border-radius:var(--ds-border-radius,4px)}
13
+ ._1bas12b0:focus-visible{border-radius:var(--ds-radius-small,4px)}
14
14
  ._1ah31i6y:focus-visible{outline-offset:var(--ds-space-negative-025,-2px)}
15
15
  ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
16
16
  ._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
@@ -8,7 +8,7 @@ import { Pressable } from '@atlaskit/primitives/compiled';
8
8
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
9
9
  import { useToolbarDropdownMenuNew } from './ToolbarDropdownMenuContext';
10
10
  const styles = {
11
- toolbarDropdownItem: "_18zrpxbi _1rjcu2gc _1e0c1txw _kqswh2mm _bfhksm61 _1bsb1osq _1tke14no _1ul9163w _1basglpi _1ah31i6y",
11
+ toolbarDropdownItem: "_18zrpxbi _1rjcu2gc _1e0c1txw _kqswh2mm _bfhksm61 _1bsb1osq _1tke14no _1ul9163w _1bas12b0 _1ah31i6y",
12
12
  enabled: "_irr3166n _1di61dty",
13
13
  disabled: "_syaz1lh4 _80om13gf",
14
14
  selected: "_bfhkfg4m _syazaqb7 _irr3i1yw _1di619ru"
@@ -299,8 +299,7 @@ var ColorPalette = function ColorPalette(_ref) {
299
299
  checkMarkColor: getCheckMarkColor(value, useIconToken),
300
300
  hexToPaletteColor: hexToPaletteColor,
301
301
  decorator: decorator,
302
- tabIndex: shouldBeFocusable ? 0 : -1,
303
- autoFocus: isSelectedColor && rowIndex === selectedRowIndex && colIndex === selectedColumnIndex
302
+ tabIndex: shouldBeFocusable ? 0 : -1
304
303
  });
305
304
  }));
306
305
  })) : /*#__PURE__*/React.createElement(React.Fragment, null, colorsPerRow.map(function (row) {
@@ -10,7 +10,7 @@
10
10
  ._kqswh2mm{position:relative}
11
11
  ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
12
12
  ._syazaqb7{color:var(--ds-text-selected,#0c66e4)}
13
- ._1basglpi:focus-visible{border-radius:var(--ds-border-radius,4px)}
13
+ ._1bas12b0:focus-visible{border-radius:var(--ds-radius-small,4px)}
14
14
  ._1ah31i6y:focus-visible{outline-offset:var(--ds-space-negative-025,-2px)}
15
15
  ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
16
16
  ._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
@@ -8,7 +8,7 @@ import { Pressable } from '@atlaskit/primitives/compiled';
8
8
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
9
9
  import { useToolbarDropdownMenuNew } from './ToolbarDropdownMenuContext';
10
10
  var styles = {
11
- toolbarDropdownItem: "_18zrpxbi _1rjcu2gc _1e0c1txw _kqswh2mm _bfhksm61 _1bsb1osq _1tke14no _1ul9163w _1basglpi _1ah31i6y",
11
+ toolbarDropdownItem: "_18zrpxbi _1rjcu2gc _1e0c1txw _kqswh2mm _bfhksm61 _1bsb1osq _1tke14no _1ul9163w _1bas12b0 _1ah31i6y",
12
12
  enabled: "_irr3166n _1di61dty",
13
13
  disabled: "_syaz1lh4 _80om13gf",
14
14
  selected: "_bfhkfg4m _syazaqb7 _irr3i1yw _1di619ru"
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org/"
5
5
  },
6
- "version": "0.7.0",
6
+ "version": "0.7.2",
7
7
  "description": "Common UI for Toolbars across the platform",
8
8
  "atlassian": {
9
9
  "team": "Editor: Jenga",