@atlaskit/editor-plugin-floating-toolbar 10.0.14 → 10.0.16

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,19 @@
1
1
  # @atlaskit/editor-plugin-floating-toolbar
2
2
 
3
+ ## 10.0.16
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 10.0.15
10
+
11
+ ### Patch Changes
12
+
13
+ - [`5892e575833a1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5892e575833a1) -
14
+ Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
15
+ - Updated dependencies
16
+
3
17
  ## 10.0.14
4
18
 
5
19
  ### Patch Changes
@@ -16,7 +16,7 @@ function EditorEmojiAddIcon() {
16
16
  }, /*#__PURE__*/_react.default.createElement("rect", {
17
17
  width: 24,
18
18
  height: 24,
19
- fill: "var(--ds-background-neutral-subtle, white)",
19
+ fill: "var(--ds-background-neutral-subtle, #00000000)",
20
20
  fillOpacity: "0.01"
21
21
  }), /*#__PURE__*/_react.default.createElement("path", {
22
22
  fillRule: "evenodd",
@@ -14,7 +14,6 @@ var _floatingToolbar = require("@atlaskit/editor-common/floating-toolbar");
14
14
  var _ui = require("@atlaskit/editor-common/ui");
15
15
  var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
16
16
  var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
17
- var _colors = require("@atlaskit/theme/colors");
18
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); }
19
18
  /**
20
19
  * @jsxRuntime classic
@@ -29,7 +28,7 @@ var toolbarScrollButtons = (0, _react2.css)({
29
28
  gridTemplateColumns: '1fr 1fr',
30
29
  gridGap: "var(--ds-space-050, 4px)",
31
30
  padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"),
32
- borderLeft: "solid ".concat("var(--ds-border, ".concat(_colors.N30, ")"), " 1px"),
31
+ borderLeft: "solid ".concat("var(--ds-border, #0B120E24)", " ", "var(--ds-border-width, 1px)"),
33
32
  flexShrink: 0,
34
33
  alignItems: 'center'
35
34
  });
@@ -443,9 +443,9 @@ var buttonGroupStylesNew = (0, _react2.css)({
443
443
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
444
444
  var toolbarContainer = function toolbarContainer(areAnyNewToolbarFlagsEnabled, scrollable, hasSelect, firstElementIsSelect) {
445
445
  return (0, _react2.css)({
446
- backgroundColor: "var(--ds-surface-overlay, white)",
446
+ backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
447
447
  borderRadius: "var(--ds-radius-small, 3px)",
448
- boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25)", ")"),
448
+ boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
449
449
  display: 'flex',
450
450
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
451
451
  lineHeight: 1,
@@ -476,7 +476,7 @@ var toolbarContainer = function toolbarContainer(areAnyNewToolbarFlagsEnabled, s
476
476
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
477
477
  (0, _react2.css)({
478
478
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
479
- padding: "var(--ds-space-0, 0)".concat(" 4px ", "var(--ds-space-0, 0)", " 4px")
479
+ padding: "var(--ds-space-0, 0px)".concat(" 4px ", "var(--ds-space-0, 0px)", " 4px")
480
480
  },
481
481
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
482
482
  firstElementIsSelect &&
@@ -552,7 +552,7 @@ var toolbarOverflow = function toolbarOverflow(_ref2) {
552
552
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
553
553
  (0, _react2.css)({
554
554
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
555
- padding: "var(--ds-space-0, 0)".concat(" 4px ", "var(--ds-space-600, 48px)", " 4px"),
555
+ padding: "var(--ds-space-0, 0px)".concat(" 4px ", "var(--ds-space-600, 48px)", " 4px"),
556
556
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
557
557
  '> div': {
558
558
  minHeight: "var(--ds-space-500, 40px)",
@@ -9,7 +9,7 @@ export default function EditorEmojiAddIcon() {
9
9
  }, /*#__PURE__*/React.createElement("rect", {
10
10
  width: 24,
11
11
  height: 24,
12
- fill: "var(--ds-background-neutral-subtle, white)",
12
+ fill: "var(--ds-background-neutral-subtle, #00000000)",
13
13
  fillOpacity: "0.01"
14
14
  }), /*#__PURE__*/React.createElement("path", {
15
15
  fillRule: "evenodd",
@@ -11,14 +11,13 @@ import { messages } from '@atlaskit/editor-common/floating-toolbar';
11
11
  import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
12
12
  import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
13
13
  import ChevronRightLargeIcon from '@atlaskit/icon/core/chevron-right';
14
- import { N30 } from '@atlaskit/theme/colors';
15
14
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
16
15
  const toolbarScrollButtons = css({
17
16
  display: 'grid',
18
17
  gridTemplateColumns: '1fr 1fr',
19
18
  gridGap: "var(--ds-space-050, 4px)",
20
19
  padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}`,
21
- borderLeft: `solid ${`var(--ds-border, ${N30})`} 1px`,
20
+ borderLeft: `solid ${"var(--ds-border, #0B120E24)"} ${"var(--ds-border-width, 1px)"}`,
22
21
  flexShrink: 0,
23
22
  alignItems: 'center'
24
23
  });
