@atlaskit/editor-core 189.6.2 → 189.6.3

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 (44) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/plugins/alignment/ui/ToolbarAlignment/styles.js +1 -1
  3. package/dist/cjs/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js +1 -1
  4. package/dist/cjs/plugins/collab-edit/styles.js +1 -1
  5. package/dist/cjs/plugins/extension/ui/Extension/Extension/styles.js +1 -1
  6. package/dist/cjs/plugins/extension/ui/Extension/InlineExtension/styles.js +1 -1
  7. package/dist/cjs/plugins/extension/ui/Extension/styles.js +1 -1
  8. package/dist/cjs/plugins/extension/ui/SaveIndicator/SaveIndicator.js +2 -2
  9. package/dist/cjs/ui/Addon/Dropdown/styles.js +1 -1
  10. package/dist/cjs/ui/Addon/DropdownItem/styles.js +1 -1
  11. package/dist/cjs/ui/Appearance/FullPage/StyledComponents.js +1 -1
  12. package/dist/cjs/ui/ChromeCollapsed/styles.js +1 -1
  13. package/dist/cjs/ui/ConfigPanel/Fields/Fieldset.js +1 -1
  14. package/dist/cjs/ui/ToolbarFeedback/styles.js +1 -1
  15. package/dist/cjs/version-wrapper.js +1 -1
  16. package/dist/es2019/plugins/alignment/ui/ToolbarAlignment/styles.js +1 -1
  17. package/dist/es2019/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js +1 -1
  18. package/dist/es2019/plugins/collab-edit/styles.js +1 -1
  19. package/dist/es2019/plugins/extension/ui/Extension/Extension/styles.js +2 -1
  20. package/dist/es2019/plugins/extension/ui/Extension/InlineExtension/styles.js +1 -1
  21. package/dist/es2019/plugins/extension/ui/Extension/styles.js +1 -1
  22. package/dist/es2019/plugins/extension/ui/SaveIndicator/SaveIndicator.js +3 -3
  23. package/dist/es2019/ui/Addon/Dropdown/styles.js +1 -1
  24. package/dist/es2019/ui/Addon/DropdownItem/styles.js +3 -2
  25. package/dist/es2019/ui/Appearance/FullPage/StyledComponents.js +1 -1
  26. package/dist/es2019/ui/ChromeCollapsed/styles.js +3 -3
  27. package/dist/es2019/ui/ConfigPanel/Fields/Fieldset.js +1 -1
  28. package/dist/es2019/ui/ToolbarFeedback/styles.js +3 -3
  29. package/dist/es2019/version-wrapper.js +1 -1
  30. package/dist/esm/plugins/alignment/ui/ToolbarAlignment/styles.js +1 -1
  31. package/dist/esm/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js +1 -1
  32. package/dist/esm/plugins/collab-edit/styles.js +1 -1
  33. package/dist/esm/plugins/extension/ui/Extension/Extension/styles.js +1 -1
  34. package/dist/esm/plugins/extension/ui/Extension/InlineExtension/styles.js +1 -1
  35. package/dist/esm/plugins/extension/ui/Extension/styles.js +1 -1
  36. package/dist/esm/plugins/extension/ui/SaveIndicator/SaveIndicator.js +2 -2
  37. package/dist/esm/ui/Addon/Dropdown/styles.js +1 -1
  38. package/dist/esm/ui/Addon/DropdownItem/styles.js +1 -1
  39. package/dist/esm/ui/Appearance/FullPage/StyledComponents.js +1 -1
  40. package/dist/esm/ui/ChromeCollapsed/styles.js +1 -1
  41. package/dist/esm/ui/ConfigPanel/Fields/Fieldset.js +1 -1
  42. package/dist/esm/ui/ToolbarFeedback/styles.js +1 -1
  43. package/dist/esm/version-wrapper.js +1 -1
  44. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 189.6.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#59829](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59829) [`3120b36a9f2c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3120b36a9f2c) - Converted spacing values to the corresponding space tokens
8
+
3
9
  ## 189.6.2
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/plugins/alignment/ui/ToolbarAlignment/styles.js CHANGED
@@ -10,4 +10,4 @@ var _react = require("@emotion/react");
10
10
  var _templateObject, _templateObject2, _templateObject3;
11
11
  var triggerWrapper = exports.triggerWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
12
12
  var wrapper = exports.wrapper = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n div {\n display: flex;\n }\n"])));
13
- var expandIconWrapper = exports.expandIconWrapper = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: -8px;\n"])));
13
+ var expandIconWrapper = exports.expandIconWrapper = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: ", ";\n"])), "var(--ds-space-negative-100, -8px)");
package/dist/cjs/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js CHANGED
@@ -9,7 +9,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
9
9
  var _react = require("@emotion/react");
10
10
  var _templateObject;
11
11
  /** @jsx jsx */
12
- var beforePrimaryToolbarPluginWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-right: 8px;\n flex-grow: 1;\n justify-content: flex-end;\n align-items: center;\n"])));
12
+ var beforePrimaryToolbarPluginWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-right: ", ";\n flex-grow: 1;\n justify-content: flex-end;\n align-items: center;\n"])), "var(--ds-space-100, 8px)");
13
13
  var BeforePrimaryToolbarWrapper = exports.BeforePrimaryToolbarWrapper = function BeforePrimaryToolbarWrapper(props) {
14
14
  return (0, _react.jsx)("div", {
15
15
  css: beforePrimaryToolbarPluginWrapper,
package/dist/cjs/plugins/collab-edit/styles.js CHANGED
@@ -14,6 +14,6 @@ var _templateObject;
14
14
  var telepointerColorStyle = function telepointerColorStyle(color, index) {
15
15
  return "\n &.color-".concat(index, " {\n background-color: ").concat(color.selection, ";\n &::after {\n background-color: ").concat(color.solid, ";\n color: ", "var(--ds-text-inverse, #fff)", ";\n border-color: ").concat(color.solid, ";\n }\n }\n");
16
16
  };
17
- var telepointerStyle = exports.telepointerStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n .ProseMirror .telepointer {\n position: relative;\n transition: opacity 200ms;\n\n &.telepointer-selection {\n line-height: 1.2;\n pointer-events: none;\n user-select: none;\n }\n\n &.telepointer-selection-badge::after {\n content: attr(data-initial);\n position: absolute;\n display: block;\n top: -14px;\n font-size: ", ";\n padding: 2px;\n color: ", ";\n left: -1px;\n border-radius: 2px 2px 2px 0;\n line-height: initial;\n }\n\n &.", " {\n opacity: 0.2;\n }\n\n ", ";\n }\n"])), (0, _editorSharedStyles.relativeFontSizeToBase16)(9), "var(--ds-text-inverse, white)", _pluginState.TELEPOINTER_DIM_CLASS, _utils.colors.map(function (color, index) {
17
+ var telepointerStyle = exports.telepointerStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n .ProseMirror .telepointer {\n position: relative;\n transition: opacity 200ms;\n\n &.telepointer-selection {\n line-height: 1.2;\n pointer-events: none;\n user-select: none;\n }\n\n &.telepointer-selection-badge::after {\n content: attr(data-initial);\n position: absolute;\n display: block;\n top: -14px;\n font-size: ", ";\n padding: ", ";\n color: ", ";\n left: -1px;\n border-radius: 2px 2px 2px 0;\n line-height: initial;\n }\n\n &.", " {\n opacity: 0.2;\n }\n\n ", ";\n }\n"])), (0, _editorSharedStyles.relativeFontSizeToBase16)(9), "var(--ds-space-025, 2px)", "var(--ds-text-inverse, white)", _pluginState.TELEPOINTER_DIM_CLASS, _utils.colors.map(function (color, index) {
18
18
  return telepointerColorStyle(color, index);
19
19
  }));
