@atlaskit/editor-toolbar 0.8.0 → 0.8.1

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 (32) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/ui/Toolbar.compiled.css +1 -0
  3. package/dist/cjs/ui/Toolbar.js +2 -2
  4. package/dist/cjs/ui/ToolbarButton.compiled.css +3 -3
  5. package/dist/cjs/ui/ToolbarButton.js +1 -1
  6. package/dist/cjs/ui/ToolbarDropdownItem.compiled.css +6 -4
  7. package/dist/cjs/ui/ToolbarDropdownItem.js +1 -1
  8. package/dist/cjs/ui/ToolbarDropdownMenu.compiled.css +1 -1
  9. package/dist/cjs/ui/ToolbarDropdownMenu.js +1 -1
  10. package/dist/cjs/ui/icons/TextColorIcon.compiled.css +1 -1
  11. package/dist/cjs/ui/icons/TextColorIcon.js +1 -1
  12. package/dist/es2019/ui/Toolbar.compiled.css +1 -0
  13. package/dist/es2019/ui/Toolbar.js +2 -2
  14. package/dist/es2019/ui/ToolbarButton.compiled.css +3 -3
  15. package/dist/es2019/ui/ToolbarButton.js +1 -1
  16. package/dist/es2019/ui/ToolbarDropdownItem.compiled.css +6 -4
  17. package/dist/es2019/ui/ToolbarDropdownItem.js +1 -1
  18. package/dist/es2019/ui/ToolbarDropdownMenu.compiled.css +1 -1
  19. package/dist/es2019/ui/ToolbarDropdownMenu.js +1 -1
  20. package/dist/es2019/ui/icons/TextColorIcon.compiled.css +1 -1
  21. package/dist/es2019/ui/icons/TextColorIcon.js +1 -1
  22. package/dist/esm/ui/Toolbar.compiled.css +1 -0
  23. package/dist/esm/ui/Toolbar.js +2 -2
  24. package/dist/esm/ui/ToolbarButton.compiled.css +3 -3
  25. package/dist/esm/ui/ToolbarButton.js +1 -1
  26. package/dist/esm/ui/ToolbarDropdownItem.compiled.css +6 -4
  27. package/dist/esm/ui/ToolbarDropdownItem.js +1 -1
  28. package/dist/esm/ui/ToolbarDropdownMenu.compiled.css +1 -1
  29. package/dist/esm/ui/ToolbarDropdownMenu.js +1 -1
  30. package/dist/esm/ui/icons/TextColorIcon.compiled.css +1 -1
  31. package/dist/esm/ui/icons/TextColorIcon.js +1 -1
  32. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/editor-toolbar
2
2
 
3
+ ## 0.8.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`555ac8f256674`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/555ac8f256674) -
8
+ Update menu item icon size to small, tweak paddings and font styles
9
+
3
10
  ## 0.8.0
4
11
 
5
12
  ### Minor Changes
package/dist/cjs/ui/Toolbar.compiled.css CHANGED
@@ -7,6 +7,7 @@
7
7
  ._1tkezwfg{min-height:2pc}
8
8
  ._4cvr1h6o{align-items:center}
9
9
  ._4t3i14no{height:36px}
10
+ ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
10
11
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
11
12
  ._fy9oglyw [data-toolbar-component=section]:not(:has([data-toolbar-component=button])){display:none}
12
13
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
package/dist/cjs/ui/Toolbar.js CHANGED
@@ -16,8 +16,8 @@ var _compiled = require("@atlaskit/primitives/compiled");
16
16
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
17
17
  var _ResponsiveContainer = require("./ResponsiveContainer");
18
18
  var styles = {
19
- toolbarBase: "_2rko1qi0 _zulp1b66 _bfhkvuon _1e0c1txw _4cvr1h6o",
20
- toolbar: "_4t3i14no _u5f31b66 _19bv1b66 _16qs1cd0",
19
+ toolbarBase: "_2rko1qi0 _zulp1b66 _1e0c1txw _4cvr1h6o",
20
+ toolbar: "_bfhk1bhr _4t3i14no _u5f31b66 _19bv1b66 _16qs1cd0",
21
21
  primaryToolbar: "_bfhkvuon _1tkezwfg",
22
22
  hiddenSelectors: "_fy9oglyw _18shglyw _ze7rglyw"
23
23
  };
