@atlaskit/editor-plugin-insert-block 9.0.12 → 9.0.14

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 (8) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/ui/ElementBrowser/InsertMenu.js +2 -3
  3. package/dist/cjs/ui/ToolbarInsertBlock/index.js +2 -3
  4. package/dist/es2019/ui/ElementBrowser/InsertMenu.js +2 -5
  5. package/dist/es2019/ui/ToolbarInsertBlock/index.js +3 -4
  6. package/dist/esm/ui/ElementBrowser/InsertMenu.js +2 -3
  7. package/dist/esm/ui/ToolbarInsertBlock/index.js +2 -3
  8. package/package.json +6 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-plugin-insert-block
2
2
 
3
+ ## 9.0.14
4
+
5
+ ### Patch Changes
6
+
7
+ - [`5892e575833a1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5892e575833a1) -
8
+ Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
9
+ - Updated dependencies
10
+
11
+ ## 9.0.13
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 9.0.12
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/ui/ElementBrowser/InsertMenu.js CHANGED
@@ -20,7 +20,6 @@ var _hooks = require("@atlaskit/editor-common/hooks");
20
20
  var _quickInsert = require("@atlaskit/editor-common/quick-insert");
21
21
  var _uiReact = require("@atlaskit/editor-common/ui-react");
22
22
  var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
23
- var _colors = require("@atlaskit/theme/colors");
24
23
  var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
25
24
  var _excluded = ["children"];
26
25
  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; }
@@ -243,9 +242,9 @@ var insertMenuWrapper = function insertMenuWrapper(height) {
243
242
  width: '320px',
244
243
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
245
244
  height: "".concat(height, "px"),
246
- backgroundColor: "".concat("var(--ds-surface-overlay, ".concat(_colors.N0, ")")),
245
+ backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
247
246
  borderRadius: "var(--ds-radius-small, 3px)",
248
- boxShadow: "".concat("var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(_colors.N30A, ",\n 0 2px 1px ").concat(_colors.N30A, ",\n 0 0 20px -6px ").concat(_colors.N60A), ")"))
247
+ boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
249
248
  });
250
249
  };
251
250
  var flexWrapperStyles = (0, _react2.css)({
package/dist/cjs/ui/ToolbarInsertBlock/index.js CHANGED
@@ -26,7 +26,6 @@ var _uiReact = require("@atlaskit/editor-common/ui-react");
26
26
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
27
27
  var _picker = require("@atlaskit/emoji/picker");
28
28
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
29
- var _colors = require("@atlaskit/theme/colors");
30
29
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
31
30
  var _filterDropdownItems = require("../toolbar-components/hooks/filterDropdownItems");
32
31
  var _blockInsertMenu = require("./block-insert-menu");
@@ -60,7 +59,7 @@ var TABLE_SELECTOR_STRING = 'table selector';
60
59
 
61
60
  // TODO: ED-26959 - Jenga team will create a component for a split button using this css
62
61
  var getHoverStyles = function getHoverStyles(selector) {
63
- return "&:hover ".concat(selector, " {\n background: ", "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20A, ")"), ";\n\n &:hover {\n background: ", "var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")"), ";\n }\n }");
62
+ return "&:hover ".concat(selector, " {\n background: ", "var(--ds-background-neutral-subtle-hovered, #0515240F)", ";\n\n &:hover {\n background: ", "var(--ds-background-neutral-hovered, #0B120E24)", ";\n }\n }");
64
63
  };
65
64
  var EmojiPicker = function EmojiPicker(props) {
66
65
  var setOutsideClickTargetRef = _react.default.useContext(_uiReact.OutsideClickTargetRefContext);
@@ -75,7 +74,7 @@ var tableButtonWrapper = exports.tableButtonWrapper = function tableButtonWrappe
75
74
  var isTableSelectorOpen = _ref.isTableSelectorOpen,
76
75
  isButtonDisabled = _ref.isButtonDisabled;
77
76
  return (// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation due to mixins
78
- (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\tdisplay: flex;\n\t\t", "\n\t\t", "\n\n .table-toolbar-btn {\n\t\t\tborder-top-right-radius: ", ";\n\t\t\tborder-bottom-right-radius: ", ";\n\t\t\tmargin-right: ", ";\n\t\t\tpadding: ", ";\n\t\t\t& > span {\n\t\t\t\tmin-width: 16px;\n\t\t\t\tmargin: ", ";\n\t\t\t}\n\t\t}\n\t\t.table-selector-toolbar-btn {\n\t\t\tpadding: ", ";\n\t\t\t& > span {\n\t\t\t\tmargin: ", ";\n\t\t\t\twidth: 16px !important;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\tborder-top-left-radius: ", " !important;\n\t\t\tborder-bottom-left-radius: ", " !important;\n\t\t}\n\t"])), !isTableSelectorOpen && !isButtonDisabled && getHoverStyles('.table-selector-toolbar-btn'), !isTableSelectorOpen && !isButtonDisabled && getHoverStyles('.table-toolbar-btn'), "var(--ds-radius-large, 0px)", "var(--ds-radius-large, 0px)", "var(--ds-space-025, 1px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-radius-large, 0px)", "var(--ds-radius-large, 0px)")
77
+ (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\tdisplay: flex;\n\t\t", "\n\t\t", "\n\n .table-toolbar-btn {\n\t\t\tborder-top-right-radius: ", ";\n\t\t\tborder-bottom-right-radius: ", ";\n\t\t\tmargin-right: ", ";\n\t\t\tpadding: ", ";\n\t\t\t& > span {\n\t\t\t\tmin-width: 16px;\n\t\t\t\tmargin: ", ";\n\t\t\t}\n\t\t}\n\t\t.table-selector-toolbar-btn {\n\t\t\tpadding: ", ";\n\t\t\t& > span {\n\t\t\t\tmargin: ", ";\n\t\t\t\twidth: 16px !important;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\tborder-top-left-radius: ", " !important;\n\t\t\tborder-bottom-left-radius: ", " !important;\n\t\t}\n\t"])), !isTableSelectorOpen && !isButtonDisabled && getHoverStyles('.table-selector-toolbar-btn'), !isTableSelectorOpen && !isButtonDisabled && getHoverStyles('.table-toolbar-btn'), "var(--ds-radius-large, 0px)", "var(--ds-radius-large, 0px)", "var(--ds-space-025, 2px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-radius-large, 0px)", "var(--ds-radius-large, 0px)")
79
78
  );
80
79
  };
81
80
 
package/dist/es2019/ui/ElementBrowser/InsertMenu.js CHANGED
@@ -16,7 +16,6 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks'
16
16
  import { messages, IconCode, IconDate, IconDecision, IconDivider, IconExpand, IconPanel, IconQuote, IconStatus } from '@atlaskit/editor-common/quick-insert';
17
17
  import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners as withOuterListeners } from '@atlaskit/editor-common/ui-react';
18
18
  import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
19
- import { N0, N30A, N60A } from '@atlaskit/theme/colors';
20
19
  import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
21
20
  export const DEFAULT_HEIGHT = 560;
22
21
 
@@ -214,11 +213,9 @@ const insertMenuWrapper = height => {
214
213
  width: '320px',
215
214
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
216
215
  height: `${height}px`,
217
- backgroundColor: `${`var(--ds-surface-overlay, ${N0})`}`,
216
+ backgroundColor: `${"var(--ds-surface-overlay, #FFFFFF)"}`,
218
217
  borderRadius: "var(--ds-radius-small, 3px)",
219
- boxShadow: `${`var(--ds-shadow-overlay, ${`0 0 0 1px ${N30A},
220
- 0 2px 1px ${N30A},
221
- 0 0 20px -6px ${N60A}`})`}`
218
+ boxShadow: `${"var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"}`
222
219
  });
223
220
  };
224
221
  const flexWrapperStyles = css({
package/dist/es2019/ui/ToolbarInsertBlock/index.js CHANGED
@@ -21,7 +21,6 @@ import { EmojiPicker as AkEmojiPicker } from '@atlaskit/emoji/picker';
21
21
  // Ignored via go/ees005
22
22
  // eslint-disable-next-line import/no-namespace
23
23
  import { fg } from '@atlaskit/platform-feature-flags';
24
- import { N20A, N30A } from '@atlaskit/theme/colors';
25
24
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
26
25
  import { LINK_BUTTON_KEY } from '../toolbar-components/hooks/filterDropdownItems';
27
26
  import { BlockInsertMenu } from './block-insert-menu';
@@ -37,10 +36,10 @@ const TABLE_SELECTOR_STRING = 'table selector';
37
36
 
38
37
  // TODO: ED-26959 - Jenga team will create a component for a split button using this css
39
38
  const getHoverStyles = selector => `&:hover ${selector} {
40
- background: ${`var(--ds-background-neutral-subtle-hovered, ${N20A})`};
39
+ background: ${"var(--ds-background-neutral-subtle-hovered, #0515240F)"};
41
40
 
42
41
  &:hover {
43
- background: ${`var(--ds-background-neutral-hovered, ${N30A})`};
42
+ background: ${"var(--ds-background-neutral-hovered, #0B120E24)"};
44
43
  }
45
44
  }`;
46
45
  const EmojiPicker = props => {
@@ -65,7 +64,7 @@ css`
65
64
  .table-toolbar-btn {
66
65
  border-top-right-radius: ${"var(--ds-radius-large, 0px)"};
67
66
  border-bottom-right-radius: ${"var(--ds-radius-large, 0px)"};
68
- margin-right: ${"var(--ds-space-025, 1px)"};
67
+ margin-right: ${"var(--ds-space-025, 2px)"};
69
68
  padding: ${"var(--ds-space-0, 0px)"};
70
69
  & > span {
71
70
  min-width: 16px;
package/dist/esm/ui/ElementBrowser/InsertMenu.js CHANGED
@@ -23,7 +23,6 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks'
23
23
  import { messages, IconCode, IconDate, IconDecision, IconDivider, IconExpand, IconPanel, IconQuote, IconStatus } from '@atlaskit/editor-common/quick-insert';
24
24
  import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners as withOuterListeners } from '@atlaskit/editor-common/ui-react';
25
25
  import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
26
- import { N0, N30A, N60A } from '@atlaskit/theme/colors';
27
26
  import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
28
27
  export var DEFAULT_HEIGHT = 560;
29
28
 
@@ -240,9 +239,9 @@ var insertMenuWrapper = function insertMenuWrapper(height) {
240
239
  width: '320px',
241
240
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
242
241
  height: "".concat(height, "px"),
243
- backgroundColor: "".concat("var(--ds-surface-overlay, ".concat(N0, ")")),
242
+ backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
244
243
  borderRadius: "var(--ds-radius-small, 3px)",
245
- boxShadow: "".concat("var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(N30A, ",\n 0 2px 1px ").concat(N30A, ",\n 0 0 20px -6px ").concat(N60A), ")"))
244
+ boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
246
245
  });
247
246
  };