package/dist/cjs/plugins/extension/ui/Extension/Extension/styles.js CHANGED
@@ -16,7 +16,7 @@ var widerLayoutClassName = exports.widerLayoutClassName = 'wider-layout';
16
16
  var wrapperStyle = exports.wrapperStyle = function wrapperStyle(theme) {
17
17
  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n ", "\n\n &.without-frame {\n background: transparent;\n }\n cursor: pointer;\n width: 100%;\n\n .extension-overflow-wrapper:not(.with-body) {\n overflow-x: auto;\n }\n"])), (0, _styles.wrapperDefault)(theme));
18
18
  };
19
- var header = exports.header = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n padding: ", "px ", "px 0px;\n vertical-align: middle;\n\n &.with-children:not(.without-frame) {\n padding: 4px 8px 8px;\n }\n &.without-frame {\n padding: 0;\n }\n"])), _styles.padding / 2, _styles.padding / 2);
19
+ var header = exports.header = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n padding: ", "px ", "px 0px;\n vertical-align: middle;\n\n &.with-children:not(.without-frame) {\n padding: ", " ", "\n ", ";\n }\n &.without-frame {\n padding: 0;\n }\n"])), _styles.padding / 2, _styles.padding / 2, "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
20
20
  var content = exports.content = function content(theme) {
21
21
  return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n padding: ", "px;\n background: ", ";\n color: ", ";\n border: 1px solid ", ";\n border-radius: ", "px;\n cursor: initial;\n width: 100%;\n"])), _styles.padding, (0, _components.themed)({
22
22
  light: "var(--ds-surface, white)",
package/dist/cjs/plugins/extension/ui/Extension/InlineExtension/styles.js CHANGED
@@ -11,5 +11,5 @@ var _constants = require("@atlaskit/theme/constants");
11
11
  var _styles = require("../styles");
12
12
  var _templateObject;
13
13
  var wrapperStyle = exports.wrapperStyle = function wrapperStyle(theme) {
14
- return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n ", "\n\n cursor: pointer;\n display: inline-flex;\n margin: 1px 1px 4px;\n\n > img {\n border-radius: ", "px;\n }\n\n &::after,\n &::before {\n vertical-align: text-top;\n display: inline-block;\n width: 1px;\n content: '';\n }\n\n &.with-children {\n padding: 0;\n background: ", ";\n }\n"])), (0, _styles.wrapperDefault)(theme), (0, _constants.borderRadius)(), "var(--ds-background-neutral-subtle, white)");
14
+ return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n ", "\n\n cursor: pointer;\n display: inline-flex;\n margin: 1px 1px ", ";\n\n > img {\n border-radius: ", "px;\n }\n\n &::after,\n &::before {\n vertical-align: text-top;\n display: inline-block;\n width: 1px;\n content: '';\n }\n\n &.with-children {\n padding: 0;\n background: ", ";\n }\n"])), (0, _styles.wrapperDefault)(theme), "var(--ds-space-050, 4px)", (0, _constants.borderRadius)(), "var(--ds-background-neutral-subtle, white)");
15
15
  };
package/dist/cjs/plugins/extension/ui/Extension/styles.js CHANGED
@@ -34,6 +34,6 @@ var wrapperDefault = exports.wrapperDefault = function wrapperDefault(theme) {
34
34
  })(theme), "var(--ds-border-selected, ".concat(_colors.B200, ")"), "var(--ds-background-neutral-hovered, ".concat(_colors.N20A, ")"));
35
35
  };
36
36
  var overlay = exports.overlay = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n border-radius: ", "px;\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s;\n"])), (0, _constants.borderRadius)());
37
- var placeholderFallback = exports.placeholderFallback = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-flex;\n align-items: center;\n\n & > img {\n margin: 0 4px;\n }\n /* TODO: fix in develop: https://atlassian.slack.com/archives/CFG3PSQ9E/p1647395052443259?thread_ts=1647394572.556029&cid=CFG3PSQ9E */\n /* stylelint-disable-next-line */\n label: placeholder-fallback;\n"])));
37
+ var placeholderFallback = exports.placeholderFallback = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-flex;\n align-items: center;\n\n & > img {\n margin: 0 ", ";\n }\n /* TODO: fix in develop: https://atlassian.slack.com/archives/CFG3PSQ9E/p1647395052443259?thread_ts=1647394572.556029&cid=CFG3PSQ9E */\n /* stylelint-disable-next-line */\n label: placeholder-fallback;\n"])), "var(--ds-space-050, 4px)");
38
38
  var placeholderFallbackParams = exports.placeholderFallbackParams = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-block;\n max-width: 200px;\n margin-left: 5px;\n color: ", ";\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N70, ")"));
39
39
  var styledImage = exports.styledImage = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n max-height: 16px;\n max-width: 16px;\n /* TODO: fix in develop: https://atlassian.slack.com/archives/CFG3PSQ9E/p1647395052443259?thread_ts=1647394572.556029&cid=CFG3PSQ9E */\n /* stylelint-disable-next-line */\n label: lozenge-image;\n"])));
package/dist/cjs/plugins/extension/ui/SaveIndicator/SaveIndicator.js CHANGED
@@ -17,8 +17,8 @@ var _templateObject, _templateObject2, _templateObject3;
17
17
  /** @jsx jsx */
18
18
  var noop = function noop() {};
19
19
  var saveIndicatorWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: center;\n"])));