@@ -409,9 +409,9 @@ const buttonGroupStylesNew = css({
409
409
 
410
410
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
411
411
  const toolbarContainer = (areAnyNewToolbarFlagsEnabled, scrollable, hasSelect, firstElementIsSelect) => css({
412
- backgroundColor: "var(--ds-surface-overlay, white)",
412
+ backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
413
413
  borderRadius: "var(--ds-radius-small, 3px)",
414
- boxShadow: `var(--ds-shadow-overlay, ${`0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25)`})`,
414
+ boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
415
415
  display: 'flex',
416
416
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
417
417
  lineHeight: 1,
@@ -442,7 +442,7 @@ areAnyNewToolbarFlagsEnabled ?
442
442
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
443
443
  css({
444
444
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
445
- padding: `${"var(--ds-space-0, 0)"} 4px ${"var(--ds-space-0, 0)"} 4px`
445
+ padding: `${"var(--ds-space-0, 0px)"} 4px ${"var(--ds-space-0, 0px)"} 4px`
446
446
  },
447
447
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
448
448
  firstElementIsSelect &&
@@ -517,7 +517,7 @@ areAnyNewToolbarFlagsEnabled ?
517
517
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
518
518
  css({
519
519
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
520
- padding: `${"var(--ds-space-0, 0)"} 4px ${"var(--ds-space-600, 48px)"} 4px`,
520
+ padding: `${"var(--ds-space-0, 0px)"} 4px ${"var(--ds-space-600, 48px)"} 4px`,
521
521
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
522
522
  '> div': {
523
523
  minHeight: "var(--ds-space-500, 40px)",
@@ -9,7 +9,7 @@ export default function EditorEmojiAddIcon() {
9
9
  }, /*#__PURE__*/React.createElement("rect", {
10
10
  width: 24,
11
11
  height: 24,
12
- fill: "var(--ds-background-neutral-subtle, white)",
12
+ fill: "var(--ds-background-neutral-subtle, #00000000)",
13
13
  fillOpacity: "0.01"
14
14
  }), /*#__PURE__*/React.createElement("path", {
15
15
  fillRule: "evenodd",
@@ -12,14 +12,13 @@ import { messages } from '@atlaskit/editor-common/floating-toolbar';
12
12
  import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
13
13
  import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
14
14
  import ChevronRightLargeIcon from '@atlaskit/icon/core/chevron-right';
15
- import { N30 } from '@atlaskit/theme/colors';
16
15
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
17
16
  var toolbarScrollButtons = css({
18
17
  display: 'grid',
19
18
  gridTemplateColumns: '1fr 1fr',
20
19
  gridGap: "var(--ds-space-050, 4px)",
21
20
  padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"),
22
- borderLeft: "solid ".concat("var(--ds-border, ".concat(N30, ")"), " 1px"),
21
+ borderLeft: "solid ".concat("var(--ds-border, #0B120E24)", " ", "var(--ds-border-width, 1px)"),
23
22
  flexShrink: 0,
24
23
  alignItems: 'center'
25
24
  });
@@ -437,9 +437,9 @@ var buttonGroupStylesNew = css({
437
437
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
438
438
  var toolbarContainer = function toolbarContainer(areAnyNewToolbarFlagsEnabled, scrollable, hasSelect, firstElementIsSelect) {
439
439
  return css({
440
- backgroundColor: "var(--ds-surface-overlay, white)",
440
+ backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
441
441
  borderRadius: "var(--ds-radius-small, 3px)",
442
- boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25)", ")"),
442
+ boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
443
443
  display: 'flex',
444
444
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
445
445
  lineHeight: 1,
@@ -470,7 +470,7 @@ var toolbarContainer = function toolbarContainer(areAnyNewToolbarFlagsEnabled, s
470
470
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
471
471
  css({
472
472
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
473
- padding: "var(--ds-space-0, 0)".concat(" 4px ", "var(--ds-space-0, 0)", " 4px")
473
+ padding: "var(--ds-space-0, 0px)".concat(" 4px ", "var(--ds-space-0, 0px)", " 4px")
474
474
  },
475
475
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
476
476
  firstElementIsSelect &&
@@ -546,7 +546,7 @@ var toolbarOverflow = function toolbarOverflow(_ref2) {
546
546
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
547
547
  css({
548
548
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
549
- padding: "var(--ds-space-0, 0)".concat(" 4px ", "var(--ds-space-600, 48px)", " 4px"),
549
+ padding: "var(--ds-space-0, 0px)".concat(" 4px ", "var(--ds-space-600, 48px)", " 4px"),
550
550
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
551
551
  '> div': {
552
552
  minHeight: "var(--ds-space-500, 40px)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-floating-toolbar",
3
- "version": "10.0.14",
3
+ "version": "10.0.16",
4
4
  "description": "Floating toolbar plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -37,15 +37,14 @@
37
37
  "@atlaskit/editor-plugin-user-intent": "^6.0.0",
38
38
  "@atlaskit/editor-prosemirror": "^7.3.0",
39
39
  "@atlaskit/emoji": "^69.10.0",
40
- "@atlaskit/icon": "^33.0.0",
40
+ "@atlaskit/icon": "^33.1.0",
41
41
  "@atlaskit/menu": "^8.4.0",
42
42
  "@atlaskit/modal-dialog": "^14.12.0",
43
43
  "@atlaskit/platform-feature-flags": "^1.1.0",
44
44
  "@atlaskit/primitives": "^18.1.0",
45
45
  "@atlaskit/select": "^21.8.0",
46
- "@atlaskit/theme": "^22.0.0",
47
- "@atlaskit/tmp-editor-statsig": "^46.0.0",
48
- "@atlaskit/tokens": "^11.2.0",
46
+ "@atlaskit/tmp-editor-statsig": "^47.0.0",
47
+ "@atlaskit/tokens": "^11.3.0",
49
48
  "@atlaskit/tooltip": "^21.0.0",
50
49
  "@babel/runtime": "^7.0.0",
51
50
  "@emotion/react": "^11.7.1",
@@ -56,7 +55,7 @@
56
55
  "react-loadable": "^5.1.0"
57
56
  },
58
57
  "peerDependencies": {
59
- "@atlaskit/editor-common": "^112.9.0",
58
+ "@atlaskit/editor-common": "^112.10.0",
60
59
  "react": "^18.2.0",
61
60
  "react-dom": "^18.2.0"
62
61
  },