@atlaskit/editor-plugin-show-diff 24.1.3 → 24.1.4

package/dist/cjs/pm-plugins/decorations/colorSchemes/standard.js

@@ -6,20 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.standardDecorationMarkerVariable = exports.getStandardDeletedRowStyle = exports.getStandardDeletedContentStyleNew = exports.getStandardDeletedContentStyleActive = exports.getStandardDeletedContentStyle = exports.editingStyleRuleNode = exports.editingStyleQuoteNode = exports.editingStyleNode = exports.editingStyleExtendedNoUnderline = exports.editingStyleExtended = exports.editingStyleCardBlockNode = exports.editingStyleActiveExtendedNoUnderline = exports.editingStyleActiveExtended = exports.editingContentStyleInBlockExtendedNoUnderline = exports.editingContentStyleInBlockExtended = exports.deletedStyleQuoteNodeWithLozengeActive = exports.deletedStyleQuoteNodeWithLozenge = exports.deletedStyleQuoteNode = exports.deletedInlineContentStyleExtended = exports.deletedDecorationMarkerVariable = exports.deletedContentStyleUnbounded = exports.deletedCellOverlayStyle = exports.deletedCellOverlayRoundedStyle = exports.deletedBlockOutlineRoundedActive = exports.deletedBlockOutlineRounded = exports.deletedBlockOutlineActive = exports.deletedBlockOutline = exports.addedCellOverlayStyle = exports.addedCellOverlayRoundedStyle = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _cssHelper = require("@atlaskit/editor-common/css-helper");
 var _getStandardDeletedTextDecorationStyle = require("./getStandardDeletedTextDecorationStyle");
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var editingStyleExtended = exports.editingStyleExtended = (0, _lazyNodeView.convertToInlineCss)({
+var editingStyleExtended = exports.editingStyleExtended = (0, _cssHelper.convertToInlineCss)({
   background: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",
   borderBottom: "2px solid ".concat("var(--ds-border-accent-purple, #AF59E1)"),
   padding: "1px 0 2px"
 });
-var editingContentStyleInBlockExtended = exports.editingContentStyleInBlockExtended = (0, _lazyNodeView.convertToInlineCss)({
+var editingContentStyleInBlockExtended = exports.editingContentStyleInBlockExtended = (0, _cssHelper.convertToInlineCss)({
   borderBottom: "2px solid ".concat("var(--ds-border-accent-purple, #AF59E1)"),
   padding: "1px 0 2px"
 });
-var editingStyleActiveExtended = exports.editingStyleActiveExtended = (0, _lazyNodeView.convertToInlineCss)({
+var editingStyleActiveExtended = exports.editingStyleActiveExtended = (0, _cssHelper.convertToInlineCss)({
   background: "var(--ds-background-accent-purple-subtler-pressed, #D8A0F7)",
   borderBottom: "2px solid ".concat("var(--ds-border-accent-purple, #AF59E1)"),
   padding: "1px 0 2px"
@@ -31,19 +31,19 @@ var editingStyleActiveExtended = exports.editingStyleActiveExtended = (0, _lazyN
  * `borderBottom` underline from added/updated content while keeping the purple background
  * highlight and padding. See the `editing*Extended` constants above for the full versions.
  */
-var editingStyleExtendedNoUnderline = exports.editingStyleExtendedNoUnderline = (0, _lazyNodeView.convertToInlineCss)({
+var editingStyleExtendedNoUnderline = exports.editingStyleExtendedNoUnderline = (0, _cssHelper.convertToInlineCss)({
   background: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",
   padding: "1px 0 2px"
 });
-var editingStyleActiveExtendedNoUnderline = exports.editingStyleActiveExtendedNoUnderline = (0, _lazyNodeView.convertToInlineCss)({
+var editingStyleActiveExtendedNoUnderline = exports.editingStyleActiveExtendedNoUnderline = (0, _cssHelper.convertToInlineCss)({
   background: "var(--ds-background-accent-purple-subtler-pressed, #D8A0F7)",
   padding: "1px 0 2px"
 });
-var editingContentStyleInBlockExtendedNoUnderline = exports.editingContentStyleInBlockExtendedNoUnderline = (0, _lazyNodeView.convertToInlineCss)({
+var editingContentStyleInBlockExtendedNoUnderline = exports.editingContentStyleInBlockExtendedNoUnderline = (0, _cssHelper.convertToInlineCss)({
   padding: "1px 0 2px"
 });
 var getStandardDeletedContentStyle = exports.getStandardDeletedContentStyle = function getStandardDeletedContentStyle() {
-  return (0, _lazyNodeView.convertToInlineCss)(_objectSpread(_objectSpread({
+  return (0, _cssHelper.convertToInlineCss)(_objectSpread(_objectSpread({
     color: "var(--ds-text-accent-gray, #505258)"
   }, (0, _getStandardDeletedTextDecorationStyle.getStandardDeletedTextDecorationStyle)()), {}, {
     position: 'relative',
@@ -51,7 +51,7 @@ var getStandardDeletedContentStyle = exports.getStandardDeletedContentStyle = fu
   }));
 };
 var getStandardDeletedContentStyleActive = exports.getStandardDeletedContentStyleActive = function getStandardDeletedContentStyleActive() {
-  return (0, _lazyNodeView.convertToInlineCss)(_objectSpread(_objectSpread({
+  return (0, _cssHelper.convertToInlineCss)(_objectSpread(_objectSpread({
     color: "var(--ds-text, #292A2E)"
   }, (0, _getStandardDeletedTextDecorationStyle.getStandardDeletedTextDecorationStyle)()), {}, {
     textDecorationColor: "var(--ds-text-accent-gray, #505258)",
@@ -60,7 +60,7 @@ var getStandardDeletedContentStyleActive = exports.getStandardDeletedContentStyl
   }));
 };
 var getStandardDeletedContentStyleNew = exports.getStandardDeletedContentStyleNew = function getStandardDeletedContentStyleNew() {
-  return (0, _lazyNodeView.convertToInlineCss)(_objectSpread(_objectSpread({
+  return (0, _cssHelper.convertToInlineCss)(_objectSpread(_objectSpread({
     color: "var(--ds-text-accent-gray, #505258)"
   }, (0, _getStandardDeletedTextDecorationStyle.getStandardDeletedTextDecorationStyle)()), {}, {
     position: 'relative',
@@ -71,12 +71,12 @@ var getStandardDeletedContentStyleNew = exports.getStandardDeletedContentStyleNe
 /**
  * Merge into existing styles when cleaning up
  */
-var deletedInlineContentStyleExtended = exports.deletedInlineContentStyleExtended = (0, _lazyNodeView.convertToInlineCss)({
+var deletedInlineContentStyleExtended = exports.deletedInlineContentStyleExtended = (0, _cssHelper.convertToInlineCss)({
   backgroundColor: "var(--ds-background-accent-gray-subtlest, #F0F1F2)",
   borderBottom: "2px solid ".concat("var(--ds-border-accent-gray, #7D818A)"),
   padding: "1px 0 2px"
 });
-var deletedContentStyleUnbounded = exports.deletedContentStyleUnbounded = (0, _lazyNodeView.convertToInlineCss)({
+var deletedContentStyleUnbounded = exports.deletedContentStyleUnbounded = (0, _cssHelper.convertToInlineCss)({
   position: 'absolute',
   top: '50%',
   width: '100%',
@@ -85,10 +85,10 @@ var deletedContentStyleUnbounded = exports.deletedContentStyleUnbounded = (0, _l
   pointerEvents: 'none',
   zIndex: 1
 });
-var deletedStyleQuoteNode = exports.deletedStyleQuoteNode = (0, _lazyNodeView.convertToInlineCss)({
+var deletedStyleQuoteNode = exports.deletedStyleQuoteNode = (0, _cssHelper.convertToInlineCss)({
   borderLeft: "2px solid ".concat("var(--ds-border-accent-gray, #7D818A)")
 });
-var deletedStyleQuoteNodeWithLozenge = exports.deletedStyleQuoteNodeWithLozenge = (0, _lazyNodeView.convertToInlineCss)({
+var deletedStyleQuoteNodeWithLozenge = exports.deletedStyleQuoteNodeWithLozenge = (0, _cssHelper.convertToInlineCss)({
   marginTop: "var(--ds-space-150, 12px)",
   paddingTop: "var(--ds-space-025, 2px)",
   paddingBottom: "var(--ds-space-025, 2px)",
@@ -98,7 +98,7 @@ var deletedStyleQuoteNodeWithLozenge = exports.deletedStyleQuoteNodeWithLozenge
 });
 
 /** Stronger outline when this deleted block decoration is the active scroll target */
-var deletedStyleQuoteNodeWithLozengeActive = exports.deletedStyleQuoteNodeWithLozengeActive = (0, _lazyNodeView.convertToInlineCss)({
+var deletedStyleQuoteNodeWithLozengeActive = exports.deletedStyleQuoteNodeWithLozengeActive = (0, _cssHelper.convertToInlineCss)({
   marginTop: "var(--ds-space-150, 12px)",
   paddingTop: "var(--ds-space-025, 2px)",
   paddingBottom: "var(--ds-space-025, 2px)",
@@ -106,54 +106,54 @@ var deletedStyleQuoteNodeWithLozengeActive = exports.deletedStyleQuoteNodeWithLo
   boxShadow: "0 0 0 4px ".concat("var(--ds-border-accent-red, #E2483D)"),
   borderRadius: "var(--ds-radius-small, 4px)"
 });
-var deletedBlockOutline = exports.deletedBlockOutline = (0, _lazyNodeView.convertToInlineCss)({
+var deletedBlockOutline = exports.deletedBlockOutline = (0, _cssHelper.convertToInlineCss)({
   boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
   borderRadius: "var(--ds-radius-small, 4px)"
 });
-var deletedBlockOutlineActive = exports.deletedBlockOutlineActive = (0, _lazyNodeView.convertToInlineCss)({
+var deletedBlockOutlineActive = exports.deletedBlockOutlineActive = (0, _cssHelper.convertToInlineCss)({
   boxShadow: "0 0 0 4px ".concat("var(--ds-border-accent-red, #E2483D)"),
   borderRadius: "var(--ds-radius-small, 4px)"
 });
-var deletedBlockOutlineRounded = exports.deletedBlockOutlineRounded = (0, _lazyNodeView.convertToInlineCss)({
+var deletedBlockOutlineRounded = exports.deletedBlockOutlineRounded = (0, _cssHelper.convertToInlineCss)({
   boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
   borderRadius: "calc(".concat("var(--ds-radius-xsmall, 2px)", " + 1px)")
 });
-var deletedBlockOutlineRoundedActive = exports.deletedBlockOutlineRoundedActive = (0, _lazyNodeView.convertToInlineCss)({
+var deletedBlockOutlineRoundedActive = exports.deletedBlockOutlineRoundedActive = (0, _cssHelper.convertToInlineCss)({
   boxShadow: "0 0 0 4px ".concat("var(--ds-border-accent-red, #E2483D)"),
   borderRadius: "calc(".concat("var(--ds-radius-xsmall, 2px)", " + 1px)")
 });
 var getStandardDeletedRowStyle = exports.getStandardDeletedRowStyle = function getStandardDeletedRowStyle() {
-  return (0, _lazyNodeView.convertToInlineCss)(_objectSpread(_objectSpread({
+  return (0, _cssHelper.convertToInlineCss)(_objectSpread(_objectSpread({
     color: "var(--ds-text-accent-gray, #505258)"
   }, (0, _getStandardDeletedTextDecorationStyle.getStandardDeletedTextDecorationStyle)()), {}, {
     opacity: 0.6,
     display: 'table-row'
   }));
 };
-var editingStyleQuoteNode = exports.editingStyleQuoteNode = (0, _lazyNodeView.convertToInlineCss)({
+var editingStyleQuoteNode = exports.editingStyleQuoteNode = (0, _cssHelper.convertToInlineCss)({
   borderLeft: "2px solid ".concat("var(--ds-border-accent-purple, #AF59E1)")
 });
-var editingStyleRuleNode = exports.editingStyleRuleNode = (0, _lazyNodeView.convertToInlineCss)({
+var editingStyleRuleNode = exports.editingStyleRuleNode = (0, _cssHelper.convertToInlineCss)({
   backgroundColor: "var(--ds-border-accent-purple, #AF59E1)"
 });
-var editingStyleNode = exports.editingStyleNode = (0, _lazyNodeView.convertToInlineCss)({
+var editingStyleNode = exports.editingStyleNode = (0, _cssHelper.convertToInlineCss)({
   boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-purple, #AF59E1)"),
   borderRadius: "var(--ds-radius-small, 4px)"
 });
-var editingStyleCardBlockNode = exports.editingStyleCardBlockNode = (0, _lazyNodeView.convertToInlineCss)({
+var editingStyleCardBlockNode = exports.editingStyleCardBlockNode = (0, _cssHelper.convertToInlineCss)({
   boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-purple, #AF59E1)"),
   borderRadius: "var(--ds-radius-medium, 6px)"
 });
-var standardDecorationMarkerVariable = exports.standardDecorationMarkerVariable = (0, _lazyNodeView.convertToInlineCss)({
+var standardDecorationMarkerVariable = exports.standardDecorationMarkerVariable = (0, _cssHelper.convertToInlineCss)({
   '--diff-decoration-marker-color': "var(--ds-border-accent-purple, #AF59E1)",
   '--diff-decoration-marker-ring-width': '1px'
 });
-var deletedDecorationMarkerVariable = exports.deletedDecorationMarkerVariable = (0, _lazyNodeView.convertToInlineCss)({
+var deletedDecorationMarkerVariable = exports.deletedDecorationMarkerVariable = (0, _cssHelper.convertToInlineCss)({
   '--diff-decoration-marker-color': "var(--ds-border-accent-gray, #7D818A)",
   '--diff-decoration-marker-ring-width': '1px',
   opacity: 0.8
 });
-var addedCellOverlayStyle = exports.addedCellOverlayStyle = (0, _lazyNodeView.convertToInlineCss)({
+var addedCellOverlayStyle = exports.addedCellOverlayStyle = (0, _cssHelper.convertToInlineCss)({
   position: 'absolute',
   top: 0,
   left: 0,
@@ -164,7 +164,7 @@ var addedCellOverlayStyle = exports.addedCellOverlayStyle = (0, _lazyNodeView.co
   outline: "1px solid ".concat("var(--ds-border-accent-purple, #AF59E1)"),
   pointerEvents: 'none'
 });
-var addedCellOverlayRoundedStyle = exports.addedCellOverlayRoundedStyle = (0, _lazyNodeView.convertToInlineCss)({
+var addedCellOverlayRoundedStyle = exports.addedCellOverlayRoundedStyle = (0, _cssHelper.convertToInlineCss)({
   position: 'absolute',
   top: 0,
   left: 0,
@@ -176,7 +176,7 @@ var addedCellOverlayRoundedStyle = exports.addedCellOverlayRoundedStyle = (0, _l
   pointerEvents: 'none',
   borderRadius: 'inherit'
 });
-var deletedCellOverlayStyle = exports.deletedCellOverlayStyle = (0, _lazyNodeView.convertToInlineCss)({
+var deletedCellOverlayStyle = exports.deletedCellOverlayStyle = (0, _cssHelper.convertToInlineCss)({
   position: 'absolute',
   top: 0,
   left: 0,
@@ -187,7 +187,7 @@ var deletedCellOverlayStyle = exports.deletedCellOverlayStyle = (0, _lazyNodeVie
   outline: "1px solid ".concat("var(--ds-border-accent-gray, #7D818A)"),
   pointerEvents: 'none'
 });
-var deletedCellOverlayRoundedStyle = exports.deletedCellOverlayRoundedStyle = (0, _lazyNodeView.convertToInlineCss)({
+var deletedCellOverlayRoundedStyle = exports.deletedCellOverlayRoundedStyle = (0, _cssHelper.convertToInlineCss)({
   position: 'absolute',
   top: 0,
   left: 0,

package/dist/cjs/pm-plugins/decorations/colorSchemes/traditional.js

@@ -8,17 +8,17 @@ exports.deletedTraditionalStyleQuoteNodeActive = exports.deletedTraditionalStyle
 exports.getDeletedTraditionalInlineStyle = getDeletedTraditionalInlineStyle;
 exports.traditionalStyleRuleNodeNew = exports.traditionalStyleRuleNodeActive = exports.traditionalStyleRuleNode = exports.traditionalStyleQuoteNodeNew = exports.traditionalStyleQuoteNodeActive = exports.traditionalStyleQuoteNode = exports.traditionalStyleNodeNew = exports.traditionalStyleNodeActive = exports.traditionalStyleNode = exports.traditionalStyleCardBlockNodeNew = exports.traditionalStyleCardBlockNodeActive = exports.traditionalStyleCardBlockNode = exports.traditionalInsertStyleActive = exports.traditionalInsertStyle = exports.traditionalDeletedDecorationMarkerVariableNew = exports.traditionalDeletedDecorationMarkerVariableActive = exports.traditionalDeletedDecorationMarkerVariable = exports.traditionalDecorationMarkerVariableNew = exports.traditionalDecorationMarkerVariableActive = exports.traditionalDecorationMarkerVariable = exports.traditionalAddedCellOverlayStyleNew = exports.traditionalAddedCellOverlayStyle = exports.traditionalAddedCellOverlayRoundedStyle = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _cssHelper = require("@atlaskit/editor-common/css-helper");
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var traditionalInsertStyle = exports.traditionalInsertStyle = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalInsertStyle = exports.traditionalInsertStyle = (0, _cssHelper.convertToInlineCss)({
   background: "var(--ds-background-accent-green-subtlest, #DCFFF1)",
   textDecoration: 'underline',
   textDecorationStyle: 'solid',
   textDecorationThickness: "var(--ds-space-025, 2px)",
   textDecorationColor: "var(--ds-border-accent-green, #22A06B)"
 });
-var traditionalInsertStyleActive = exports.traditionalInsertStyleActive = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalInsertStyleActive = exports.traditionalInsertStyleActive = (0, _cssHelper.convertToInlineCss)({
   background: "var(--ds-background-accent-green-subtler-pressed, #7EE2B8)",
   textDecoration: 'underline',
   textDecorationStyle: 'solid',
@@ -38,9 +38,9 @@ var deletedTraditionalInlineStyleActiveBase = _objectSpread(_objectSpread({}, de
 
 /** Strikethrough for traditional removed inline / widget content (non-marker decorations). */
 function getDeletedTraditionalInlineStyle(isActive) {
-  return isActive ? (0, _lazyNodeView.convertToInlineCss)(deletedTraditionalInlineStyleActiveBase) : (0, _lazyNodeView.convertToInlineCss)(deletedTraditionalInlineStyleBase);
+  return isActive ? (0, _cssHelper.convertToInlineCss)(deletedTraditionalInlineStyleActiveBase) : (0, _cssHelper.convertToInlineCss)(deletedTraditionalInlineStyleBase);
 }
-var deletedTraditionalContentStyleUnbounded = exports.deletedTraditionalContentStyleUnbounded = (0, _lazyNodeView.convertToInlineCss)({
+var deletedTraditionalContentStyleUnbounded = exports.deletedTraditionalContentStyleUnbounded = (0, _cssHelper.convertToInlineCss)({
   position: 'absolute',
   top: '50%',
   width: '100%',
@@ -51,7 +51,7 @@ var deletedTraditionalContentStyleUnbounded = exports.deletedTraditionalContentS
 });
 
 /** Strikethrough line for traditional when active (background highlight on text wrapper) */
-var deletedTraditionalContentStyleUnboundedActive = exports.deletedTraditionalContentStyleUnboundedActive = (0, _lazyNodeView.convertToInlineCss)({
+var deletedTraditionalContentStyleUnboundedActive = exports.deletedTraditionalContentStyleUnboundedActive = (0, _cssHelper.convertToInlineCss)({
   position: 'absolute',
   top: '50%',
   width: '100%',
@@ -60,7 +60,7 @@ var deletedTraditionalContentStyleUnboundedActive = exports.deletedTraditionalCo
   pointerEvents: 'none',
   zIndex: 1
 });
-var deletedTraditionalStyleQuoteNode = exports.deletedTraditionalStyleQuoteNode = (0, _lazyNodeView.convertToInlineCss)({
+var deletedTraditionalStyleQuoteNode = exports.deletedTraditionalStyleQuoteNode = (0, _cssHelper.convertToInlineCss)({
   marginTop: "var(--ds-space-150, 12px)",
   paddingTop: "var(--ds-space-025, 2px)",
   paddingBottom: "var(--ds-space-025, 2px)",
@@ -68,7 +68,7 @@ var deletedTraditionalStyleQuoteNode = exports.deletedTraditionalStyleQuoteNode
   boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
   borderRadius: "var(--ds-radius-small, 4px)"
 });
-var deletedTraditionalStyleQuoteNodeActive = exports.deletedTraditionalStyleQuoteNodeActive = (0, _lazyNodeView.convertToInlineCss)({
+var deletedTraditionalStyleQuoteNodeActive = exports.deletedTraditionalStyleQuoteNodeActive = (0, _cssHelper.convertToInlineCss)({
   marginTop: "var(--ds-space-150, 12px)",
   paddingTop: "var(--ds-space-025, 2px)",
   paddingBottom: "var(--ds-space-025, 2px)",
@@ -76,113 +76,113 @@ var deletedTraditionalStyleQuoteNodeActive = exports.deletedTraditionalStyleQuot
   boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
   borderRadius: "var(--ds-radius-small, 4px)"
 });
-var deletedTraditionalBlockOutline = exports.deletedTraditionalBlockOutline = (0, _lazyNodeView.convertToInlineCss)({
+var deletedTraditionalBlockOutline = exports.deletedTraditionalBlockOutline = (0, _cssHelper.convertToInlineCss)({
   boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
   borderRadius: "var(--ds-radius-small, 4px)"
 });
-var deletedTraditionalBlockOutlineActive = exports.deletedTraditionalBlockOutlineActive = (0, _lazyNodeView.convertToInlineCss)({
+var deletedTraditionalBlockOutlineActive = exports.deletedTraditionalBlockOutlineActive = (0, _cssHelper.convertToInlineCss)({
   boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
   borderRadius: "var(--ds-radius-small, 4px)"
 });
-var deletedTraditionalBlockOutlineRounded = exports.deletedTraditionalBlockOutlineRounded = (0, _lazyNodeView.convertToInlineCss)({
+var deletedTraditionalBlockOutlineRounded = exports.deletedTraditionalBlockOutlineRounded = (0, _cssHelper.convertToInlineCss)({
   boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
   borderRadius: "calc(".concat("var(--ds-radius-xsmall, 2px)", " + 1px)")
 });
-var deletedTraditionalBlockOutlineRoundedActive = exports.deletedTraditionalBlockOutlineRoundedActive = (0, _lazyNodeView.convertToInlineCss)({
+var deletedTraditionalBlockOutlineRoundedActive = exports.deletedTraditionalBlockOutlineRoundedActive = (0, _cssHelper.convertToInlineCss)({
   boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
   borderRadius: "calc(".concat("var(--ds-radius-xsmall, 2px)", " + 1px)")
 });
 
 /** Scroll-navigation “new” emphasis: 4px ring. */
-var deletedTraditionalBlockOutlineNew = exports.deletedTraditionalBlockOutlineNew = (0, _lazyNodeView.convertToInlineCss)({
+var deletedTraditionalBlockOutlineNew = exports.deletedTraditionalBlockOutlineNew = (0, _cssHelper.convertToInlineCss)({
   boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)"),
   borderRadius: "var(--ds-radius-small, 4px)"
 });
-var deletedTraditionalBlockOutlineRoundedNew = exports.deletedTraditionalBlockOutlineRoundedNew = (0, _lazyNodeView.convertToInlineCss)({
+var deletedTraditionalBlockOutlineRoundedNew = exports.deletedTraditionalBlockOutlineRoundedNew = (0, _cssHelper.convertToInlineCss)({
   boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)"),
   borderRadius: "calc(".concat("var(--ds-radius-xsmall, 2px)", " + 1px)")
 });
-var deletedTraditionalRowStyle = exports.deletedTraditionalRowStyle = (0, _lazyNodeView.convertToInlineCss)({
+var deletedTraditionalRowStyle = exports.deletedTraditionalRowStyle = (0, _cssHelper.convertToInlineCss)({
   textDecorationColor: "var(--ds-border-accent-red, #E2483D)",
   textDecoration: 'line-through',
   opacity: 0.6,
   display: 'table-row'
 });
-var traditionalStyleQuoteNode = exports.traditionalStyleQuoteNode = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalStyleQuoteNode = exports.traditionalStyleQuoteNode = (0, _cssHelper.convertToInlineCss)({
   borderLeft: "2px solid ".concat("var(--ds-border-accent-green, #22A06B)")
 });
-var traditionalStyleQuoteNodeNew = exports.traditionalStyleQuoteNodeNew = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalStyleQuoteNodeNew = exports.traditionalStyleQuoteNodeNew = (0, _cssHelper.convertToInlineCss)({
   borderLeft: "4px solid ".concat("var(--ds-background-accent-green-subtlest, #DCFFF1)")
 });
-var traditionalStyleQuoteNodeActive = exports.traditionalStyleQuoteNodeActive = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalStyleQuoteNodeActive = exports.traditionalStyleQuoteNodeActive = (0, _cssHelper.convertToInlineCss)({
   borderLeft: "4px solid ".concat("var(--ds-background-accent-green-subtler-pressed, #7EE2B8)")
 });
-var traditionalStyleRuleNode = exports.traditionalStyleRuleNode = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalStyleRuleNode = exports.traditionalStyleRuleNode = (0, _cssHelper.convertToInlineCss)({
   backgroundColor: "var(--ds-border-accent-green, #22A06B)"
 });
-var traditionalStyleRuleNodeNew = exports.traditionalStyleRuleNodeNew = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalStyleRuleNodeNew = exports.traditionalStyleRuleNodeNew = (0, _cssHelper.convertToInlineCss)({
   backgroundColor: "var(--ds-background-accent-green-subtlest, #DCFFF1)",
   border: 'none',
   height: '4px',
   borderRadius: "var(--ds-radius-small, 4px)"
 });
-var traditionalStyleRuleNodeActive = exports.traditionalStyleRuleNodeActive = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalStyleRuleNodeActive = exports.traditionalStyleRuleNodeActive = (0, _cssHelper.convertToInlineCss)({
   backgroundColor: "var(--ds-background-accent-green-subtler-pressed, #7EE2B8)",
   border: 'none',
   height: '4px',
   borderRadius: "var(--ds-radius-small, 4px)"
 });
-var traditionalStyleNode = exports.traditionalStyleNode = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalStyleNode = exports.traditionalStyleNode = (0, _cssHelper.convertToInlineCss)({
   boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-green, #22A06B)"),
   borderRadius: "var(--ds-radius-small, 4px)"
 });
-var traditionalStyleNodeNew = exports.traditionalStyleNodeNew = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalStyleNodeNew = exports.traditionalStyleNodeNew = (0, _cssHelper.convertToInlineCss)({
   boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-green-subtlest, #DCFFF1)"),
   borderRadius: "var(--ds-radius-small, 4px)"
 });
-var traditionalStyleNodeActive = exports.traditionalStyleNodeActive = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalStyleNodeActive = exports.traditionalStyleNodeActive = (0, _cssHelper.convertToInlineCss)({
   boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-green-subtler-pressed, #7EE2B8)"),
   borderRadius: "var(--ds-radius-small, 4px)"
 });
-var traditionalStyleCardBlockNode = exports.traditionalStyleCardBlockNode = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalStyleCardBlockNode = exports.traditionalStyleCardBlockNode = (0, _cssHelper.convertToInlineCss)({
   boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-green, #22A06B)"),
   borderRadius: "var(--ds-radius-medium, 6px)"
 });
-var traditionalStyleCardBlockNodeNew = exports.traditionalStyleCardBlockNodeNew = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalStyleCardBlockNodeNew = exports.traditionalStyleCardBlockNodeNew = (0, _cssHelper.convertToInlineCss)({
   boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-green-subtlest, #DCFFF1)"),
   borderRadius: "var(--ds-radius-medium, 6px)"
 });
-var traditionalStyleCardBlockNodeActive = exports.traditionalStyleCardBlockNodeActive = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalStyleCardBlockNodeActive = exports.traditionalStyleCardBlockNodeActive = (0, _cssHelper.convertToInlineCss)({
   boxShadow: "0 0 0 4px ".concat("var(--ds-background-accent-green-subtler-pressed, #7EE2B8)"),
   borderRadius: "var(--ds-radius-medium, 6px)"
 });
-var traditionalDecorationMarkerVariable = exports.traditionalDecorationMarkerVariable = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalDecorationMarkerVariable = exports.traditionalDecorationMarkerVariable = (0, _cssHelper.convertToInlineCss)({
   '--diff-decoration-marker-color': "var(--ds-border-accent-green, #22A06B)",
   '--diff-decoration-marker-ring-width': '1px'
 });
-var traditionalDecorationMarkerVariableNew = exports.traditionalDecorationMarkerVariableNew = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalDecorationMarkerVariableNew = exports.traditionalDecorationMarkerVariableNew = (0, _cssHelper.convertToInlineCss)({
   '--diff-decoration-marker-color': "var(--ds-background-accent-green-subtlest, #DCFFF1)",
   '--diff-decoration-marker-ring-width': '4px'
 });
-var traditionalDecorationMarkerVariableActive = exports.traditionalDecorationMarkerVariableActive = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalDecorationMarkerVariableActive = exports.traditionalDecorationMarkerVariableActive = (0, _cssHelper.convertToInlineCss)({
   '--diff-decoration-marker-color': "var(--ds-background-accent-green-subtler-pressed, #7EE2B8)",
   '--diff-decoration-marker-ring-width': '4px'
 });
 
 /** Inline deleted traditional styling plus diff marker CSS variables (extension / embedCard / listItem). */
-var traditionalDeletedDecorationMarkerVariable = exports.traditionalDeletedDecorationMarkerVariable = (0, _lazyNodeView.convertToInlineCss)(_objectSpread(_objectSpread({}, deletedTraditionalInlineStyleBase), {}, {
+var traditionalDeletedDecorationMarkerVariable = exports.traditionalDeletedDecorationMarkerVariable = (0, _cssHelper.convertToInlineCss)(_objectSpread(_objectSpread({}, deletedTraditionalInlineStyleBase), {}, {
   '--diff-decoration-marker-color': "var(--ds-border-accent-red, #E2483D)",
   '--diff-decoration-marker-ring-width': '1px'
 }));
-var traditionalDeletedDecorationMarkerVariableNew = exports.traditionalDeletedDecorationMarkerVariableNew = (0, _lazyNodeView.convertToInlineCss)(_objectSpread(_objectSpread({}, deletedTraditionalInlineStyleBase), {}, {
+var traditionalDeletedDecorationMarkerVariableNew = exports.traditionalDeletedDecorationMarkerVariableNew = (0, _cssHelper.convertToInlineCss)(_objectSpread(_objectSpread({}, deletedTraditionalInlineStyleBase), {}, {
   '--diff-decoration-marker-color': "var(--ds-background-accent-red-subtlest, #FFECEB)",
   '--diff-decoration-marker-ring-width': '4px'
 }));
-var traditionalDeletedDecorationMarkerVariableActive = exports.traditionalDeletedDecorationMarkerVariableActive = (0, _lazyNodeView.convertToInlineCss)(_objectSpread(_objectSpread({}, deletedTraditionalInlineStyleActiveBase), {}, {
+var traditionalDeletedDecorationMarkerVariableActive = exports.traditionalDeletedDecorationMarkerVariableActive = (0, _cssHelper.convertToInlineCss)(_objectSpread(_objectSpread({}, deletedTraditionalInlineStyleActiveBase), {}, {
   '--diff-decoration-marker-color': "var(--ds-background-accent-red-subtler-pressed, #FD9891)",
   '--diff-decoration-marker-ring-width': '4px'
 }));
-var traditionalAddedCellOverlayStyle = exports.traditionalAddedCellOverlayStyle = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalAddedCellOverlayStyle = exports.traditionalAddedCellOverlayStyle = (0, _cssHelper.convertToInlineCss)({
   position: 'absolute',
   top: 0,
   left: 0,
@@ -193,7 +193,7 @@ var traditionalAddedCellOverlayStyle = exports.traditionalAddedCellOverlayStyle
   outline: "1px solid ".concat("var(--ds-border-accent-green, #22A06B)"),
   pointerEvents: 'none'
 });
-var traditionalAddedCellOverlayRoundedStyle = exports.traditionalAddedCellOverlayRoundedStyle = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalAddedCellOverlayRoundedStyle = exports.traditionalAddedCellOverlayRoundedStyle = (0, _cssHelper.convertToInlineCss)({
   position: 'absolute',
   top: 0,
   left: 0,
@@ -206,7 +206,7 @@ var traditionalAddedCellOverlayRoundedStyle = exports.traditionalAddedCellOverla
   border: 'inherit',
   borderRadius: 'inherit'
 });
-var traditionalAddedCellOverlayStyleNew = exports.traditionalAddedCellOverlayStyleNew = (0, _lazyNodeView.convertToInlineCss)({
+var traditionalAddedCellOverlayStyleNew = exports.traditionalAddedCellOverlayStyleNew = (0, _cssHelper.convertToInlineCss)({
   position: 'absolute',
   top: 0,
   left: 0,
@@ -217,7 +217,7 @@ var traditionalAddedCellOverlayStyleNew = exports.traditionalAddedCellOverlaySty
   outline: "1px solid ".concat("var(--ds-background-accent-green-subtler-pressed, #7EE2B8)"),
   pointerEvents: 'none'
 });
-var deletedTraditionalCellOverlayStyle = exports.deletedTraditionalCellOverlayStyle = (0, _lazyNodeView.convertToInlineCss)({
+var deletedTraditionalCellOverlayStyle = exports.deletedTraditionalCellOverlayStyle = (0, _cssHelper.convertToInlineCss)({
   position: 'absolute',
   top: 0,
   left: 0,
@@ -228,7 +228,7 @@ var deletedTraditionalCellOverlayStyle = exports.deletedTraditionalCellOverlaySt
   outline: "1px solid ".concat("var(--ds-border-disabled, #0515240F)"),
   pointerEvents: 'none'
 });
-var deletedTraditionalCellOverlayRoundedStyle = exports.deletedTraditionalCellOverlayRoundedStyle = (0, _lazyNodeView.convertToInlineCss)({
+var deletedTraditionalCellOverlayRoundedStyle = exports.deletedTraditionalCellOverlayRoundedStyle = (0, _cssHelper.convertToInlineCss)({
   position: 'absolute',
   top: 0,
   left: 0,

package/dist/cjs/pm-plugins/decorations/createBlockChangedDecoration.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.createBlockChangedDecoration = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _cssHelper = require("@atlaskit/editor-common/css-helper");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
@@ -20,7 +20,7 @@ var _createContributorTagWidget = require("./createContributorTagWidget");
 var _decorationKeys = require("./decorationKeys");
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var displayNoneStyle = (0, _lazyNodeView.convertToInlineCss)({
+var displayNoneStyle = (0, _cssHelper.convertToInlineCss)({
   display: 'none'
 });
 var DEFAULT_COLOR_SCHEME = 'standard';
@@ -52,7 +52,7 @@ var canTagBlock = function canTagBlock(_ref) {
 };
 
 /** Positioning context for the cell overlay widget decorations. */
-var cellPositionStyle = (0, _lazyNodeView.convertToInlineCss)({
+var cellPositionStyle = (0, _cssHelper.convertToInlineCss)({
   position: 'relative'
 });
 var getInsertedBlockNodeShape = function getInsertedBlockNodeShape(nodeName) {
@@ -237,7 +237,7 @@ var createBlockChangedDecoration = exports.createBlockChangedDecoration = functi
     isInserted: isInserted,
     isActive: isActive
   });
-  var style = tagAnchorName ? [nodeStyle, (0, _lazyNodeView.convertToInlineCss)({
+  var style = tagAnchorName ? [nodeStyle, (0, _cssHelper.convertToInlineCss)({
     anchorName: "--".concat(tagAnchorName)
   }), (0, _fg.fg)('platform_editor_ai_show_diff_patch_1') ? _decorationKeys.scrollMarginTopStyle : undefined].filter(Boolean).join(' ') : nodeStyle;
   var className = getNodeClass(change.name);

package/dist/cjs/pm-plugins/decorations/createBlockChangedDecoration.styles.legacy.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.resolveCellOverlayStyleLegacy = exports.getBlockNodeStyleLegacy = void 0;
-var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _cssHelper = require("@atlaskit/editor-common/css-helper");
 var _standard = require("./colorSchemes/standard");
 var _traditional = require("./colorSchemes/traditional");
 /**
@@ -54,7 +54,7 @@ var getBlockNodeStyleLegacy = exports.getBlockNodeStyleLegacy = function getBloc
   }
   if (['tableCell', 'tableHeader'].includes(nodeName)) {
     // This is used for positioning the cell overlay widget decorations
-    return (0, _lazyNodeView.convertToInlineCss)({
+    return (0, _cssHelper.convertToInlineCss)({
       position: 'relative'
     });
   }

package/dist/cjs/pm-plugins/decorations/createInlineChangedDecoration.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getAtomicInlineChangedAttrs = exports.createInlineChangedDecoration = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _cssHelper = require("@atlaskit/editor-common/css-helper");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
@@ -22,7 +22,7 @@ var _decorationKeys = require("./decorationKeys");
 var _revealStyles = require("./revealStyles");
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var displayNoneStyle = (0, _lazyNodeView.convertToInlineCss)({
+var displayNoneStyle = (0, _cssHelper.convertToInlineCss)({
   display: 'none'
 });
 
@@ -40,7 +40,7 @@ var displayNoneStyle = (0, _lazyNodeView.convertToInlineCss)({
  * `CONTRIBUTOR_TAG_Z_INDEX`. `position: relative` is what makes `z-index` apply to an otherwise
  * static inline box; it adds no offset.
  */
-var stackBelowContributorTagStyle = (0, _lazyNodeView.convertToInlineCss)({
+var stackBelowContributorTagStyle = (0, _cssHelper.convertToInlineCss)({
   position: 'relative',
   zIndex: _buildContributorTagDom.CONTRIBUTOR_TAG_Z_INDEX - 1
 });

package/dist/cjs/pm-plugins/decorations/revealStyles.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.resolveRevealStyle = exports.buildWipeableBackground = exports.applyRevealToElement = exports.REVEAL_BORDER_VAR = exports.REVEAL_BG_VAR = exports.REVEAL_ATTR = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _agentBrandColorSchemes = require("@atlaskit/agent-color/agent-brand-color-schemes");
-var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _cssHelper = require("@atlaskit/editor-common/css-helper");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _factory = require("./colorSchemes/factory");
 var _schemes = require("./colorSchemes/schemes");
@@ -33,7 +33,7 @@ var schemeSupportsReveal = function schemeSupportsReveal(colorScheme) {
 
 /** Convert a flat background colour into a wipeable gradient (zero width initially). */
 var buildWipeableBackground = exports.buildWipeableBackground = function buildWipeableBackground(color) {
-  return (0, _lazyNodeView.convertToInlineCss)({
+  return (0, _cssHelper.convertToInlineCss)({
     backgroundColor: 'transparent',
     backgroundImage: "linear-gradient(".concat(color, ", ").concat(color, ")"),
     backgroundRepeat: 'no-repeat',
@@ -47,14 +47,14 @@ var buildWipeableBackground = exports.buildWipeableBackground = function buildWi
 };
 
 /** Base padding and transparent underline placeholder (no layout shift on reveal). */
-var revealBaseStyle = (0, _lazyNodeView.convertToInlineCss)({
+var revealBaseStyle = (0, _cssHelper.convertToInlineCss)({
   padding: "1px 0 2px",
   borderBottom: "2px solid transparent"
 });
 var buildRevealVariables = function buildRevealVariables(_ref) {
   var background = _ref.background,
     border = _ref.border;
-  return (0, _lazyNodeView.convertToInlineCss)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, REVEAL_BG_VAR, background), REVEAL_BORDER_VAR, border));
+  return (0, _cssHelper.convertToInlineCss)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, REVEAL_BG_VAR, background), REVEAL_BORDER_VAR, border));
 };
 
 /** Configuration that affects both resting state and reveal endpoint. */
@@ -126,7 +126,7 @@ var resolveRevealStyle = exports.resolveRevealStyle = function resolveRevealStyl
     border = _resolveRevealColors.border;
   return {
     role: isInserted ? 'added' : 'deleted',
-    style: (brand ? (0, _lazyNodeView.convertToInlineCss)({
+    style: (brand ? (0, _cssHelper.convertToInlineCss)({
       color: brand.text
     }) : '') + (isInserted || !includeDeletedTextStyle ? '' : deletedTextOnlyStyle(colors, isActive)) + revealBaseStyle + buildWipeableBackground(background) + buildRevealVariables({
       background: background,