20
- var saveIndicatorContent = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n position: fixed;\n width: 256px;\n bottom: 20px;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 6px 12px;\n\n background: ", ";\n\n /* E300 */\n box-shadow: ", ";\n border-radius: 16px;\n"])), "var(--ds-surface-overlay, ".concat(_colors.N0, ")"), "var(--ds-shadow-overlay, ".concat("0px 8px 12px rgba(9, 30, 66, 0.15), 0px 0px 1px rgba(9, 30, 66, 0.31)", ")"));
21
- var saveIndicatorText = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n padding-left: 6px;\n"])));
20
+ var saveIndicatorContent = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n position: fixed;\n width: 256px;\n bottom: ", ";\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: ", " ", ";\n\n background: ", ";\n\n /* E300 */\n box-shadow: ", ";\n border-radius: 16px;\n"])), "var(--ds-space-250, 20px)", "var(--ds-space-075, 6px)", "var(--ds-space-150, 12px)", "var(--ds-surface-overlay, ".concat(_colors.N0, ")"), "var(--ds-shadow-overlay, ".concat("0px 8px 12px rgba(9, 30, 66, 0.15), 0px 0px 1px rgba(9, 30, 66, 0.31)", ")"));
21
+ var saveIndicatorText = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n padding-left: ", ";\n"])), "var(--ds-space-075, 6px)");
22
22
  var SaveIndicator = exports.SaveIndicator = function SaveIndicator(_ref) {
23
23
  var children = _ref.children,
24
24
  duration = _ref.duration,
package/dist/cjs/ui/Addon/Dropdown/styles.js CHANGED
@@ -10,4 +10,4 @@ var _react = require("@emotion/react");
10
10
  var _constants = require("@atlaskit/theme/constants");
11
11
  var _colors = require("@atlaskit/theme/colors");
12
12
  var _templateObject;
13
- var dropdown = exports.dropdown = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n background: ", ";\n border-radius: ", "px;\n box-shadow: ", ";\n box-sizing: border-box;\n padding: 4px 0;\n"])), "var(--ds-surface-overlay, white)", (0, _constants.borderRadius)(), "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N60A, ", 0 0 1px ").concat(_colors.N60A), ")"));
13
+ var dropdown = exports.dropdown = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n background: ", ";\n border-radius: ", "px;\n box-shadow: ", ";\n box-sizing: border-box;\n padding: ", " 0;\n"])), "var(--ds-surface-overlay, white)", (0, _constants.borderRadius)(), "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N60A, ", 0 0 1px ").concat(_colors.N60A), ")"), "var(--ds-space-050, 4px)");
package/dist/cjs/ui/Addon/DropdownItem/styles.js CHANGED
@@ -9,4 +9,4 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
9
9
  var _react = require("@emotion/react");
10
10
  var _colors = require("@atlaskit/theme/colors");
11
11
  var _templateObject;
12
- var dropdownItem = exports.dropdownItem = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n padding: 8px 32px 8px 12px;\n color: ", ";\n > span {\n display: flex;\n margin-right: 8px;\n }\n &:hover {\n background-color: ", ";\n }\n"])), "var(--ds-text, ".concat(_colors.N800, ")"), "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"));
12
+ var dropdownItem = exports.dropdownItem = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n padding: ", " ", "\n ", " ", ";\n color: ", ";\n > span {\n display: flex;\n margin-right: ", ";\n }\n &:hover {\n background-color: ", ";\n }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-400, 32px)", "var(--ds-space-100, 8px)", "var(--ds-space-150, 12px)", "var(--ds-text, ".concat(_colors.N800, ")"), "var(--ds-space-100, 8px)", "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"));
package/dist/cjs/ui/Appearance/FullPage/StyledComponents.js CHANGED
@@ -44,5 +44,5 @@ var editorContentAreaStyle = exports.editorContentAreaStyle = function editorCon
44
44
  var editorContentAreaWithLayoutWith = function editorContentAreaWithLayoutWith(layoutMaxWidth) {
45
45
  return (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n max-width: ", "px;\n"])), layoutMaxWidth + TOTAL_PADDING);
46
46
  };
47
- var editorContentArea = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n line-height: 24px;\n padding-top: 50px;\n padding-bottom: 55px;\n height: calc(\n 100% - 105px\n ); /* fill the viewport: 100% - (padding top & bottom) */\n width: 100%;\n margin: auto;\n flex-direction: column;\n flex-grow: 1;\n\n max-width: ", "px;\n transition: max-width ", ";\n & .ProseMirror {\n flex-grow: 1;\n box-sizing: border-box;\n }\n\n & .ProseMirror {\n & > * {\n /* pre-emptively clear all direct descendant content, just in case any are adjacent floated content */\n clear: both;\n }\n > p,\n > ul,\n > ol:not(", "):not(", "),\n > h1,\n > h2,\n > h3,\n > h4,\n > h5,\n > h6 {\n /* deliberately allow wrapping of text based nodes, just in case any are adjacent floated content */\n clear: none;\n }\n\n > p:last-child {\n margin-bottom: 24px;\n }\n }\n\n ", ";\n\n .fabric-editor--full-width-mode {\n /* Full Width Mode styles for ignoring breakout sizes */\n .fabric-editor-breakout-mark,\n .extension-container.block,\n .pm-table-container {\n width: 100% !important;\n }\n\n .fabric-editor-breakout-mark {\n margin-left: unset !important;\n transform: none !important;\n }\n }\n"])), _editorSharedStyles.akEditorFullWidthLayoutWidth + TOTAL_PADDING, SWOOP_ANIMATION, _adfSchema.taskListSelector, _adfSchema.decisionListSelector, _commonStyles.tableFullPageEditorStyles);
47
+ var editorContentArea = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n line-height: 24px;\n padding-top: 50px;\n padding-bottom: 55px;\n height: calc(\n 100% - 105px\n ); /* fill the viewport: 100% - (padding top & bottom) */\n width: 100%;\n margin: auto;\n flex-direction: column;\n flex-grow: 1;\n\n max-width: ", "px;\n transition: max-width ", ";\n & .ProseMirror {\n flex-grow: 1;\n box-sizing: border-box;\n }\n\n & .ProseMirror {\n & > * {\n /* pre-emptively clear all direct descendant content, just in case any are adjacent floated content */\n clear: both;\n }\n > p,\n > ul,\n > ol:not(", "):not(", "),\n > h1,\n > h2,\n > h3,\n > h4,\n > h5,\n > h6 {\n /* deliberately allow wrapping of text based nodes, just in case any are adjacent floated content */\n clear: none;\n }\n\n > p:last-child {\n margin-bottom: ", ";\n }\n }\n\n ", ";\n\n .fabric-editor--full-width-mode {\n /* Full Width Mode styles for ignoring breakout sizes */\n .fabric-editor-breakout-mark,\n .extension-container.block,\n .pm-table-container {\n width: 100% !important;\n }\n\n .fabric-editor-breakout-mark {\n margin-left: unset !important;\n transform: none !important;\n }\n }\n"])), _editorSharedStyles.akEditorFullWidthLayoutWidth + TOTAL_PADDING, SWOOP_ANIMATION, _adfSchema.taskListSelector, _adfSchema.decisionListSelector, "var(--ds-space-300, 24px)", _commonStyles.tableFullPageEditorStyles);
48
48
  var editorContentGutterStyle = exports.editorContentGutterStyle = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n box-sizing: border-box;\n padding: 0 ", "px;\n"])), _editorSharedStyles.akEditorGutterPadding);
package/dist/cjs/ui/ChromeCollapsed/styles.js CHANGED
@@ -11,4 +11,4 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
11
11
  var _constants = require("@atlaskit/theme/constants");
12
12
  var _colors = require("@atlaskit/theme/colors");
13
13
  var _templateObject;
14
- var inputStyle = exports.inputStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n /* Normal .className gets overridden by input[type=text] hence this hack to produce input.className */\n input& {\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: ", "px;\n box-sizing: border-box;\n height: 40px;\n padding-left: 20px;\n padding-top: 12px;\n padding-bottom: 12px;\n font-size: ", ";\n width: 100%;\n font-weight: 400;\n line-height: 1.42857142857143;\n letter-spacing: -0.005em;\n color: ", ";\n\n &:hover {\n background-color: ", ";\n border-color: ", ";\n cursor: text;\n }\n }\n"])), "var(--ds-background-input, white)", "var(--ds-border-input, ".concat(_editorSharedStyles.akEditorSubtleAccent, ")"), (0, _constants.borderRadius)(), (0, _editorSharedStyles.relativeFontSizeToBase16)(14), "var(--ds-text-subtlest, ".concat(_colors.N300, ")"), "var(--ds-background-input-hovered, white)", "var(--ds-border-input, ".concat(_colors.N50, ")"));
14
+ var inputStyle = exports.inputStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n /* Normal .className gets overridden by input[type=text] hence this hack to produce input.className */\n input& {\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: ", "px;\n box-sizing: border-box;\n height: 40px;\n padding-left: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n font-size: ", ";\n width: 100%;\n font-weight: 400;\n line-height: 1.42857142857143;\n letter-spacing: -0.005em;\n color: ", ";\n\n &:hover {\n background-color: ", ";\n border-color: ", ";\n cursor: text;\n }\n }\n"])), "var(--ds-background-input, white)", "var(--ds-border-input, ".concat(_editorSharedStyles.akEditorSubtleAccent, ")"), (0, _constants.borderRadius)(), "var(--ds-space-250, 20px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", (0, _editorSharedStyles.relativeFontSizeToBase16)(14), "var(--ds-text-subtlest, ".concat(_colors.N300, ")"), "var(--ds-background-input-hovered, white)", "var(--ds-border-input, ".concat(_colors.N50, ")"));
package/dist/cjs/ui/ConfigPanel/Fields/Fieldset.js CHANGED
@@ -262,5 +262,5 @@ function FieldsetError(_ref) {
262
262
  appearance: "error"
263
263
  }, (0, _react2.jsx)("p", null, message)));
