@atlaskit/editor-toolbar 0.17.2 → 0.17.4
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 +12 -0
- package/dist/cjs/ui/ColorPalette/Color.compiled.css +5 -5
- package/dist/cjs/ui/ColorPalette/Color.js +2 -2
- package/dist/cjs/ui/ColorPalette/index.js +1 -1
- package/dist/cjs/ui/Toolbar.compiled.css +1 -1
- package/dist/cjs/ui/Toolbar.js +1 -1
- package/dist/cjs/ui/ToolbarButton.compiled.css +8 -8
- package/dist/cjs/ui/ToolbarButton.js +4 -4
- package/dist/cjs/ui/ToolbarColorSwatch.compiled.css +1 -1
- package/dist/cjs/ui/ToolbarColorSwatch.js +1 -1
- package/dist/cjs/ui/ToolbarDropdownItem.compiled.css +8 -8
- package/dist/cjs/ui/ToolbarDropdownItem.js +4 -4
- package/dist/cjs/ui/ToolbarSection.compiled.css +1 -1
- package/dist/cjs/ui/ToolbarSection.js +1 -1
- package/dist/cjs/ui/icons/TextColorIcon.js +1 -1
- package/dist/es2019/ui/ColorPalette/Color.compiled.css +5 -5
- package/dist/es2019/ui/ColorPalette/Color.js +2 -2
- package/dist/es2019/ui/ColorPalette/index.js +1 -1
- package/dist/es2019/ui/Toolbar.compiled.css +1 -1
- package/dist/es2019/ui/Toolbar.js +1 -1
- package/dist/es2019/ui/ToolbarButton.compiled.css +8 -8
- package/dist/es2019/ui/ToolbarButton.js +4 -4
- package/dist/es2019/ui/ToolbarColorSwatch.compiled.css +1 -1
- package/dist/es2019/ui/ToolbarColorSwatch.js +1 -1
- package/dist/es2019/ui/ToolbarDropdownItem.compiled.css +8 -8
- package/dist/es2019/ui/ToolbarDropdownItem.js +4 -4
- package/dist/es2019/ui/ToolbarSection.compiled.css +1 -1
- package/dist/es2019/ui/ToolbarSection.js +1 -1
- package/dist/es2019/ui/icons/TextColorIcon.js +1 -1
- package/dist/esm/ui/ColorPalette/Color.compiled.css +5 -5
- package/dist/esm/ui/ColorPalette/Color.js +2 -2
- package/dist/esm/ui/ColorPalette/index.js +1 -1
- package/dist/esm/ui/Toolbar.compiled.css +1 -1
- package/dist/esm/ui/Toolbar.js +1 -1
- package/dist/esm/ui/ToolbarButton.compiled.css +8 -8
- package/dist/esm/ui/ToolbarButton.js +4 -4
- package/dist/esm/ui/ToolbarColorSwatch.compiled.css +1 -1
- package/dist/esm/ui/ToolbarColorSwatch.js +1 -1
- package/dist/esm/ui/ToolbarDropdownItem.compiled.css +8 -8
- package/dist/esm/ui/ToolbarDropdownItem.js +4 -4
- package/dist/esm/ui/ToolbarSection.compiled.css +1 -1
- package/dist/esm/ui/ToolbarSection.js +1 -1
- package/dist/esm/ui/icons/TextColorIcon.js +1 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
._4cvr1h6o{align-items:center}
|
|
12
12
|
._4t3icr4y{height:var(--ds-space-300,26px)}
|
|
13
13
|
._80omtlke{cursor:pointer}
|
|
14
|
-
.
|
|
14
|
+
._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
|
|
15
15
|
._ca0qidpf{padding-top:0}
|
|
16
16
|
._ca0qv77o{padding-top:var(--ds-space-025,2px)}
|
|
17
17
|
._kqswh2mm{position:relative}
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
|
|
20
20
|
._u5f3idpf{padding-right:0}
|
|
21
21
|
._u5f3v77o{padding-right:var(--ds-space-025,2px)}
|
|
22
|
-
.
|
|
23
|
-
.
|
|
24
|
-
.
|
|
22
|
+
._jyzf1l7x:focus-within{border-color:var(--ds-border,#0b120e24)}
|
|
23
|
+
._y2mvdfik:focus{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#4688ec)}
|
|
24
|
+
._858u1l7x:focus{border-color:var(--ds-border,#0b120e24)}
|
|
25
25
|
._1bg4v77o:focus{outline-offset:var(--ds-space-025,2px)}
|
|
26
|
-
.
|
|
26
|
+
._4cvx1l7x:hover{border-color:var(--ds-border,#0b120e24)}
|
|
@@ -51,7 +51,7 @@ var Color = exports.Color = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
|
51
51
|
return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
52
52
|
content: label
|
|
53
53
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
54
|
-
className: (0, _runtime.ax)(["_2rko12b0 _1h6d1j28 _1dqonqa1 _189ee4h9 _1e0c1txw _4cvr1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o
|
|
54
|
+
className: (0, _runtime.ax)(["_2rko12b0 _1h6d1j28 _1dqonqa1 _189ee4h9 _1e0c1txw _4cvr1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o _858u1l7x _jyzf1l7x _4cvx1l7x"])
|
|
55
55
|
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
56
56
|
type: "button",
|
|
57
57
|
"aria-label": label,
|
|
@@ -66,7 +66,7 @@ var Color = exports.Color = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
|
66
66
|
border: "var(--ds-border-width, 1px)".concat(" solid ", borderColor)
|
|
67
67
|
},
|
|
68
68
|
autoFocus: autoFocus,
|
|
69
|
-
className: (0, _runtime.ax)(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1ps9 _4t3icr4y _1bsbcr4y
|
|
69
|
+
className: (0, _runtime.ax)(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1ps9 _4t3icr4y _1bsbcr4y _bfhki8nm _80omtlke _1e0c1ule _kqswh2mm _y2mvdfik _1bg4v77o"])
|
|
70
70
|
}, !decorator && isSelected && /*#__PURE__*/_react.default.createElement(_checkMarkEditorDone.default, {
|
|
71
71
|
color: checkMarkColor,
|
|
72
72
|
LEGACY_primaryColor: checkMarkColor,
|
|
@@ -39,7 +39,7 @@ function getCheckMarkColor(color, useIconToken) {
|
|
|
39
39
|
// they are only intended for use with text colors (and there are different tokens
|
|
40
40
|
// planned to be used when this extended to be used with other palettes).
|
|
41
41
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
42
|
-
return contrastColor === '#FFFFFF' ? "var(--ds-icon-inverse, #FFFFFF)" : "var(--ds-icon, #
|
|
42
|
+
return contrastColor === '#FFFFFF' ? "var(--ds-icon-inverse, #FFFFFF)" : "var(--ds-icon, #292A2E)";
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
/**
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
|
|
3
3
|
._zulp1b66{gap:var(--ds-space-050,4px)}
|
|
4
|
-
._195gpxbi{margin-inline:var(--ds-space-200,1pc)}.
|
|
4
|
+
._195gpxbi{margin-inline:var(--ds-space-200,1pc)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
|
|
5
5
|
._18shglyw [class*=show-above-]:not(:has([data-toolbar-component=section] [data-toolbar-component=button],[data-toolbar-component=button-group] [data-toolbar-component=button])){display:none}
|
|
6
6
|
._19bv1b66{padding-left:var(--ds-space-050,4px)}
|
|
7
7
|
._1e0c1txw{display:flex}
|
package/dist/cjs/ui/Toolbar.js
CHANGED
|
@@ -20,7 +20,7 @@ var _ToolbarKeyboardNavigationProvider = require("./ToolbarKeyboardNavigationPro
|
|
|
20
20
|
var _ViewEventEmitter = require("./ViewEventEmitter");
|
|
21
21
|
var styles = {
|
|
22
22
|
toolbarBase: "_2rko1qi0 _zulp1b66 _1e0c1txw _4cvr1h6o",
|
|
23
|
-
toolbar: "_bfhk1bhr _4t3i14no _u5f31b66 _19bv1b66
|
|
23
|
+
toolbar: "_bfhk1bhr _4t3i14no _u5f31b66 _19bv1b66 _16qs130s",
|
|
24
24
|
toolbarResponsive: "_195gpxbi",
|
|
25
25
|
primaryToolbar: "_bfhkvuon _1tkezwfg",
|
|
26
26
|
toolbarSeparator: "_1mj714no",
|
|
@@ -7,17 +7,17 @@
|
|
|
7
7
|
._1tke1f4h{min-height:28px}
|
|
8
8
|
._4cvr1h6o{align-items:center}
|
|
9
9
|
._80om13gf{cursor:not-allowed}
|
|
10
|
-
.
|
|
10
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
11
11
|
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
12
12
|
._o5721q9c{white-space:nowrap}
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
13
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
14
|
+
._syaz6x5g{color:var(--ds-text-selected,#1868db)}
|
|
15
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
16
16
|
._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
|
|
17
17
|
._1ah3idpf:focus-visible{outline-offset:0}
|
|
18
18
|
._g0pbkb7n:focus-visible{z-index:1}
|
|
19
19
|
._oh03h2mm:focus-visible{position:relative}
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.
|
|
20
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
21
|
+
._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
22
|
+
._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
|
|
23
|
+
._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
|
|
@@ -14,10 +14,10 @@ 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 _11c82smr _1e0c1txw _bfhksm61 _o5721q9c _4cvr1h6o _1bah1h6o _1tke1f4h
|
|
18
|
-
enabled: "
|
|
19
|
-
disabled: "
|
|
20
|
-
selected: "
|
|
17
|
+
button: "_zulp12x7 _2rko12b0 _11c82smr _1e0c1txw _bfhksm61 _o5721q9c _4cvr1h6o _1bah1h6o _1tke1f4h _syazazsu _19bvu2gc _u5f3u2gc _1ah3idpf _g0pbkb7n _oh03h2mm",
|
|
18
|
+
enabled: "_irr31dpa _1di6fcek",
|
|
19
|
+
disabled: "_syaz1gmx _80om13gf",
|
|
20
|
+
selected: "_bfhk15s3 _syaz6x5g _irr3ufnl _1di6nozp"
|
|
21
21
|
};
|
|
22
22
|
var ToolbarButton = exports.ToolbarButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
23
23
|
var iconBefore = _ref.iconBefore,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._19itia51{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
|
|
3
3
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18u0r5cr{margin-left:var(--ds-space-negative-050,-4px)}
|
|
4
4
|
._1bah1h6o{justify-content:center}
|
|
5
5
|
._1bsbgktf{width:20px}
|
|
@@ -11,7 +11,7 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
12
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
13
13
|
var styles = {
|
|
14
|
-
colorSwatch: "
|
|
14
|
+
colorSwatch: "_19itia51 _2rko12b0 _1e0c1txw _1bah1h6o _4cvr1h6o _1bsbgktf _4t3igktf _18u0r5cr _2hwxr5cr"
|
|
15
15
|
};
|
|
16
16
|
var ToolbarColorSwatch = exports.ToolbarColorSwatch = function ToolbarColorSwatch(_ref) {
|
|
17
17
|
var children = _ref.children,
|
|
@@ -6,15 +6,15 @@
|
|
|
6
6
|
._1tkezwfg{min-height:2pc}
|
|
7
7
|
._1ul9eoa3{min-width:225px}
|
|
8
8
|
._80om13gf{cursor:not-allowed}
|
|
9
|
-
.
|
|
9
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
10
10
|
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
11
11
|
._kqswh2mm{position:relative}
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
12
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
13
|
+
._syaz6x5g{color:var(--ds-text-selected,#1868db)}
|
|
14
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
15
15
|
._1bas12b0:focus-visible{border-radius:var(--ds-radius-small,4px)}
|
|
16
16
|
._1ah31i6y:focus-visible{outline-offset:var(--ds-space-negative-025,-2px)}
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
17
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
18
|
+
._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
19
|
+
._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
|
|
20
|
+
._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
|
|
@@ -20,10 +20,10 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
20
20
|
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; }
|
|
21
21
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
22
22
|
var styles = {
|
|
23
|
-
toolbarDropdownItem: "_11c82smr _18zrutpp _1rjc1b66 _1e0c1txw _kqswh2mm _bfhksm61 _1bsb1osq _1tkezwfg _1ul9eoa3
|
|
24
|
-
enabled: "
|
|
25
|
-
disabled: "
|
|
26
|
-
selected: "
|
|
23
|
+
toolbarDropdownItem: "_11c82smr _18zrutpp _1rjc1b66 _1e0c1txw _kqswh2mm _bfhksm61 _1bsb1osq _1tkezwfg _1ul9eoa3 _syazazsu _1bas12b0 _1ah31i6y",
|
|
24
|
+
enabled: "_irr31dpa _1di6fcek",
|
|
25
|
+
disabled: "_syaz1gmx _80om13gf",
|
|
26
|
+
selected: "_bfhk15s3 _syaz6x5g _irr3ufnl _1di6nozp"
|
|
27
27
|
};
|
|
28
28
|
var CustomDropdownMenuItemButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
29
29
|
var children = _ref.children,
|
|
@@ -26,7 +26,7 @@ var ToolbarSeparator = function ToolbarSeparator() {
|
|
|
26
26
|
"data-toolbar-component": "separator",
|
|
27
27
|
role: "separator",
|
|
28
28
|
"aria-orientation": "vertical",
|
|
29
|
-
className: (0, _runtime.ax)(["_195gu2gc _4t3igktf _1bsbt94y
|
|
29
|
+
className: (0, _runtime.ax)(["_195gu2gc _4t3igktf _1bsbt94y _bfhk1l7x"])
|
|
30
30
|
});
|
|
31
31
|
};
|
|
32
32
|
var ToolbarSection = exports.ToolbarSection = function ToolbarSection(_ref) {
|
|
@@ -28,7 +28,7 @@ var TextColorIcon = exports.TextColorIcon = function TextColorIcon(_ref) {
|
|
|
28
28
|
}, /*#__PURE__*/_react.default.createElement(_textStyle.default, {
|
|
29
29
|
label: label,
|
|
30
30
|
testId: testId,
|
|
31
|
-
color: isDisabled ? "var(--ds-icon-disabled, #
|
|
31
|
+
color: isDisabled ? "var(--ds-icon-disabled, #080F214A)" : iconColor,
|
|
32
32
|
shouldRecommendSmallIcon: shouldRecommendSmallIcon,
|
|
33
33
|
spacing: spacing,
|
|
34
34
|
size: size
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
._4cvr1h6o{align-items:center}
|
|
12
12
|
._4t3icr4y{height:var(--ds-space-300,26px)}
|
|
13
13
|
._80omtlke{cursor:pointer}
|
|
14
|
-
.
|
|
14
|
+
._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
|
|
15
15
|
._ca0qidpf{padding-top:0}
|
|
16
16
|
._ca0qv77o{padding-top:var(--ds-space-025,2px)}
|
|
17
17
|
._kqswh2mm{position:relative}
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
|
|
20
20
|
._u5f3idpf{padding-right:0}
|
|
21
21
|
._u5f3v77o{padding-right:var(--ds-space-025,2px)}
|
|
22
|
-
.
|
|
23
|
-
.
|
|
24
|
-
.
|
|
22
|
+
._jyzf1l7x:focus-within{border-color:var(--ds-border,#0b120e24)}
|
|
23
|
+
._y2mvdfik:focus{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#4688ec)}
|
|
24
|
+
._858u1l7x:focus{border-color:var(--ds-border,#0b120e24)}
|
|
25
25
|
._1bg4v77o:focus{outline-offset:var(--ds-space-025,2px)}
|
|
26
|
-
.
|
|
26
|
+
._4cvx1l7x:hover{border-color:var(--ds-border,#0b120e24)}
|
|
@@ -42,7 +42,7 @@ export const Color = /*#__PURE__*/memo(({
|
|
|
42
42
|
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
43
43
|
content: label
|
|
44
44
|
}, /*#__PURE__*/React.createElement("span", {
|
|
45
|
-
className: ax(["_2rko12b0 _1h6d1j28 _1dqonqa1 _189ee4h9 _1e0c1txw _4cvr1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o
|
|
45
|
+
className: ax(["_2rko12b0 _1h6d1j28 _1dqonqa1 _189ee4h9 _1e0c1txw _4cvr1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o _858u1l7x _jyzf1l7x _4cvx1l7x"])
|
|
46
46
|
}, /*#__PURE__*/React.createElement("button", {
|
|
47
47
|
type: "button",
|
|
48
48
|
"aria-label": label,
|
|
@@ -57,7 +57,7 @@ export const Color = /*#__PURE__*/memo(({
|
|
|
57
57
|
border: `${"var(--ds-border-width, 1px)"} solid ${borderColor}`
|
|
58
58
|
},
|
|
59
59
|
autoFocus: autoFocus,
|
|
60
|
-
className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1ps9 _4t3icr4y _1bsbcr4y
|
|
60
|
+
className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1ps9 _4t3icr4y _1bsbcr4y _bfhki8nm _80omtlke _1e0c1ule _kqswh2mm _y2mvdfik _1bg4v77o"])
|
|
61
61
|
}, !decorator && isSelected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
|
|
62
62
|
color: checkMarkColor,
|
|
63
63
|
LEGACY_primaryColor: checkMarkColor,
|
|
@@ -29,7 +29,7 @@ function getCheckMarkColor(color, useIconToken) {
|
|
|
29
29
|
// they are only intended for use with text colors (and there are different tokens
|
|
30
30
|
// planned to be used when this extended to be used with other palettes).
|
|
31
31
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
32
|
-
return contrastColor === '#FFFFFF' ? "var(--ds-icon-inverse, #FFFFFF)" : "var(--ds-icon, #
|
|
32
|
+
return contrastColor === '#FFFFFF' ? "var(--ds-icon-inverse, #FFFFFF)" : "var(--ds-icon, #292A2E)";
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
/**
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
|
|
3
3
|
._zulp1b66{gap:var(--ds-space-050,4px)}
|
|
4
|
-
._195gpxbi{margin-inline:var(--ds-space-200,1pc)}.
|
|
4
|
+
._195gpxbi{margin-inline:var(--ds-space-200,1pc)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
|
|
5
5
|
._18shglyw [class*=show-above-]:not(:has([data-toolbar-component=section] [data-toolbar-component=button],[data-toolbar-component=button-group] [data-toolbar-component=button])){display:none}
|
|
6
6
|
._19bv1b66{padding-left:var(--ds-space-050,4px)}
|
|
7
7
|
._1e0c1txw{display:flex}
|
|
@@ -13,7 +13,7 @@ import { ToolbarKeyboardNavigationProvider } from './ToolbarKeyboardNavigationPr
|
|
|
13
13
|
import { ACTION_SUBJECT, ViewEventEmitter } from './ViewEventEmitter';
|
|
14
14
|
const styles = {
|
|
15
15
|
toolbarBase: "_2rko1qi0 _zulp1b66 _1e0c1txw _4cvr1h6o",
|
|
16
|
-
toolbar: "_bfhk1bhr _4t3i14no _u5f31b66 _19bv1b66
|
|
16
|
+
toolbar: "_bfhk1bhr _4t3i14no _u5f31b66 _19bv1b66 _16qs130s",
|
|
17
17
|
toolbarResponsive: "_195gpxbi",
|
|
18
18
|
primaryToolbar: "_bfhkvuon _1tkezwfg",
|
|
19
19
|
toolbarSeparator: "_1mj714no",
|
|
@@ -7,17 +7,17 @@
|
|
|
7
7
|
._1tke1f4h{min-height:28px}
|
|
8
8
|
._4cvr1h6o{align-items:center}
|
|
9
9
|
._80om13gf{cursor:not-allowed}
|
|
10
|
-
.
|
|
10
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
11
11
|
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
12
12
|
._o5721q9c{white-space:nowrap}
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
13
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
14
|
+
._syaz6x5g{color:var(--ds-text-selected,#1868db)}
|
|
15
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
16
16
|
._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
|
|
17
17
|
._1ah3idpf:focus-visible{outline-offset:0}
|
|
18
18
|
._g0pbkb7n:focus-visible{z-index:1}
|
|
19
19
|
._oh03h2mm:focus-visible{position:relative}
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.
|
|
20
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
21
|
+
._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
22
|
+
._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
|
|
23
|
+
._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
|
|
@@ -6,10 +6,10 @@ 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 _11c82smr _1e0c1txw _bfhksm61 _o5721q9c _4cvr1h6o _1bah1h6o _1tke1f4h
|
|
10
|
-
enabled: "
|
|
11
|
-
disabled: "
|
|
12
|
-
selected: "
|
|
9
|
+
button: "_zulp12x7 _2rko12b0 _11c82smr _1e0c1txw _bfhksm61 _o5721q9c _4cvr1h6o _1bah1h6o _1tke1f4h _syazazsu _19bvu2gc _u5f3u2gc _1ah3idpf _g0pbkb7n _oh03h2mm",
|
|
10
|
+
enabled: "_irr31dpa _1di6fcek",
|
|
11
|
+
disabled: "_syaz1gmx _80om13gf",
|
|
12
|
+
selected: "_bfhk15s3 _syaz6x5g _irr3ufnl _1di6nozp"
|
|
13
13
|
};
|
|
14
14
|
export const ToolbarButton = /*#__PURE__*/forwardRef(({
|
|
15
15
|
iconBefore,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._19itia51{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
|
|
3
3
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18u0r5cr{margin-left:var(--ds-space-negative-050,-4px)}
|
|
4
4
|
._1bah1h6o{justify-content:center}
|
|
5
5
|
._1bsbgktf{width:20px}
|
|
@@ -4,7 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
6
6
|
const styles = {
|
|
7
|
-
colorSwatch: "
|
|
7
|
+
colorSwatch: "_19itia51 _2rko12b0 _1e0c1txw _1bah1h6o _4cvr1h6o _1bsbgktf _4t3igktf _18u0r5cr _2hwxr5cr"
|
|
8
8
|
};
|
|
9
9
|
export const ToolbarColorSwatch = ({
|
|
10
10
|
children,
|
|
@@ -6,15 +6,15 @@
|
|
|
6
6
|
._1tkezwfg{min-height:2pc}
|
|
7
7
|
._1ul9eoa3{min-width:225px}
|
|
8
8
|
._80om13gf{cursor:not-allowed}
|
|
9
|
-
.
|
|
9
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
10
10
|
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
11
11
|
._kqswh2mm{position:relative}
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
12
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
13
|
+
._syaz6x5g{color:var(--ds-text-selected,#1868db)}
|
|
14
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
15
15
|
._1bas12b0:focus-visible{border-radius:var(--ds-radius-small,4px)}
|
|
16
16
|
._1ah31i6y:focus-visible{outline-offset:var(--ds-space-negative-025,-2px)}
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
17
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
18
|
+
._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
19
|
+
._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
|
|
20
|
+
._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
|
|
@@ -8,10 +8,10 @@ import { Pressable } from '@atlaskit/primitives/compiled';
|
|
|
8
8
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
9
9
|
import { useToolbarDropdownMenu } from './ToolbarDropdownMenuContext';
|
|
10
10
|
const styles = {
|
|
11
|
-
toolbarDropdownItem: "_11c82smr _18zrutpp _1rjc1b66 _1e0c1txw _kqswh2mm _bfhksm61 _1bsb1osq _1tkezwfg _1ul9eoa3
|
|
12
|
-
enabled: "
|
|
13
|
-
disabled: "
|
|
14
|
-
selected: "
|
|
11
|
+
toolbarDropdownItem: "_11c82smr _18zrutpp _1rjc1b66 _1e0c1txw _kqswh2mm _bfhksm61 _1bsb1osq _1tkezwfg _1ul9eoa3 _syazazsu _1bas12b0 _1ah31i6y",
|
|
12
|
+
enabled: "_irr31dpa _1di6fcek",
|
|
13
|
+
disabled: "_syaz1gmx _80om13gf",
|
|
14
|
+
selected: "_bfhk15s3 _syaz6x5g _irr3ufnl _1di6nozp"
|
|
15
15
|
};
|
|
16
16
|
const CustomDropdownMenuItemButton = /*#__PURE__*/forwardRef(({
|
|
17
17
|
children,
|
|
@@ -18,7 +18,7 @@ const ToolbarSeparator = () => {
|
|
|
18
18
|
"data-toolbar-component": "separator",
|
|
19
19
|
role: "separator",
|
|
20
20
|
"aria-orientation": "vertical",
|
|
21
|
-
className: ax(["_195gu2gc _4t3igktf _1bsbt94y
|
|
21
|
+
className: ax(["_195gu2gc _4t3igktf _1bsbt94y _bfhk1l7x"])
|
|
22
22
|
});
|
|
23
23
|
};
|
|
24
24
|
export const ToolbarSection = ({
|
|
@@ -22,7 +22,7 @@ export const TextColorIcon = ({
|
|
|
22
22
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
23
23
|
label: label,
|
|
24
24
|
testId: testId,
|
|
25
|
-
color: isDisabled ? "var(--ds-icon-disabled, #
|
|
25
|
+
color: isDisabled ? "var(--ds-icon-disabled, #080F214A)" : iconColor,
|
|
26
26
|
shouldRecommendSmallIcon: shouldRecommendSmallIcon,
|
|
27
27
|
spacing: spacing,
|
|
28
28
|
size: size
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
._4cvr1h6o{align-items:center}
|
|
12
12
|
._4t3icr4y{height:var(--ds-space-300,26px)}
|
|
13
13
|
._80omtlke{cursor:pointer}
|
|
14
|
-
.
|
|
14
|
+
._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
|
|
15
15
|
._ca0qidpf{padding-top:0}
|
|
16
16
|
._ca0qv77o{padding-top:var(--ds-space-025,2px)}
|
|
17
17
|
._kqswh2mm{position:relative}
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
|
|
20
20
|
._u5f3idpf{padding-right:0}
|
|
21
21
|
._u5f3v77o{padding-right:var(--ds-space-025,2px)}
|
|
22
|
-
.
|
|
23
|
-
.
|
|
24
|
-
.
|
|
22
|
+
._jyzf1l7x:focus-within{border-color:var(--ds-border,#0b120e24)}
|
|
23
|
+
._y2mvdfik:focus{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#4688ec)}
|
|
24
|
+
._858u1l7x:focus{border-color:var(--ds-border,#0b120e24)}
|
|
25
25
|
._1bg4v77o:focus{outline-offset:var(--ds-space-025,2px)}
|
|
26
|
-
.
|
|
26
|
+
._4cvx1l7x:hover{border-color:var(--ds-border,#0b120e24)}
|
|
@@ -42,7 +42,7 @@ export var Color = /*#__PURE__*/memo(function (_ref) {
|
|
|
42
42
|
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
43
43
|
content: label
|
|
44
44
|
}, /*#__PURE__*/React.createElement("span", {
|
|
45
|
-
className: ax(["_2rko12b0 _1h6d1j28 _1dqonqa1 _189ee4h9 _1e0c1txw _4cvr1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o
|
|
45
|
+
className: ax(["_2rko12b0 _1h6d1j28 _1dqonqa1 _189ee4h9 _1e0c1txw _4cvr1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o _858u1l7x _jyzf1l7x _4cvx1l7x"])
|
|
46
46
|
}, /*#__PURE__*/React.createElement("button", {
|
|
47
47
|
type: "button",
|
|
48
48
|
"aria-label": label,
|
|
@@ -57,7 +57,7 @@ export var Color = /*#__PURE__*/memo(function (_ref) {
|
|
|
57
57
|
border: "var(--ds-border-width, 1px)".concat(" solid ", borderColor)
|
|
58
58
|
},
|
|
59
59
|
autoFocus: autoFocus,
|
|
60
|
-
className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1ps9 _4t3icr4y _1bsbcr4y
|
|
60
|
+
className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1ps9 _4t3icr4y _1bsbcr4y _bfhki8nm _80omtlke _1e0c1ule _kqswh2mm _y2mvdfik _1bg4v77o"])
|
|
61
61
|
}, !decorator && isSelected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
|
|
62
62
|
color: checkMarkColor,
|
|
63
63
|
LEGACY_primaryColor: checkMarkColor,
|
|
@@ -31,7 +31,7 @@ function getCheckMarkColor(color, useIconToken) {
|
|
|
31
31
|
// they are only intended for use with text colors (and there are different tokens
|
|
32
32
|
// planned to be used when this extended to be used with other palettes).
|
|
33
33
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
34
|
-
return contrastColor === '#FFFFFF' ? "var(--ds-icon-inverse, #FFFFFF)" : "var(--ds-icon, #
|
|
34
|
+
return contrastColor === '#FFFFFF' ? "var(--ds-icon-inverse, #FFFFFF)" : "var(--ds-icon, #292A2E)";
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
/**
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
|
|
3
3
|
._zulp1b66{gap:var(--ds-space-050,4px)}
|
|
4
|
-
._195gpxbi{margin-inline:var(--ds-space-200,1pc)}.
|
|
4
|
+
._195gpxbi{margin-inline:var(--ds-space-200,1pc)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
|
|
5
5
|
._18shglyw [class*=show-above-]:not(:has([data-toolbar-component=section] [data-toolbar-component=button],[data-toolbar-component=button-group] [data-toolbar-component=button])){display:none}
|
|
6
6
|
._19bv1b66{padding-left:var(--ds-space-050,4px)}
|
|
7
7
|
._1e0c1txw{display:flex}
|
package/dist/esm/ui/Toolbar.js
CHANGED
|
@@ -13,7 +13,7 @@ import { ToolbarKeyboardNavigationProvider } from './ToolbarKeyboardNavigationPr
|
|
|
13
13
|
import { ACTION_SUBJECT, ViewEventEmitter } from './ViewEventEmitter';
|
|
14
14
|
var styles = {
|
|
15
15
|
toolbarBase: "_2rko1qi0 _zulp1b66 _1e0c1txw _4cvr1h6o",
|
|
16
|
-
toolbar: "_bfhk1bhr _4t3i14no _u5f31b66 _19bv1b66
|
|
16
|
+
toolbar: "_bfhk1bhr _4t3i14no _u5f31b66 _19bv1b66 _16qs130s",
|
|
17
17
|
toolbarResponsive: "_195gpxbi",
|
|
18
18
|
primaryToolbar: "_bfhkvuon _1tkezwfg",
|
|
19
19
|
toolbarSeparator: "_1mj714no",
|
|
@@ -7,17 +7,17 @@
|
|
|
7
7
|
._1tke1f4h{min-height:28px}
|
|
8
8
|
._4cvr1h6o{align-items:center}
|
|
9
9
|
._80om13gf{cursor:not-allowed}
|
|
10
|
-
.
|
|
10
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
11
11
|
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
12
12
|
._o5721q9c{white-space:nowrap}
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
13
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
14
|
+
._syaz6x5g{color:var(--ds-text-selected,#1868db)}
|
|
15
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
16
16
|
._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
|
|
17
17
|
._1ah3idpf:focus-visible{outline-offset:0}
|
|
18
18
|
._g0pbkb7n:focus-visible{z-index:1}
|
|
19
19
|
._oh03h2mm:focus-visible{position:relative}
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.
|
|
20
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
21
|
+
._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
22
|
+
._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
|
|
23
|
+
._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
|
|
@@ -6,10 +6,10 @@ 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 _11c82smr _1e0c1txw _bfhksm61 _o5721q9c _4cvr1h6o _1bah1h6o _1tke1f4h
|
|
10
|
-
enabled: "
|
|
11
|
-
disabled: "
|
|
12
|
-
selected: "
|
|
9
|
+
button: "_zulp12x7 _2rko12b0 _11c82smr _1e0c1txw _bfhksm61 _o5721q9c _4cvr1h6o _1bah1h6o _1tke1f4h _syazazsu _19bvu2gc _u5f3u2gc _1ah3idpf _g0pbkb7n _oh03h2mm",
|
|
10
|
+
enabled: "_irr31dpa _1di6fcek",
|
|
11
|
+
disabled: "_syaz1gmx _80om13gf",
|
|
12
|
+
selected: "_bfhk15s3 _syaz6x5g _irr3ufnl _1di6nozp"
|
|
13
13
|
};
|
|
14
14
|
export var ToolbarButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
15
15
|
var iconBefore = _ref.iconBefore,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._19itia51{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
|
|
3
3
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18u0r5cr{margin-left:var(--ds-space-negative-050,-4px)}
|
|
4
4
|
._1bah1h6o{justify-content:center}
|
|
5
5
|
._1bsbgktf{width:20px}
|
|
@@ -4,7 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
6
6
|
var styles = {
|
|
7
|
-
colorSwatch: "
|
|
7
|
+
colorSwatch: "_19itia51 _2rko12b0 _1e0c1txw _1bah1h6o _4cvr1h6o _1bsbgktf _4t3igktf _18u0r5cr _2hwxr5cr"
|
|
8
8
|
};
|
|
9
9
|
export var ToolbarColorSwatch = function ToolbarColorSwatch(_ref) {
|
|
10
10
|
var children = _ref.children,
|
|
@@ -6,15 +6,15 @@
|
|
|
6
6
|
._1tkezwfg{min-height:2pc}
|
|
7
7
|
._1ul9eoa3{min-width:225px}
|
|
8
8
|
._80om13gf{cursor:not-allowed}
|
|
9
|
-
.
|
|
9
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
10
10
|
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
|
|
11
11
|
._kqswh2mm{position:relative}
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
12
|
+
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
|
|
13
|
+
._syaz6x5g{color:var(--ds-text-selected,#1868db)}
|
|
14
|
+
._syazazsu{color:var(--ds-text-subtle,#505258)}
|
|
15
15
|
._1bas12b0:focus-visible{border-radius:var(--ds-radius-small,4px)}
|
|
16
16
|
._1ah31i6y:focus-visible{outline-offset:var(--ds-space-negative-025,-2px)}
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
17
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
18
|
+
._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
19
|
+
._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
|
|
20
|
+
._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
|
|
@@ -11,10 +11,10 @@ import { Pressable } from '@atlaskit/primitives/compiled';
|
|
|
11
11
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
12
12
|
import { useToolbarDropdownMenu } from './ToolbarDropdownMenuContext';
|
|
13
13
|
var styles = {
|
|
14
|
-
toolbarDropdownItem: "_11c82smr _18zrutpp _1rjc1b66 _1e0c1txw _kqswh2mm _bfhksm61 _1bsb1osq _1tkezwfg _1ul9eoa3
|
|
15
|
-
enabled: "
|
|
16
|
-
disabled: "
|
|
17
|
-
selected: "
|
|
14
|
+
toolbarDropdownItem: "_11c82smr _18zrutpp _1rjc1b66 _1e0c1txw _kqswh2mm _bfhksm61 _1bsb1osq _1tkezwfg _1ul9eoa3 _syazazsu _1bas12b0 _1ah31i6y",
|
|
15
|
+
enabled: "_irr31dpa _1di6fcek",
|
|
16
|
+
disabled: "_syaz1gmx _80om13gf",
|
|
17
|
+
selected: "_bfhk15s3 _syaz6x5g _irr3ufnl _1di6nozp"
|
|
18
18
|
};
|
|
19
19
|
var CustomDropdownMenuItemButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
20
20
|
var children = _ref.children,
|
|
@@ -18,7 +18,7 @@ var ToolbarSeparator = function ToolbarSeparator() {
|
|
|
18
18
|
"data-toolbar-component": "separator",
|
|
19
19
|
role: "separator",
|
|
20
20
|
"aria-orientation": "vertical",
|
|
21
|
-
className: ax(["_195gu2gc _4t3igktf _1bsbt94y
|
|
21
|
+
className: ax(["_195gu2gc _4t3igktf _1bsbt94y _bfhk1l7x"])
|
|
22
22
|
});
|
|
23
23
|
};
|
|
24
24
|
export var ToolbarSection = function ToolbarSection(_ref) {
|
|
@@ -21,7 +21,7 @@ export var TextColorIcon = function TextColorIcon(_ref) {
|
|
|
21
21
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
22
22
|
label: label,
|
|
23
23
|
testId: testId,
|
|
24
|
-
color: isDisabled ? "var(--ds-icon-disabled, #
|
|
24
|
+
color: isDisabled ? "var(--ds-icon-disabled, #080F214A)" : iconColor,
|
|
25
25
|
shouldRecommendSmallIcon: shouldRecommendSmallIcon,
|
|
26
26
|
spacing: spacing,
|
|
27
27
|
size: size
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"registry": "https://registry.npmjs.org/"
|
|
5
5
|
},
|
|
6
|
-
"version": "0.17.
|
|
6
|
+
"version": "0.17.4",
|
|
7
7
|
"description": "Common UI for Toolbars across the platform",
|
|
8
8
|
"atlassian": {
|
|
9
9
|
"team": "Editor: Jenga",
|
|
@@ -23,19 +23,19 @@
|
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@atlaskit/badge": "^18.2.0",
|
|
25
25
|
"@atlaskit/browser-apis": "^0.0.1",
|
|
26
|
-
"@atlaskit/button": "^23.
|
|
26
|
+
"@atlaskit/button": "^23.6.0",
|
|
27
27
|
"@atlaskit/css": "^0.15.0",
|
|
28
28
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
29
|
-
"@atlaskit/icon": "^
|
|
30
|
-
"@atlaskit/icon-lab": "^5.
|
|
29
|
+
"@atlaskit/icon": "^29.0.0",
|
|
30
|
+
"@atlaskit/icon-lab": "^5.12.0",
|
|
31
31
|
"@atlaskit/logo": "^19.9.0",
|
|
32
32
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
33
33
|
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
34
34
|
"@atlaskit/popup": "^4.6.0",
|
|
35
35
|
"@atlaskit/primitives": "^16.1.0",
|
|
36
|
-
"@atlaskit/tmp-editor-statsig": "^13.
|
|
37
|
-
"@atlaskit/tokens": "^
|
|
38
|
-
"@atlaskit/tooltip": "^20.
|
|
36
|
+
"@atlaskit/tmp-editor-statsig": "^13.35.0",
|
|
37
|
+
"@atlaskit/tokens": "^8.0.0",
|
|
38
|
+
"@atlaskit/tooltip": "^20.8.0",
|
|
39
39
|
"@babel/runtime": "^7.0.0",
|
|
40
40
|
"@compiled/react": "^0.18.6",
|
|
41
41
|
"chromatism": "^2.6.0"
|