package/dist/cjs/ui/ToolbarButton.compiled.css CHANGED
@@ -1,6 +1,7 @@
1
-
1
+ ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
- ._zulp12x7{gap:var(--ds-space-075,6px)}._19bvu2gc{padding-left:var(--ds-space-100,8px)}
3
+ ._zulp12x7{gap:var(--ds-space-075,6px)}
4
+ ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
4
5
  ._1bah1h6o{justify-content:center}
5
6
  ._1e0c1txw{display:flex}
6
7
  ._1tke1f4h{min-height:28px}
@@ -8,7 +9,6 @@
8
9
  ._80om13gf{cursor:not-allowed}
9
10
  ._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
10
11
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
11
- ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
12
12
  ._o5721q9c{white-space:nowrap}
13
13
  ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
14
14
  ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
package/dist/cjs/ui/ToolbarButton.js CHANGED
@@ -14,7 +14,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
14
14
  var _uiContext = require("../hooks/ui-context");
15
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); }
16
16
  var styles = {
17
- button: "_zulp12x7 _2rko12b0 _1e0c1txw _bfhksm61 _o5721q9c _4cvr1h6o _1bah1h6o _1tke1f4h _syaz1gjq _k48p1wq8 _19bvu2gc _u5f3u2gc _1ah3idpf _g0pbkb7n _oh03h2mm",
17
+ button: "_zulp12x7 _2rko12b0 _11c82smr _1e0c1txw _bfhksm61 _o5721q9c _4cvr1h6o _1bah1h6o _1tke1f4h _syaz1gjq _19bvu2gc _u5f3u2gc _1ah3idpf _g0pbkb7n _oh03h2mm",
18
18
  enabled: "_irr3166n _1di61dty",
19
19
  disabled: "_syaz1lh4 _80om13gf",
20
20
  selected: "_bfhkfg4m _syazaqb7 _irr3i1yw _1di619ru"
package/dist/cjs/ui/ToolbarDropdownItem.compiled.css CHANGED
@@ -1,13 +1,15 @@
1
- ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
2
- ._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
1
+ ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
+ ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
3
+ ._1rjc1b66{padding-block:var(--ds-space-050,4px)}
3
4
  ._1bsb1osq{width:100%}
4
5
  ._1e0c1txw{display:flex}
5
- ._1tke14no{min-height:36px}
6
- ._1ul9163w{min-width:230px}
6
+ ._1tkezwfg{min-height:2pc}
7
+ ._1ul9eoa3{min-width:225px}
7
8
  ._80om13gf{cursor:not-allowed}
8
9
  ._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
9
10
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
10
11
  ._kqswh2mm{position:relative}
12
+ ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
11
13
  ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
12
14
  ._syazaqb7{color:var(--ds-text-selected,#0c66e4)}
13
15
  ._1bas12b0:focus-visible{border-radius:var(--ds-radius-small,4px)}
package/dist/cjs/ui/ToolbarDropdownItem.js CHANGED
@@ -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 _1bas12b0 _1ah31i6y",
19
+ toolbarDropdownItem: "_11c82smr _18zrutpp _1rjc1b66 _1e0c1txw _kqswh2mm _bfhksm61 _1bsb1osq _1tkezwfg _1ul9eoa3 _syaz1gjq _1bas12b0 _1ah31i6y",
20
20
  enabled: "_irr3166n _1di61dty",
21
21
  disabled: "_syaz1lh4 _80om13gf",
22
22
  selected: "_bfhkfg4m _syazaqb7 _irr3i1yw _1di619ru"
package/dist/cjs/ui/ToolbarDropdownMenu.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
1
 
2
- ._1mou1b66{margin-block:var(--ds-space-050,4px)}._18l8n7od [data-section]:first-of-type{border-block-start:unset}
2
+ ._1mouv77o{margin-block:var(--ds-space-025,2px)}._18l8n7od [data-section]:first-of-type{border-block-start:unset}
3
3
  ._18m91wug{overflow-y:auto}
4
4
  ._c71lnklw{max-height:20pc}
package/dist/cjs/ui/ToolbarDropdownMenu.js CHANGED
@@ -19,7 +19,7 @@ var _ToolbarButton = require("./ToolbarButton");
19
19
  var _ToolbarDropdownMenuContext = require("./ToolbarDropdownMenuContext");
20
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); }
21
21
  var styles = {
22
- sectionMargin: "_1mou1b66",
22
+ sectionMargin: "_1mouv77o",
23
23
  firstSectionSeparator: "_18l8n7od",
24
24
  scrollContainer: "_c71lnklw _18m91wug"
25
25
  };
package/dist/cjs/ui/icons/TextColorIcon.compiled.css CHANGED
@@ -1 +1 @@
1
- ._19pk1b66{margin-top:var(--ds-space-050,4px)}
1
+ ._19pk12x7{margin-top:var(--ds-space-075,6px)}
package/dist/cjs/ui/icons/TextColorIcon.js CHANGED
@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
12
12
  var _textStyle = _interopRequireDefault(require("@atlaskit/icon/core/text-style"));
13
13
  var _compiled = require("@atlaskit/primitives/compiled");
14
14
  var styles = {
15
- icon: "_19pk1b66"
15
+ icon: "_19pk12x7"
16
16
  };
17
17
  var TextColorIcon = exports.TextColorIcon = function TextColorIcon(_ref) {
18
18
  var label = _ref.label,
package/dist/es2019/ui/Toolbar.compiled.css CHANGED
@@ -7,6 +7,7 @@
7
7
  ._1tkezwfg{min-height:2pc}
8
8
  ._4cvr1h6o{align-items:center}
9
9
  ._4t3i14no{height:36px}
10
+ ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
10
11
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
11
12
  ._fy9oglyw [data-toolbar-component=section]:not(:has([data-toolbar-component=button])){display:none}
12
13
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
package/dist/es2019/ui/Toolbar.js CHANGED
@@ -9,8 +9,8 @@ import { Box } from '@atlaskit/primitives/compiled';
9
9
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
10
10
  import { ResponsiveContainer } from './ResponsiveContainer';
11
11
  const styles = {
12
- toolbarBase: "_2rko1qi0 _zulp1b66 _bfhkvuon _1e0c1txw _4cvr1h6o",
13
- toolbar: "_4t3i14no _u5f31b66 _19bv1b66 _16qs1cd0",
12
+ toolbarBase: "_2rko1qi0 _zulp1b66 _1e0c1txw _4cvr1h6o",
13
+ toolbar: "_bfhk1bhr _4t3i14no _u5f31b66 _19bv1b66 _16qs1cd0",
14
14
  primaryToolbar: "_bfhkvuon _1tkezwfg",
15
15
  hiddenSelectors: "_fy9oglyw _18shglyw _ze7rglyw"
16
16
  };
package/dist/es2019/ui/ToolbarButton.compiled.css CHANGED
@@ -1,6 +1,7 @@
1
-
1
+ ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
- ._zulp12x7{gap:var(--ds-space-075,6px)}._19bvu2gc{padding-left:var(--ds-space-100,8px)}
3
+ ._zulp12x7{gap:var(--ds-space-075,6px)}
4
+ ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
4
5
  ._1bah1h6o{justify-content:center}
5
6
  ._1e0c1txw{display:flex}
6
7
  ._1tke1f4h{min-height:28px}
@@ -8,7 +9,6 @@
8
9
  ._80om13gf{cursor:not-allowed}
9
10
  ._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
10
11
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
11
- ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
12
12
  ._o5721q9c{white-space:nowrap}
13
13
  ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
14
14
  ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
package/dist/es2019/ui/ToolbarButton.js CHANGED
@@ -6,7 +6,7 @@ import { cx } from '@atlaskit/css';
6
6
  import { Pressable } from '@atlaskit/primitives/compiled';
7
7
  import { useToolbarUI } from '../hooks/ui-context';
8
8
  const styles = {
9
- button: "_zulp12x7 _2rko12b0 _1e0c1txw _bfhksm61 _o5721q9c _4cvr1h6o _1bah1h6o _1tke1f4h _syaz1gjq _k48p1wq8 _19bvu2gc _u5f3u2gc _1ah3idpf _g0pbkb7n _oh03h2mm",
9
+ button: "_zulp12x7 _2rko12b0 _11c82smr _1e0c1txw _bfhksm61 _o5721q9c _4cvr1h6o _1bah1h6o _1tke1f4h _syaz1gjq _19bvu2gc _u5f3u2gc _1ah3idpf _g0pbkb7n _oh03h2mm",
10
10
  enabled: "_irr3166n _1di61dty",
11
11
  disabled: "_syaz1lh4 _80om13gf",
12
12
  selected: "_bfhkfg4m _syazaqb7 _irr3i1yw _1di619ru"
package/dist/es2019/ui/ToolbarDropdownItem.compiled.css CHANGED
@@ -1,13 +1,15 @@
1
- ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
2
- ._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
1
+ ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
+ ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
3
+ ._1rjc1b66{padding-block:var(--ds-space-050,4px)}
3
4
  ._1bsb1osq{width:100%}
4
5
  ._1e0c1txw{display:flex}
5
- ._1tke14no{min-height:36px}
6
- ._1ul9163w{min-width:230px}
6
+ ._1tkezwfg{min-height:2pc}
7
+ ._1ul9eoa3{min-width:225px}
7
8
  ._80om13gf{cursor:not-allowed}
8
9
  ._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
9
10
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
10
11
  ._kqswh2mm{position:relative}
12
+ ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
11
13
  ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
12
14
  ._syazaqb7{color:var(--ds-text-selected,#0c66e4)}
13
15
  ._1bas12b0:focus-visible{border-radius:var(--ds-radius-small,4px)}
package/dist/es2019/ui/ToolbarDropdownItem.js CHANGED
@@ -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 _1bas12b0 _1ah31i6y",
11
+ toolbarDropdownItem: "_11c82smr _18zrutpp _1rjc1b66 _1e0c1txw _kqswh2mm _bfhksm61 _1bsb1osq _1tkezwfg _1ul9eoa3 _syaz1gjq _1bas12b0 _1ah31i6y",
12
12
  enabled: "_irr3166n _1di61dty",
13
13
  disabled: "_syaz1lh4 _80om13gf",
14
14
  selected: "_bfhkfg4m _syazaqb7 _irr3i1yw _1di619ru"
package/dist/es2019/ui/ToolbarDropdownMenu.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
1
 
2
- ._1mou1b66{margin-block:var(--ds-space-050,4px)}._18l8n7od [data-section]:first-of-type{border-block-start:unset}
2
+ ._1mouv77o{margin-block:var(--ds-space-025,2px)}._18l8n7od [data-section]:first-of-type{border-block-start:unset}
3
3
  ._18m91wug{overflow-y:auto}
4
4
  ._c71lnklw{max-height:20pc}
package/dist/es2019/ui/ToolbarDropdownMenu.js CHANGED
@@ -10,7 +10,7 @@ import { useToolbarUI } from '../hooks/ui-context';
10
10
  import { ToolbarButton } from './ToolbarButton';
11
11
  import { ToolbarDropdownMenuProvider, useToolbarDropdownMenu } from './ToolbarDropdownMenuContext';
12
12
  const styles = {
13
- sectionMargin: "_1mou1b66",
13
+ sectionMargin: "_1mouv77o",
14
14
  firstSectionSeparator: "_18l8n7od",
15
15
  scrollContainer: "_c71lnklw _18m91wug"
16
16
  };
package/dist/es2019/ui/icons/TextColorIcon.compiled.css CHANGED
@@ -1 +1 @@
1
- ._19pk1b66{margin-top:var(--ds-space-050,4px)}
1
+ ._19pk12x7{margin-top:var(--ds-space-075,6px)}
package/dist/es2019/ui/icons/TextColorIcon.js CHANGED
@@ -5,7 +5,7 @@ import React from 'react';
5
5
  import Icon from '@atlaskit/icon/core/text-style';
6
6
  import { Box } from '@atlaskit/primitives/compiled';
7
7
  const styles = {
8
- icon: "_19pk1b66"
8
+ icon: "_19pk12x7"
9
9
  };
10
10
  export const TextColorIcon = ({
11
11
  label,
package/dist/esm/ui/Toolbar.compiled.css CHANGED
@@ -7,6 +7,7 @@
7
7
  ._1tkezwfg{min-height:2pc}
8
8
  ._4cvr1h6o{align-items:center}
9
9
  ._4t3i14no{height:36px}
10
+ ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
10
11
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
11
12
  ._fy9oglyw [data-toolbar-component=section]:not(:has([data-toolbar-component=button])){display:none}
12
13
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
package/dist/esm/ui/Toolbar.js CHANGED
@@ -9,8 +9,8 @@ import { Box } from '@atlaskit/primitives/compiled';
9
9
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
10
10
  import { ResponsiveContainer } from './ResponsiveContainer';
11
11
  var styles = {
12
- toolbarBase: "_2rko1qi0 _zulp1b66 _bfhkvuon _1e0c1txw _4cvr1h6o",
13
- toolbar: "_4t3i14no _u5f31b66 _19bv1b66 _16qs1cd0",
12
+ toolbarBase: "_2rko1qi0 _zulp1b66 _1e0c1txw _4cvr1h6o",
13
+ toolbar: "_bfhk1bhr _4t3i14no _u5f31b66 _19bv1b66 _16qs1cd0",
14
14
  primaryToolbar: "_bfhkvuon _1tkezwfg",
15
15
  hiddenSelectors: "_fy9oglyw _18shglyw _ze7rglyw"
16
16
  };
package/dist/esm/ui/ToolbarButton.compiled.css CHANGED
@@ -1,6 +1,7 @@
1
-
1
+ ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
- ._zulp12x7{gap:var(--ds-space-075,6px)}._19bvu2gc{padding-left:var(--ds-space-100,8px)}
3
+ ._zulp12x7{gap:var(--ds-space-075,6px)}
4
+ ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
4
5
  ._1bah1h6o{justify-content:center}
5
6
  ._1e0c1txw{display:flex}
6
7
  ._1tke1f4h{min-height:28px}
@@ -8,7 +9,6 @@
8
9
  ._80om13gf{cursor:not-allowed}
9
10
  ._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
10
11
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
11
- ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
12
12
  ._o5721q9c{white-space:nowrap}
13
13
  ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
14
14
  ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
package/dist/esm/ui/ToolbarButton.js CHANGED
@@ -6,7 +6,7 @@ import { cx } from '@atlaskit/css';
6
6
  import { Pressable } from '@atlaskit/primitives/compiled';
7
7
  import { useToolbarUI } from '../hooks/ui-context';
8
8
  var styles = {
9
- button: "_zulp12x7 _2rko12b0 _1e0c1txw _bfhksm61 _o5721q9c _4cvr1h6o _1bah1h6o _1tke1f4h _syaz1gjq _k48p1wq8 _19bvu2gc _u5f3u2gc _1ah3idpf _g0pbkb7n _oh03h2mm",
9
+ button: "_zulp12x7 _2rko12b0 _11c82smr _1e0c1txw _bfhksm61 _o5721q9c _4cvr1h6o _1bah1h6o _1tke1f4h _syaz1gjq _19bvu2gc _u5f3u2gc _1ah3idpf _g0pbkb7n _oh03h2mm",
10
10
  enabled: "_irr3166n _1di61dty",
11
11
  disabled: "_syaz1lh4 _80om13gf",
12
12
  selected: "_bfhkfg4m _syazaqb7 _irr3i1yw _1di619ru"
package/dist/esm/ui/ToolbarDropdownItem.compiled.css CHANGED
@@ -1,13 +1,15 @@
1
- ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
2
- ._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
1
+ ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
+ ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
3
+ ._1rjc1b66{padding-block:var(--ds-space-050,4px)}
3
4
  ._1bsb1osq{width:100%}
4
5
  ._1e0c1txw{display:flex}
5
- ._1tke14no{min-height:36px}
6
- ._1ul9163w{min-width:230px}
6
+ ._1tkezwfg{min-height:2pc}
7
+ ._1ul9eoa3{min-width:225px}
7
8
  ._80om13gf{cursor:not-allowed}
8
9
  ._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
9
10
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
10
11
  ._kqswh2mm{position:relative}
12
+ ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
11
13
  ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
12
14
  ._syazaqb7{color:var(--ds-text-selected,#0c66e4)}
13
15
  ._1bas12b0:focus-visible{border-radius:var(--ds-radius-small,4px)}
package/dist/esm/ui/ToolbarDropdownItem.js CHANGED
@@ -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 _1bas12b0 _1ah31i6y",
11
+ toolbarDropdownItem: "_11c82smr _18zrutpp _1rjc1b66 _1e0c1txw _kqswh2mm _bfhksm61 _1bsb1osq _1tkezwfg _1ul9eoa3 _syaz1gjq _1bas12b0 _1ah31i6y",
12
12
  enabled: "_irr3166n _1di61dty",
13
13
  disabled: "_syaz1lh4 _80om13gf",
14
14
  selected: "_bfhkfg4m _syazaqb7 _irr3i1yw _1di619ru"
package/dist/esm/ui/ToolbarDropdownMenu.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
1
 
2
- ._1mou1b66{margin-block:var(--ds-space-050,4px)}._18l8n7od [data-section]:first-of-type{border-block-start:unset}
2
+ ._1mouv77o{margin-block:var(--ds-space-025,2px)}._18l8n7od [data-section]:first-of-type{border-block-start:unset}
3
3
  ._18m91wug{overflow-y:auto}
4
4
  ._c71lnklw{max-height:20pc}
package/dist/esm/ui/ToolbarDropdownMenu.js CHANGED
@@ -10,7 +10,7 @@ import { useToolbarUI } from '../hooks/ui-context';
10
10
  import { ToolbarButton } from './ToolbarButton';
11
11
  import { ToolbarDropdownMenuProvider, useToolbarDropdownMenu } from './ToolbarDropdownMenuContext';
12
12
  var styles = {
13
- sectionMargin: "_1mou1b66",
13
+ sectionMargin: "_1mouv77o",
14
14
  firstSectionSeparator: "_18l8n7od",
15
15
  scrollContainer: "_c71lnklw _18m91wug"
16
16
  };
package/dist/esm/ui/icons/TextColorIcon.compiled.css CHANGED
@@ -1 +1 @@
1
- ._19pk1b66{margin-top:var(--ds-space-050,4px)}
1
+ ._19pk12x7{margin-top:var(--ds-space-075,6px)}
package/dist/esm/ui/icons/TextColorIcon.js CHANGED
@@ -5,7 +5,7 @@ import React from 'react';
5
5
  import Icon from '@atlaskit/icon/core/text-style';
6
6
  import { Box } from '@atlaskit/primitives/compiled';
7
7
  var styles = {
8
- icon: "_19pk1b66"
8
+ icon: "_19pk12x7"
9
9
  };
10
10
  export var TextColorIcon = function TextColorIcon(_ref) {
11
11
  var label = _ref.label,
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org/"
5
5
  },
6
- "version": "0.8.0",
6
+ "version": "0.8.1",
7
7
  "description": "Common UI for Toolbars across the platform",
8
8
  "atlassian": {
9
9
  "team": "Editor: Jenga",
@@ -31,7 +31,7 @@
31
31
  "@atlaskit/platform-feature-flags-react": "^0.3.0",
32
32
  "@atlaskit/popup": "^4.3.0",
33
33
  "@atlaskit/primitives": "^14.13.0",
34
- "@atlaskit/tmp-editor-statsig": "^12.4.0",
34
+ "@atlaskit/tmp-editor-statsig": "^12.5.0",
35
35
  "@atlaskit/tokens": "^6.2.0",
36
36
  "@atlaskit/tooltip": "^20.4.0",
37
37
  "@babel/runtime": "^7.0.0",