264
264
  }
265
- var sectionMessageWrapper = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n margin-bottom: 24px;\n"])));
265
+ var sectionMessageWrapper = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n margin-bottom: ", ";\n"])), "var(--ds-space-300, 24px)");
266
266
  var _default = exports.default = (0, _reactIntlNext.injectIntl)(FieldsetField);
package/dist/cjs/ui/ToolbarFeedback/styles.js CHANGED
@@ -14,6 +14,6 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
14
14
  var buttonContent = exports.buttonContent = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n height: 24px;\n line-height: 24px;\n min-width: 70px;\n"])));
15
15
  var wrapper = exports.wrapper = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-right: 0;\n"])));
16
16
  var confirmationPopup = exports.confirmationPopup = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n background: ", ";\n border-radius: ", "px;\n box-shadow: ", ";\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n overflow: auto;\n max-height: none;\n height: 410px;\n width: 280px;\n"])), "var(--ds-surface-overlay, #fff)", (0, _constants.borderRadius)(), "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N60A, ", 0 0 1px ").concat(_colors.N60A), ")"));
17
- var confirmationText = exports.confirmationText = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n font-size: ", ";\n word-spacing: 4px;\n line-height: 22px;\n color: ", ";\n margin-top: 30px;\n padding: 20px;\n & > div {\n width: 240px;\n }\n & > div:first-of-type {\n margin-bottom: 12px;\n }\n & > div:nth-of-type(2) {\n margin-bottom: 20px;\n }\n"])), (0, _editorSharedStyles.relativeFontSizeToBase16)(14), "var(--ds-text-subtle, ".concat(_colors.N400, ")"));
17
+ var confirmationText = exports.confirmationText = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n font-size: ", ";\n word-spacing: 4px;\n line-height: 22px;\n color: ", ";\n margin-top: 30px;\n padding: ", ";\n & > div {\n width: 240px;\n }\n & > div:first-of-type {\n margin-bottom: ", ";\n }\n & > div:nth-of-type(2) {\n margin-bottom: ", ";\n }\n"])), (0, _editorSharedStyles.relativeFontSizeToBase16)(14), "var(--ds-text-subtle, ".concat(_colors.N400, ")"), "var(--ds-space-250, 20px)", "var(--ds-space-150, 12px)", "var(--ds-space-250, 20px)");
18
18
  var confirmationHeader = exports.confirmationHeader = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n height: 100px;\n width: 100%;\n display: inline-block;\n"])), "var(--ds-background-discovery-bold, ".concat(_colors.P400, ")"));
19
19
  var confirmationImg = exports.confirmationImg = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n width: 100px;\n display: block;\n margin: 25px auto 0 auto;\n"])));
package/dist/cjs/version-wrapper.js CHANGED
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "189.6.2";
8
+ var version = exports.version = "189.6.3";
package/dist/es2019/plugins/alignment/ui/ToolbarAlignment/styles.js CHANGED
@@ -10,5 +10,5 @@ export const wrapper = css`
10
10
  }
11
11
  `;
12
12
  export const expandIconWrapper = css`
13
- margin-left: -8px;
13
+ margin-left: ${"var(--ds-space-negative-100, -8px)"};
14
14
  `;
package/dist/es2019/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js CHANGED
@@ -2,7 +2,7 @@
2
2
  import { css, jsx } from '@emotion/react';
3
3
  const beforePrimaryToolbarPluginWrapper = css`
4
4
  display: flex;
5
- margin-right: 8px;
5
+ margin-right: ${"var(--ds-space-100, 8px)"};
6
6
  flex-grow: 1;
7
7
  justify-content: flex-end;
8
8
  align-items: center;
package/dist/es2019/plugins/collab-edit/styles.js CHANGED
@@ -29,7 +29,7 @@ export const telepointerStyle = css`
29
29
  display: block;
30
30
  top: -14px;
31
31
  font-size: ${relativeFontSizeToBase16(9)};
32
- padding: 2px;
32
+ padding: ${"var(--ds-space-025, 2px)"};
33
33
  color: ${"var(--ds-text-inverse, white)"};
34
34
  left: -1px;
35
35
  border-radius: 2px 2px 2px 0;
package/dist/es2019/plugins/extension/ui/Extension/Extension/styles.js CHANGED
@@ -22,7 +22,8 @@ export const header = css`
22
22
  vertical-align: middle;
23
23
 
24
24
  &.with-children:not(.without-frame) {
25
- padding: 4px 8px 8px;
25
+ padding: ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}
26
+ ${"var(--ds-space-100, 8px)"};
26
27
  }
27
28
  &.without-frame {
28
29
  padding: 0;
package/dist/es2019/plugins/extension/ui/Extension/InlineExtension/styles.js CHANGED
@@ -6,7 +6,7 @@ export const wrapperStyle = theme => css`
6
6
 
7
7
  cursor: pointer;
8
8
  display: inline-flex;
9
- margin: 1px 1px 4px;
9
+ margin: 1px 1px ${"var(--ds-space-050, 4px)"};
10
10
 
11
11
  > img {
12
12
  border-radius: ${borderRadius()}px;
package/dist/es2019/plugins/extension/ui/Extension/styles.js CHANGED
@@ -46,7 +46,7 @@ export const placeholderFallback = css`
46
46
  align-items: center;
47
47
 
48
48
  & > img {
49
- margin: 0 4px;
49
+ margin: 0 ${"var(--ds-space-050, 4px)"};
50
50
  }
51
51
  /* TODO: fix in develop: https://atlassian.slack.com/archives/CFG3PSQ9E/p1647395052443259?thread_ts=1647394572.556029&cid=CFG3PSQ9E */
52
52
  /* stylelint-disable-next-line */
package/dist/es2019/plugins/extension/ui/SaveIndicator/SaveIndicator.js CHANGED
@@ -13,11 +13,11 @@ const saveIndicatorWrapper = css`
13
13
  const saveIndicatorContent = css`
14
14
  position: fixed;
15
15
  width: 256px;
16
- bottom: 20px;
16
+ bottom: ${"var(--ds-space-250, 20px)"};
17
17
  display: flex;
18
18
  flex-direction: row;
19
19
  align-items: center;
20
- padding: 6px 12px;
20
+ padding: ${"var(--ds-space-075, 6px)"} ${"var(--ds-space-150, 12px)"};
21
21
 
22
22
  background: ${`var(--ds-surface-overlay, ${N0})`};
23
23
 
@@ -26,7 +26,7 @@ const saveIndicatorContent = css`
26
26
  border-radius: 16px;
27
27
  `;
28
28
  const saveIndicatorText = css`
29
- padding-left: 6px;
29
+ padding-left: ${"var(--ds-space-075, 6px)"};
30
30
  `;
31
31
  export const SaveIndicator = ({
32
32
  children,
package/dist/es2019/ui/Addon/Dropdown/styles.js CHANGED
@@ -8,5 +8,5 @@ export const dropdown = css`
8
8
  border-radius: ${borderRadius()}px;
9
9
  box-shadow: ${`var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N60A}, 0 0 1px ${N60A}`})`};
10
10
  box-sizing: border-box;
11
- padding: 4px 0;
11
+ padding: ${"var(--ds-space-050, 4px)"} 0;
12
12
  `;
package/dist/es2019/ui/Addon/DropdownItem/styles.js CHANGED
@@ -5,11 +5,12 @@ export const dropdownItem = css`
5
5
  align-items: center;
6
6
  cursor: pointer;
7
7
  text-decoration: none;
8
- padding: 8px 32px 8px 12px;
8
+ padding: ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-400, 32px)"}
9
+ ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-150, 12px)"};
9
10
  color: ${`var(--ds-text, ${N800})`};
10
11
  > span {
11
12
  display: flex;
12
- margin-right: 8px;
13
+ margin-right: ${"var(--ds-space-100, 8px)"};
13
14
  }
14
15
  &:hover {
15
16
  background-color: ${`var(--ds-background-neutral-subtle-hovered, ${N20})`};
package/dist/es2019/ui/Appearance/FullPage/StyledComponents.js CHANGED
@@ -125,7 +125,7 @@ const editorContentArea = css`
125
125
  }
