@atlaskit/editor-core 193.11.5 → 193.11.8

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-core
 
+## 193.11.8
+
+### Patch Changes
+
+- [#94190](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94190) [`a630077ab3ca`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a630077ab3ca) - [ux] Removes outline from bodied outline borders for new macro design
+
 ## 193.11.5
 
 ### Patch Changes

package/dist/cjs/ui/ContentStyles/extension.js

@@ -10,16 +10,8 @@ var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject, _templateObject2, _templateObject3;
-// Bodied extensions have labels that need to be styled differently
-var baseBodiedExtensionLabelStyles = (0, _react.css)({
-  borderBottom: 'none',
-  // Needs this exact number otherwise there will be a a noticeable gap
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-  top: '-19px'
-});
-
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
-var bodiedExtensionLabelStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  &.danger > span > div > .bodied.extension-label {\n    border: 1px solid ", ";\n    ", "\n  }\n\n  &:not(.danger).", "\n    > span\n    > div\n    > .bodied.extension-label {\n    border: 1px solid ", ";\n    ", "\n  }\n"])), "var(--ds-border-danger, ".concat(_colors.R400, ")"), baseBodiedExtensionLabelStyles, _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border-selected, ".concat(_colors.B400, ")"), baseBodiedExtensionLabelStyles);
+var bodiedExtensionLabelStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  // Bodied extensions have labels that need to be styled differently on danger/select due to initially having a border\n  &.danger > span > div > .bodied.extension-label,\n  &:not(.danger).", "\n    > span\n    > div\n    > .bodied.extension-label {\n    border: none;\n  }\n"])), _editorSharedStyles.akEditorSelectedNodeClassName);
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 var extensionLabelStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  &.danger > span > div > .extension-label {\n    background-color: ", ";\n    color: ", ";\n    opacity: 1;\n  }\n\n  &:not(.danger).", "\n    > span\n    > div\n    > .extension-label {\n    background-color: ", ";\n    color: ", ";\n    opacity: 1;\n  }\n\n  ", "\n"])), "var(--ds-background-accent-red-subtler, ".concat(_colors.R200, ")"), "var(--ds-text-danger, ".concat(_colors.R400, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-background-selected, ".concat(_colors.B50, ")"), "var(--ds-text-selected, ".concat(_colors.B400, ")"), bodiedExtensionLabelStyles);

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "193.11.5";
+var version = exports.version = "193.11.8";

package/dist/es2019/ui/ContentStyles/extension.js

@@ -1,27 +1,15 @@
 import { css } from '@emotion/react';
 import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, blockNodesVerticalMargin, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 import { B400, B50, R200, R400 } from '@atlaskit/theme/colors';
-// Bodied extensions have labels that need to be styled differently
-const baseBodiedExtensionLabelStyles = css({
-  borderBottom: 'none',
-  // Needs this exact number otherwise there will be a a noticeable gap
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-  top: '-19px'
-});
-
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 const bodiedExtensionLabelStyles = css`
-  &.danger > span > div > .bodied.extension-label {
-    border: 1px solid ${`var(--ds-border-danger, ${R400})`};
-    ${baseBodiedExtensionLabelStyles}
-  }
-
+  // Bodied extensions have labels that need to be styled differently on danger/select due to initially having a border
+  &.danger > span > div > .bodied.extension-label,
   &:not(.danger).${akEditorSelectedNodeClassName}
     > span
     > div
     > .bodied.extension-label {
-    border: 1px solid ${`var(--ds-border-selected, ${B400})`};
-    ${baseBodiedExtensionLabelStyles}
+    border: none;
   }
 `;
 

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "193.11.5";
+export const version = "193.11.8";

package/dist/esm/ui/ContentStyles/extension.js

@@ -3,16 +3,8 @@ var _templateObject, _templateObject2, _templateObject3;
 import { css } from '@emotion/react';
 import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, blockNodesVerticalMargin, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 import { B400, B50, R200, R400 } from '@atlaskit/theme/colors';
-// Bodied extensions have labels that need to be styled differently
-var baseBodiedExtensionLabelStyles = css({
-  borderBottom: 'none',
-  // Needs this exact number otherwise there will be a a noticeable gap
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-  top: '-19px'
-});
-
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
-var bodiedExtensionLabelStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &.danger > span > div > .bodied.extension-label {\n    border: 1px solid ", ";\n    ", "\n  }\n\n  &:not(.danger).", "\n    > span\n    > div\n    > .bodied.extension-label {\n    border: 1px solid ", ";\n    ", "\n  }\n"])), "var(--ds-border-danger, ".concat(R400, ")"), baseBodiedExtensionLabelStyles, akEditorSelectedNodeClassName, "var(--ds-border-selected, ".concat(B400, ")"), baseBodiedExtensionLabelStyles);
+var bodiedExtensionLabelStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  // Bodied extensions have labels that need to be styled differently on danger/select due to initially having a border\n  &.danger > span > div > .bodied.extension-label,\n  &:not(.danger).", "\n    > span\n    > div\n    > .bodied.extension-label {\n    border: none;\n  }\n"])), akEditorSelectedNodeClassName);
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 var extensionLabelStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &.danger > span > div > .extension-label {\n    background-color: ", ";\n    color: ", ";\n    opacity: 1;\n  }\n\n  &:not(.danger).", "\n    > span\n    > div\n    > .extension-label {\n    background-color: ", ";\n    color: ", ";\n    opacity: 1;\n  }\n\n  ", "\n"])), "var(--ds-background-accent-red-subtler, ".concat(R200, ")"), "var(--ds-text-danger, ".concat(R400, ")"), akEditorSelectedNodeClassName, "var(--ds-background-selected, ".concat(B50, ")"), "var(--ds-text-selected, ".concat(B400, ")"), bodiedExtensionLabelStyles);

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "193.11.5";
+export var version = "193.11.8";