248
247
  var flexWrapperStyles = css({
package/dist/esm/ui/ToolbarInsertBlock/index.js CHANGED
@@ -36,7 +36,6 @@ import { EmojiPicker as AkEmojiPicker } from '@atlaskit/emoji/picker';
36
36
  // Ignored via go/ees005
37
37
  // eslint-disable-next-line import/no-namespace
38
38
  import { fg } from '@atlaskit/platform-feature-flags';
39
- import { N20A, N30A } from '@atlaskit/theme/colors';
40
39
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
41
40
  import { LINK_BUTTON_KEY } from '../toolbar-components/hooks/filterDropdownItems';
42
41
  import { BlockInsertMenu } from './block-insert-menu';
@@ -54,7 +53,7 @@ var TABLE_SELECTOR_STRING = 'table selector';
54
53
 
55
54
  // TODO: ED-26959 - Jenga team will create a component for a split button using this css
56
55
  var getHoverStyles = function getHoverStyles(selector) {
57
- return "&:hover ".concat(selector, " {\n background: ", "var(--ds-background-neutral-subtle-hovered, ".concat(N20A, ")"), ";\n\n &:hover {\n background: ", "var(--ds-background-neutral-hovered, ".concat(N30A, ")"), ";\n }\n }");
56
+ return "&:hover ".concat(selector, " {\n background: ", "var(--ds-background-neutral-subtle-hovered, #0515240F)", ";\n\n &:hover {\n background: ", "var(--ds-background-neutral-hovered, #0B120E24)", ";\n }\n }");
58
57
  };
59
58
  var EmojiPicker = function EmojiPicker(props) {
60
59
  var setOutsideClickTargetRef = React.useContext(OutsideClickTargetRefContext);
@@ -69,7 +68,7 @@ export var tableButtonWrapper = function tableButtonWrapper(_ref) {
69
68
  var isTableSelectorOpen = _ref.isTableSelectorOpen,
70
69
  isButtonDisabled = _ref.isButtonDisabled;
71
70
  return (// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation due to mixins
72
- css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\tdisplay: flex;\n\t\t", "\n\t\t", "\n\n .table-toolbar-btn {\n\t\t\tborder-top-right-radius: ", ";\n\t\t\tborder-bottom-right-radius: ", ";\n\t\t\tmargin-right: ", ";\n\t\t\tpadding: ", ";\n\t\t\t& > span {\n\t\t\t\tmin-width: 16px;\n\t\t\t\tmargin: ", ";\n\t\t\t}\n\t\t}\n\t\t.table-selector-toolbar-btn {\n\t\t\tpadding: ", ";\n\t\t\t& > span {\n\t\t\t\tmargin: ", ";\n\t\t\t\twidth: 16px !important;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\tborder-top-left-radius: ", " !important;\n\t\t\tborder-bottom-left-radius: ", " !important;\n\t\t}\n\t"])), !isTableSelectorOpen && !isButtonDisabled && getHoverStyles('.table-selector-toolbar-btn'), !isTableSelectorOpen && !isButtonDisabled && getHoverStyles('.table-toolbar-btn'), "var(--ds-radius-large, 0px)", "var(--ds-radius-large, 0px)", "var(--ds-space-025, 1px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-radius-large, 0px)", "var(--ds-radius-large, 0px)")
71
+ css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\tdisplay: flex;\n\t\t", "\n\t\t", "\n\n .table-toolbar-btn {\n\t\t\tborder-top-right-radius: ", ";\n\t\t\tborder-bottom-right-radius: ", ";\n\t\t\tmargin-right: ", ";\n\t\t\tpadding: ", ";\n\t\t\t& > span {\n\t\t\t\tmin-width: 16px;\n\t\t\t\tmargin: ", ";\n\t\t\t}\n\t\t}\n\t\t.table-selector-toolbar-btn {\n\t\t\tpadding: ", ";\n\t\t\t& > span {\n\t\t\t\tmargin: ", ";\n\t\t\t\twidth: 16px !important;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\tborder-top-left-radius: ", " !important;\n\t\t\tborder-bottom-left-radius: ", " !important;\n\t\t}\n\t"])), !isTableSelectorOpen && !isButtonDisabled && getHoverStyles('.table-selector-toolbar-btn'), !isTableSelectorOpen && !isButtonDisabled && getHoverStyles('.table-toolbar-btn'), "var(--ds-radius-large, 0px)", "var(--ds-radius-large, 0px)", "var(--ds-space-025, 2px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-radius-large, 0px)", "var(--ds-radius-large, 0px)")
73
72
  );
74
73
  };
75
74
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-insert-block",
3
- "version": "9.0.12",
3
+ "version": "9.0.14",
4
4
  "description": "Insert block plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -61,12 +61,11 @@
61
61
  "@atlaskit/editor-toolbar": "^0.20.0",
62
62
  "@atlaskit/editor-toolbar-model": "^0.4.0",
63
63
  "@atlaskit/emoji": "^69.10.0",
64
- "@atlaskit/icon": "^33.0.0",
65
- "@atlaskit/icon-lab": "^6.0.0",
64
+ "@atlaskit/icon": "^33.1.0",
65
+ "@atlaskit/icon-lab": "^6.2.0",
66
66
  "@atlaskit/platform-feature-flags": "^1.1.0",
67
- "@atlaskit/theme": "^22.0.0",
68
- "@atlaskit/tmp-editor-statsig": "^45.0.0",
69
- "@atlaskit/tokens": "^11.1.0",
67
+ "@atlaskit/tmp-editor-statsig": "^46.1.0",
68
+ "@atlaskit/tokens": "^11.2.0",
70
69
  "@babel/runtime": "^7.0.0",
71
70
  "@emotion/react": "^11.7.1",
72
71
  "bind-event-listener": "^3.0.0",
@@ -75,7 +74,7 @@
75
74
  "react-virtualized": "^9.22.6"
76
75
  },
77
76
  "peerDependencies": {
78
- "@atlaskit/editor-common": "^112.8.0",
77
+ "@atlaskit/editor-common": "^112.10.0",
79
78
  "react": "^18.2.0",
80
79
  "react-dom": "^18.2.0",
81
80
  "react-intl-next": "npm:react-intl@^5.18.1"