126
126
 
127
127
  > p:last-child {
128
- margin-bottom: 24px;
128
+ margin-bottom: ${"var(--ds-space-300, 24px)"};
129
129
  }
130
130
  }
131
131
 
package/dist/es2019/ui/ChromeCollapsed/styles.js CHANGED
@@ -10,9 +10,9 @@ export const inputStyle = css`
10
10
  border-radius: ${borderRadius()}px;
11
11
  box-sizing: border-box;
12
12
  height: 40px;
13
- padding-left: 20px;
14
- padding-top: 12px;
15
- padding-bottom: 12px;
13
+ padding-left: ${"var(--ds-space-250, 20px)"};
14
+ padding-top: ${"var(--ds-space-150, 12px)"};
15
+ padding-bottom: ${"var(--ds-space-150, 12px)"};
16
16
  font-size: ${relativeFontSizeToBase16(14)};
17
17
  width: 100%;
18
18
  font-weight: 400;
package/dist/es2019/ui/ConfigPanel/Fields/Fieldset.js CHANGED
@@ -221,6 +221,6 @@ function FieldsetError({
221
221
  }, jsx("p", null, message)));
222
222
  }
223
223
  const sectionMessageWrapper = css`
224
- margin-bottom: 24px;
224
+ margin-bottom: ${"var(--ds-space-300, 24px)"};
225
225
  `;
226
226
  export default injectIntl(FieldsetField);
package/dist/es2019/ui/ToolbarFeedback/styles.js CHANGED
@@ -30,15 +30,15 @@ export const confirmationText = css`
30
30
  line-height: 22px;
31
31
  color: ${`var(--ds-text-subtle, ${N400})`};
32
32
  margin-top: 30px;
33
- padding: 20px;
33
+ padding: ${"var(--ds-space-250, 20px)"};
34
34
  & > div {
35
35
  width: 240px;
36
36
  }
37
37
  & > div:first-of-type {
38
- margin-bottom: 12px;
38
+ margin-bottom: ${"var(--ds-space-150, 12px)"};
39
39
  }
40
40
  & > div:nth-of-type(2) {
41
- margin-bottom: 20px;
41
+ margin-bottom: ${"var(--ds-space-250, 20px)"};
42
42
  }
43
43
  `;
44
44
  export const confirmationHeader = css`
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "189.6.2";
2
+ export const version = "189.6.3";
package/dist/esm/plugins/alignment/ui/ToolbarAlignment/styles.js CHANGED
@@ -3,4 +3,4 @@ var _templateObject, _templateObject2, _templateObject3;
3
3
  import { css } from '@emotion/react';
4
4
  export var triggerWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n"])));
5
5
  export var wrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n div {\n display: flex;\n }\n"])));
6
- export var expandIconWrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-left: -8px;\n"])));
6
+ export var expandIconWrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-left: ", ";\n"])), "var(--ds-space-negative-100, -8px)");
package/dist/esm/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js CHANGED
@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
  var _templateObject;
3
3
  /** @jsx jsx */
4
4
  import { css, jsx } from '@emotion/react';
5
- var beforePrimaryToolbarPluginWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n margin-right: 8px;\n flex-grow: 1;\n justify-content: flex-end;\n align-items: center;\n"])));
5
+ var beforePrimaryToolbarPluginWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n margin-right: ", ";\n flex-grow: 1;\n justify-content: flex-end;\n align-items: center;\n"])), "var(--ds-space-100, 8px)");
6
6
  export var BeforePrimaryToolbarWrapper = function BeforePrimaryToolbarWrapper(props) {
7
7
  return jsx("div", {
8
8
  css: beforePrimaryToolbarPluginWrapper,
package/dist/esm/plugins/collab-edit/styles.js CHANGED
@@ -7,6 +7,6 @@ import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
7
7
  var telepointerColorStyle = function telepointerColorStyle(color, index) {
8
8
  return "\n &.color-".concat(index, " {\n background-color: ").concat(color.selection, ";\n &::after {\n background-color: ").concat(color.solid, ";\n color: ", "var(--ds-text-inverse, #fff)", ";\n border-color: ").concat(color.solid, ";\n }\n }\n");
9
9
  };
10
- export var telepointerStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .ProseMirror .telepointer {\n position: relative;\n transition: opacity 200ms;\n\n &.telepointer-selection {\n line-height: 1.2;\n pointer-events: none;\n user-select: none;\n }\n\n &.telepointer-selection-badge::after {\n content: attr(data-initial);\n position: absolute;\n display: block;\n top: -14px;\n font-size: ", ";\n padding: 2px;\n color: ", ";\n left: -1px;\n border-radius: 2px 2px 2px 0;\n line-height: initial;\n }\n\n &.", " {\n opacity: 0.2;\n }\n\n ", ";\n }\n"])), relativeFontSizeToBase16(9), "var(--ds-text-inverse, white)", TELEPOINTER_DIM_CLASS, colors.map(function (color, index) {
10
+ export var telepointerStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .ProseMirror .telepointer {\n position: relative;\n transition: opacity 200ms;\n\n &.telepointer-selection {\n line-height: 1.2;\n pointer-events: none;\n user-select: none;\n }\n\n &.telepointer-selection-badge::after {\n content: attr(data-initial);\n position: absolute;\n display: block;\n top: -14px;\n font-size: ", ";\n padding: ", ";\n color: ", ";\n left: -1px;\n border-radius: 2px 2px 2px 0;\n line-height: initial;\n }\n\n &.", " {\n opacity: 0.2;\n }\n\n ", ";\n }\n"])), relativeFontSizeToBase16(9), "var(--ds-space-025, 2px)", "var(--ds-text-inverse, white)", TELEPOINTER_DIM_CLASS, colors.map(function (color, index) {
11
11
  return telepointerColorStyle(color, index);
12
12
  }));
package/dist/esm/plugins/extension/ui/Extension/Extension/styles.js CHANGED
@@ -9,7 +9,7 @@ export var widerLayoutClassName = 'wider-layout';
9
9
  export var wrapperStyle = function wrapperStyle(theme) {
10
10
  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n\n &.without-frame {\n background: transparent;\n }\n cursor: pointer;\n width: 100%;\n\n .extension-overflow-wrapper:not(.with-body) {\n overflow-x: auto;\n }\n"])), wrapperDefault(theme));
11
11
  };
12
- export var header = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: ", "px ", "px 0px;\n vertical-align: middle;\n\n &.with-children:not(.without-frame) {\n padding: 4px 8px 8px;\n }\n &.without-frame {\n padding: 0;\n }\n"])), padding / 2, padding / 2);
12
+ export var header = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: ", "px ", "px 0px;\n vertical-align: middle;\n\n &.with-children:not(.without-frame) {\n padding: ", " ", "\n ", ";\n }\n &.without-frame {\n padding: 0;\n }\n"])), padding / 2, padding / 2, "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
13
13
  export var content = function content(theme) {
14
14
  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding: ", "px;\n background: ", ";\n color: ", ";\n border: 1px solid ", ";\n border-radius: ", "px;\n cursor: initial;\n width: 100%;\n"])), padding, themed({
15
15
  light: "var(--ds-surface, white)",
package/dist/esm/plugins/extension/ui/Extension/InlineExtension/styles.js CHANGED
@@ -4,5 +4,5 @@ import { css } from '@emotion/react';
4
4
  import { borderRadius } from '@atlaskit/theme/constants';
5
5
  import { wrapperDefault } from '../styles';
6
6
  export var wrapperStyle = function wrapperStyle(theme) {
7
- return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n\n cursor: pointer;\n display: inline-flex;\n margin: 1px 1px 4px;\n\n > img {\n border-radius: ", "px;\n }\n\n &::after,\n &::before {\n vertical-align: text-top;\n display: inline-block;\n width: 1px;\n content: '';\n }\n\n &.with-children {\n padding: 0;\n background: ", ";\n }\n"])), wrapperDefault(theme), borderRadius(), "var(--ds-background-neutral-subtle, white)");
7
+ return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n\n cursor: pointer;\n display: inline-flex;\n margin: 1px 1px ", ";\n\n > img {\n border-radius: ", "px;\n }\n\n &::after,\n &::before {\n vertical-align: text-top;\n display: inline-block;\n width: 1px;\n content: '';\n }\n\n &.with-children {\n padding: 0;\n background: ", ";\n }\n"])), wrapperDefault(theme), "var(--ds-space-050, 4px)", borderRadius(), "var(--ds-background-neutral-subtle, white)");
8
8
  };
package/dist/esm/plugins/extension/ui/Extension/styles.js CHANGED
@@ -15,6 +15,6 @@ export var wrapperDefault = function wrapperDefault(theme) {
15
15
  })(theme), "var(--ds-border-selected, ".concat(B200, ")"), "var(--ds-background-neutral-hovered, ".concat(N20A, ")"));
16
16
  };
17
17
  export var overlay = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n border-radius: ", "px;\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s;\n"])), borderRadius());
18
- export var placeholderFallback = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: inline-flex;\n align-items: center;\n\n & > img {\n margin: 0 4px;\n }\n /* TODO: fix in develop: https://atlassian.slack.com/archives/CFG3PSQ9E/p1647395052443259?thread_ts=1647394572.556029&cid=CFG3PSQ9E */\n /* stylelint-disable-next-line */\n label: placeholder-fallback;\n"])));
18
+ export var placeholderFallback = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: inline-flex;\n align-items: center;\n\n & > img {\n margin: 0 ", ";\n }\n /* TODO: fix in develop: https://atlassian.slack.com/archives/CFG3PSQ9E/p1647395052443259?thread_ts=1647394572.556029&cid=CFG3PSQ9E */\n /* stylelint-disable-next-line */\n label: placeholder-fallback;\n"])), "var(--ds-space-050, 4px)");
19
19
  export var placeholderFallbackParams = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: inline-block;\n max-width: 200px;\n margin-left: 5px;\n color: ", ";\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n"])), "var(--ds-text-subtlest, ".concat(N70, ")"));
20
20
  export var styledImage = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n max-height: 16px;\n max-width: 16px;\n /* TODO: fix in develop: https://atlassian.slack.com/archives/CFG3PSQ9E/p1647395052443259?thread_ts=1647394572.556029&cid=CFG3PSQ9E */\n /* stylelint-disable-next-line */\n label: lozenge-image;\n"])));
package/dist/esm/plugins/extension/ui/SaveIndicator/SaveIndicator.js CHANGED
@@ -10,8 +10,8 @@ import { FormattedMessage } from 'react-intl-next';
10
10
  import { messages } from './messages';
11
11
  var noop = function noop() {};
12
12
  var saveIndicatorWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n"])));
13
- var saveIndicatorContent = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: fixed;\n width: 256px;\n bottom: 20px;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 6px 12px;\n\n background: ", ";\n\n /* E300 */\n box-shadow: ", ";\n border-radius: 16px;\n"])), "var(--ds-surface-overlay, ".concat(N0, ")"), "var(--ds-shadow-overlay, ".concat("0px 8px 12px rgba(9, 30, 66, 0.15), 0px 0px 1px rgba(9, 30, 66, 0.31)", ")"));
14
- var saveIndicatorText = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding-left: 6px;\n"])));
13
+ var saveIndicatorContent = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: fixed;\n width: 256px;\n bottom: ", ";\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: ", " ", ";\n\n background: ", ";\n\n /* E300 */\n box-shadow: ", ";\n border-radius: 16px;\n"])), "var(--ds-space-250, 20px)", "var(--ds-space-075, 6px)", "var(--ds-space-150, 12px)", "var(--ds-surface-overlay, ".concat(N0, ")"), "var(--ds-shadow-overlay, ".concat("0px 8px 12px rgba(9, 30, 66, 0.15), 0px 0px 1px rgba(9, 30, 66, 0.31)", ")"));
14
+ var saveIndicatorText = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding-left: ", ";\n"])), "var(--ds-space-075, 6px)");
15
15
  export var SaveIndicator = function SaveIndicator(_ref) {
16
16
  var children = _ref.children,
17
17
  duration = _ref.duration,
package/dist/esm/ui/Addon/Dropdown/styles.js CHANGED
@@ -3,4 +3,4 @@ var _templateObject;
3
3
  import { css } from '@emotion/react';
4
4
  import { borderRadius } from '@atlaskit/theme/constants';
5
5
  import { N60A } from '@atlaskit/theme/colors';
6
- export var dropdown = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n background: ", ";\n border-radius: ", "px;\n box-shadow: ", ";\n box-sizing: border-box;\n padding: 4px 0;\n"])), "var(--ds-surface-overlay, white)", borderRadius(), "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N60A, ", 0 0 1px ").concat(N60A), ")"));
6
+ export var dropdown = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n background: ", ";\n border-radius: ", "px;\n box-shadow: ", ";\n box-sizing: border-box;\n padding: ", " 0;\n"])), "var(--ds-surface-overlay, white)", borderRadius(), "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N60A, ", 0 0 1px ").concat(N60A), ")"), "var(--ds-space-050, 4px)");
package/dist/esm/ui/Addon/DropdownItem/styles.js CHANGED
@@ -2,4 +2,4 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
  var _templateObject;
3
3
  import { css } from '@emotion/react';
4
4
  import { N800, N20 } from '@atlaskit/theme/colors';
5
- export var dropdownItem = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n padding: 8px 32px 8px 12px;\n color: ", ";\n > span {\n display: flex;\n margin-right: 8px;\n }\n &:hover {\n background-color: ", ";\n }\n"])), "var(--ds-text, ".concat(N800, ")"), "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")"));
5
+ export var dropdownItem = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n padding: ", " ", "\n ", " ", ";\n color: ", ";\n > span {\n display: flex;\n margin-right: ", ";\n }\n &:hover {\n background-color: ", ";\n }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-400, 32px)", "var(--ds-space-100, 8px)", "var(--ds-space-150, 12px)", "var(--ds-text, ".concat(N800, ")"), "var(--ds-space-100, 8px)", "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")"));
package/dist/esm/ui/Appearance/FullPage/StyledComponents.js CHANGED
@@ -37,5 +37,5 @@ export var editorContentAreaStyle = function editorContentAreaStyle(_ref) {
37
37
  var editorContentAreaWithLayoutWith = function editorContentAreaWithLayoutWith(layoutMaxWidth) {
38
38
  return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n max-width: ", "px;\n"])), layoutMaxWidth + TOTAL_PADDING);
39
39
  };
40
- var editorContentArea = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n line-height: 24px;\n padding-top: 50px;\n padding-bottom: 55px;\n height: calc(\n 100% - 105px\n ); /* fill the viewport: 100% - (padding top & bottom) */\n width: 100%;\n margin: auto;\n flex-direction: column;\n flex-grow: 1;\n\n max-width: ", "px;\n transition: max-width ", ";\n & .ProseMirror {\n flex-grow: 1;\n box-sizing: border-box;\n }\n\n & .ProseMirror {\n & > * {\n /* pre-emptively clear all direct descendant content, just in case any are adjacent floated content */\n clear: both;\n }\n > p,\n > ul,\n > ol:not(", "):not(", "),\n > h1,\n > h2,\n > h3,\n > h4,\n > h5,\n > h6 {\n /* deliberately allow wrapping of text based nodes, just in case any are adjacent floated content */\n clear: none;\n }\n\n > p:last-child {\n margin-bottom: 24px;\n }\n }\n\n ", ";\n\n .fabric-editor--full-width-mode {\n /* Full Width Mode styles for ignoring breakout sizes */\n .fabric-editor-breakout-mark,\n .extension-container.block,\n .pm-table-container {\n width: 100% !important;\n }\n\n .fabric-editor-breakout-mark {\n margin-left: unset !important;\n transform: none !important;\n }\n }\n"])), akEditorFullWidthLayoutWidth + TOTAL_PADDING, SWOOP_ANIMATION, taskListSelector, decisionListSelector, tableFullPageEditorStyles);
40
+ var editorContentArea = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n line-height: 24px;\n padding-top: 50px;\n padding-bottom: 55px;\n height: calc(\n 100% - 105px\n ); /* fill the viewport: 100% - (padding top & bottom) */\n width: 100%;\n margin: auto;\n flex-direction: column;\n flex-grow: 1;\n\n max-width: ", "px;\n transition: max-width ", ";\n & .ProseMirror {\n flex-grow: 1;\n box-sizing: border-box;\n }\n\n & .ProseMirror {\n & > * {\n /* pre-emptively clear all direct descendant content, just in case any are adjacent floated content */\n clear: both;\n }\n > p,\n > ul,\n > ol:not(", "):not(", "),\n > h1,\n > h2,\n > h3,\n > h4,\n > h5,\n > h6 {\n /* deliberately allow wrapping of text based nodes, just in case any are adjacent floated content */\n clear: none;\n }\n\n > p:last-child {\n margin-bottom: ", ";\n }\n }\n\n ", ";\n\n .fabric-editor--full-width-mode {\n /* Full Width Mode styles for ignoring breakout sizes */\n .fabric-editor-breakout-mark,\n .extension-container.block,\n .pm-table-container {\n width: 100% !important;\n }\n\n .fabric-editor-breakout-mark {\n margin-left: unset !important;\n transform: none !important;\n }\n }\n"])), akEditorFullWidthLayoutWidth + TOTAL_PADDING, SWOOP_ANIMATION, taskListSelector, decisionListSelector, "var(--ds-space-300, 24px)", tableFullPageEditorStyles);
41
41
  export var editorContentGutterStyle = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n box-sizing: border-box;\n padding: 0 ", "px;\n"])), akEditorGutterPadding);
package/dist/esm/ui/ChromeCollapsed/styles.js CHANGED
@@ -4,4 +4,4 @@ import { css } from '@emotion/react';
4
4
  import { akEditorSubtleAccent, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
5
5
  import { borderRadius } from '@atlaskit/theme/constants';
6
6
  import { N300, N50 } from '@atlaskit/theme/colors';
7
- export var inputStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n /* Normal .className gets overridden by input[type=text] hence this hack to produce input.className */\n input& {\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: ", "px;\n box-sizing: border-box;\n height: 40px;\n padding-left: 20px;\n padding-top: 12px;\n padding-bottom: 12px;\n font-size: ", ";\n width: 100%;\n font-weight: 400;\n line-height: 1.42857142857143;\n letter-spacing: -0.005em;\n color: ", ";\n\n &:hover {\n background-color: ", ";\n border-color: ", ";\n cursor: text;\n }\n }\n"])), "var(--ds-background-input, white)", "var(--ds-border-input, ".concat(akEditorSubtleAccent, ")"), borderRadius(), relativeFontSizeToBase16(14), "var(--ds-text-subtlest, ".concat(N300, ")"), "var(--ds-background-input-hovered, white)", "var(--ds-border-input, ".concat(N50, ")"));
7
+ export var inputStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n /* Normal .className gets overridden by input[type=text] hence this hack to produce input.className */\n input& {\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: ", "px;\n box-sizing: border-box;\n height: 40px;\n padding-left: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n font-size: ", ";\n width: 100%;\n font-weight: 400;\n line-height: 1.42857142857143;\n letter-spacing: -0.005em;\n color: ", ";\n\n &:hover {\n background-color: ", ";\n border-color: ", ";\n cursor: text;\n }\n }\n"])), "var(--ds-background-input, white)", "var(--ds-border-input, ".concat(akEditorSubtleAccent, ")"), borderRadius(), "var(--ds-space-250, 20px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", relativeFontSizeToBase16(14), "var(--ds-text-subtlest, ".concat(N300, ")"), "var(--ds-background-input-hovered, white)", "var(--ds-border-input, ".concat(N50, ")"));
package/dist/esm/ui/ConfigPanel/Fields/Fieldset.js CHANGED
@@ -252,5 +252,5 @@ function FieldsetError(_ref) {
252
252
  appearance: "error"
253
253
  }, jsx("p", null, message)));
254
254
  }
255
- var sectionMessageWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin-bottom: 24px;\n"])));
255
+ var sectionMessageWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), "var(--ds-space-300, 24px)");
256
256
  export default injectIntl(FieldsetField);
package/dist/esm/ui/ToolbarFeedback/styles.js CHANGED
@@ -7,6 +7,6 @@ import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
7
7
  export var buttonContent = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n height: 24px;\n line-height: 24px;\n min-width: 70px;\n"])));
8
8
  export var wrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n margin-right: 0;\n"])));
9
9
  export var confirmationPopup = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n background: ", ";\n border-radius: ", "px;\n box-shadow: ", ";\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n overflow: auto;\n max-height: none;\n height: 410px;\n width: 280px;\n"])), "var(--ds-surface-overlay, #fff)", borderRadius(), "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N60A, ", 0 0 1px ").concat(N60A), ")"));
10
- export var confirmationText = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n font-size: ", ";\n word-spacing: 4px;\n line-height: 22px;\n color: ", ";\n margin-top: 30px;\n padding: 20px;\n & > div {\n width: 240px;\n }\n & > div:first-of-type {\n margin-bottom: 12px;\n }\n & > div:nth-of-type(2) {\n margin-bottom: 20px;\n }\n"])), relativeFontSizeToBase16(14), "var(--ds-text-subtle, ".concat(N400, ")"));
10
+ export var confirmationText = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n font-size: ", ";\n word-spacing: 4px;\n line-height: 22px;\n color: ", ";\n margin-top: 30px;\n padding: ", ";\n & > div {\n width: 240px;\n }\n & > div:first-of-type {\n margin-bottom: ", ";\n }\n & > div:nth-of-type(2) {\n margin-bottom: ", ";\n }\n"])), relativeFontSizeToBase16(14), "var(--ds-text-subtle, ".concat(N400, ")"), "var(--ds-space-250, 20px)", "var(--ds-space-150, 12px)", "var(--ds-space-250, 20px)");
11
11
  export var confirmationHeader = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n background-color: ", ";\n height: 100px;\n width: 100%;\n display: inline-block;\n"])), "var(--ds-background-discovery-bold, ".concat(P400, ")"));
12
12
  export var confirmationImg = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n width: 100px;\n display: block;\n margin: 25px auto 0 auto;\n"])));
package/dist/esm/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "189.6.2";
2
+ export var version = "189.6.3";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "189.6.2",
3
+ "version": "189.6.3",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"