@atlaskit/editor-core 215.6.2 → 215.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.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +2 -0
- package/dist/cjs/ui/EditorContentContainer/styles/list.js +10 -1
- package/dist/cjs/ui/EditorContentContainer/styles/smartCardStyles.js +2 -6
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +3 -1
- package/dist/es2019/ui/EditorContentContainer/styles/list.js +9 -0
- package/dist/es2019/ui/EditorContentContainer/styles/smartCardStyles.js +2 -8
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +3 -1
- package/dist/esm/ui/EditorContentContainer/styles/list.js +9 -0
- package/dist/esm/ui/EditorContentContainer/styles/smartCardStyles.js +2 -6
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/styles/list.d.ts +1 -0
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/list.d.ts +1 -0
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 215.6.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`63e63c69cd679`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/63e63c69cd679) -
|
|
8
|
+
Add styling for bullet point markers on diff
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 215.6.2
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -215,6 +215,8 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
|
|
|
215
215
|
_backgroundColorStyles.textHighlightPaddingStyles,
|
|
216
216
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
217
217
|
_list.listsStyles,
|
|
218
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
219
|
+
(0, _platformFeatureFlags.fg)('aifc_create_enabled') && _list.diffListStyles,
|
|
218
220
|
// Condense vertical spacing between list items when content mode dense is active
|
|
219
221
|
(0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') &&
|
|
220
222
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.listsStylesSafariFix = exports.listsStyles = exports.getDenseListStyles = exports.EDITOR_LIST_DENSE_GAP = void 0;
|
|
7
|
+
exports.listsStylesSafariFix = exports.listsStyles = exports.getDenseListStyles = exports.diffListStyles = exports.EDITOR_LIST_DENSE_GAP = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
@@ -139,6 +139,15 @@ var listsStyles = exports.listsStyles = (0, _react.css)({
|
|
|
139
139
|
}
|
|
140
140
|
});
|
|
141
141
|
|
|
142
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
143
|
+
var diffListStyles = exports.diffListStyles = (0, _react.css)({
|
|
144
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
145
|
+
'li[data-testid="show-diff-changed-decoration-node"]::marker': {
|
|
146
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
147
|
+
color: 'var(--diff-decoration-marker-color)'
|
|
148
|
+
}
|
|
149
|
+
});
|
|
150
|
+
|
|
142
151
|
/* This prevents https://product-fabric.atlassian.net/browse/ED-20924 */
|
|
143
152
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
144
153
|
var listsStylesSafariFix = exports.listsStylesSafariFix = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".ProseMirror:not(.".concat(BLOCK_CARD_CONTAINER, ") > li::before"), {
|
|
@@ -32,13 +32,9 @@ var editorControlsSmartCardStyles = exports.editorControlsSmartCardStyles = (0,
|
|
|
32
32
|
}));
|
|
33
33
|
|
|
34
34
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
35
|
-
var smartCardDiffStyles = exports.smartCardDiffStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), (0, _defineProperty2.default)(
|
|
35
|
+
var smartCardDiffStyles = exports.smartCardDiffStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), (0, _defineProperty2.default)({}, "&[data-testid=\"show-diff-changed-decoration-node\"] .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
|
|
36
36
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
37
|
-
boxShadow: "0 0 0 1px
|
|
38
|
-
borderColor: 'transparent'
|
|
39
|
-
}), "&.show-diff-changed-decoration-node-traditional .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
|
|
40
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
41
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-green, #22A06B)"),
|
|
37
|
+
boxShadow: "0 0 0 1px var(--diff-decoration-marker-color)",
|
|
42
38
|
borderColor: 'transparent'
|
|
43
39
|
})));
|
|
44
40
|
|
|
@@ -44,7 +44,7 @@ import { indentationStyles } from './styles/indentationStyles';
|
|
|
44
44
|
import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
|
|
45
45
|
import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView } from './styles/layout';
|
|
46
46
|
import { hyperLinkFloatingToolbarStyles, linkLegacyIconStylesFix, linkStyles } from './styles/link';
|
|
47
|
-
import { getDenseListStyles, listsStyles, listsStylesSafariFix } from './styles/list';
|
|
47
|
+
import { getDenseListStyles, listsStyles, diffListStyles, listsStylesSafariFix } from './styles/list';
|
|
48
48
|
import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
|
|
49
49
|
import { mentionsStyles, mentionsSelectionStyles, mentionNodeStyles, mentionsStylesMixin_platform_editor_centre_mention_padding, mentionsSelectionStylesWithSearchMatch, mentionDangerStyles } from './styles/mentions';
|
|
50
50
|
import { panelStyles, panelStylesMixin, nestedPanelBorderStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles, nestedPanelDangerStyles } from './styles/panelStyles';
|
|
@@ -211,6 +211,8 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
211
211
|
textHighlightPaddingStyles,
|
|
212
212
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
213
213
|
listsStyles,
|
|
214
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
215
|
+
fg('aifc_create_enabled') && diffListStyles,
|
|
214
216
|
// Condense vertical spacing between list items when content mode dense is active
|
|
215
217
|
expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') &&
|
|
216
218
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -130,6 +130,15 @@ export const listsStyles = css({
|
|
|
130
130
|
}
|
|
131
131
|
});
|
|
132
132
|
|
|
133
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
134
|
+
export const diffListStyles = css({
|
|
135
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
136
|
+
'li[data-testid="show-diff-changed-decoration-node"]::marker': {
|
|
137
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
138
|
+
color: 'var(--diff-decoration-marker-color)'
|
|
139
|
+
}
|
|
140
|
+
});
|
|
141
|
+
|
|
133
142
|
/* This prevents https://product-fabric.atlassian.net/browse/ED-20924 */
|
|
134
143
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
135
144
|
export const listsStylesSafariFix = css({
|
|
@@ -29,16 +29,10 @@ export const editorControlsSmartCardStyles = css({
|
|
|
29
29
|
export const smartCardDiffStyles = css({
|
|
30
30
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
|
|
31
31
|
[`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}`]: {
|
|
32
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
|
|
33
|
-
[`&.show-diff-changed-decoration-node-standard .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
|
|
34
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
35
|
-
boxShadow: `0 0 0 1px ${"var(--ds-border-accent-purple, #8270DB)"}`,
|
|
36
|
-
borderColor: 'transparent'
|
|
37
|
-
},
|
|
38
32
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
39
|
-
[
|
|
33
|
+
[`&[data-testid="show-diff-changed-decoration-node"] .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
|
|
40
34
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
41
|
-
boxShadow: `0 0 0 1px
|
|
35
|
+
boxShadow: `0 0 0 1px var(--diff-decoration-marker-color)`,
|
|
42
36
|
borderColor: 'transparent'
|
|
43
37
|
}
|
|
44
38
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "
|
|
2
|
+
export const version = "0.0.0-development";
|
|
@@ -45,7 +45,7 @@ import { indentationStyles } from './styles/indentationStyles';
|
|
|
45
45
|
import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
|
|
46
46
|
import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView } from './styles/layout';
|
|
47
47
|
import { hyperLinkFloatingToolbarStyles, linkLegacyIconStylesFix, linkStyles } from './styles/link';
|
|
48
|
-
import { getDenseListStyles, listsStyles, listsStylesSafariFix } from './styles/list';
|
|
48
|
+
import { getDenseListStyles, listsStyles, diffListStyles, listsStylesSafariFix } from './styles/list';
|
|
49
49
|
import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
|
|
50
50
|
import { mentionsStyles, mentionsSelectionStyles, mentionNodeStyles, mentionsStylesMixin_platform_editor_centre_mention_padding, mentionsSelectionStylesWithSearchMatch, mentionDangerStyles } from './styles/mentions';
|
|
51
51
|
import { panelStyles, panelStylesMixin, nestedPanelBorderStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles, nestedPanelDangerStyles } from './styles/panelStyles';
|
|
@@ -207,6 +207,8 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
|
|
|
207
207
|
textHighlightPaddingStyles,
|
|
208
208
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
209
209
|
listsStyles,
|
|
210
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
211
|
+
fg('aifc_create_enabled') && diffListStyles,
|
|
210
212
|
// Condense vertical spacing between list items when content mode dense is active
|
|
211
213
|
expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') &&
|
|
212
214
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -131,6 +131,15 @@ export var listsStyles = css({
|
|
|
131
131
|
}
|
|
132
132
|
});
|
|
133
133
|
|
|
134
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
135
|
+
export var diffListStyles = css({
|
|
136
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
137
|
+
'li[data-testid="show-diff-changed-decoration-node"]::marker': {
|
|
138
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
139
|
+
color: 'var(--diff-decoration-marker-color)'
|
|
140
|
+
}
|
|
141
|
+
});
|
|
142
|
+
|
|
134
143
|
/* This prevents https://product-fabric.atlassian.net/browse/ED-20924 */
|
|
135
144
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
136
145
|
export var listsStylesSafariFix = css(_defineProperty(_defineProperty({}, ".ProseMirror:not(.".concat(BLOCK_CARD_CONTAINER, ") > li::before"), {
|
|
@@ -24,13 +24,9 @@ export var editorControlsSmartCardStyles = css(_defineProperty({}, ".".concat(Sm
|
|
|
24
24
|
}));
|
|
25
25
|
|
|
26
26
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
27
|
-
export var smartCardDiffStyles = css(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), _defineProperty(
|
|
27
|
+
export var smartCardDiffStyles = css(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), _defineProperty({}, "&[data-testid=\"show-diff-changed-decoration-node\"] .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
|
|
28
28
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
29
|
-
boxShadow: "0 0 0 1px
|
|
30
|
-
borderColor: 'transparent'
|
|
31
|
-
}), "&.show-diff-changed-decoration-node-traditional .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
|
|
32
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
33
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-green, #22A06B)"),
|
|
29
|
+
boxShadow: "0 0 0 1px var(--diff-decoration-marker-color)",
|
|
34
30
|
borderColor: 'transparent'
|
|
35
31
|
})));
|
|
36
32
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "
|
|
2
|
+
export var version = "0.0.0-development";
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type SerializedStyles } from '@emotion/react';
|
|
2
2
|
export declare const listsStyles: SerializedStyles;
|
|
3
|
+
export declare const diffListStyles: SerializedStyles;
|
|
3
4
|
export declare const listsStylesSafariFix: SerializedStyles;
|
|
4
5
|
export declare const EDITOR_LIST_DENSE_GAP = "max(0px, calc((var(--ak-editor-base-font-size, 16px) - 13px) * (4 / 3)))";
|
|
5
6
|
export declare const getDenseListStyles: (baseFontSize?: number) => SerializedStyles;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type SerializedStyles } from '@emotion/react';
|
|
2
2
|
export declare const listsStyles: SerializedStyles;
|
|
3
|
+
export declare const diffListStyles: SerializedStyles;
|
|
3
4
|
export declare const listsStylesSafariFix: SerializedStyles;
|
|
4
5
|
export declare const EDITOR_LIST_DENSE_GAP = "max(0px, calc((var(--ak-editor-base-font-size, 16px) - 13px) * (4 / 3)))";
|
|
5
6
|
export declare const getDenseListStyles: (baseFontSize?: number) => SerializedStyles;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "215.6.
|
|
3
|
+
"version": "215.6.3",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
"uuid": "^3.1.0"
|
|
82
82
|
},
|
|
83
83
|
"peerDependencies": {
|
|
84
|
-
"@atlaskit/editor-common": "^110.
|
|
84
|
+
"@atlaskit/editor-common": "^110.17.0",
|
|
85
85
|
"@atlaskit/link-provider": "^4.0.0",
|
|
86
86
|
"@atlaskit/media-core": "^37.0.0",
|
|
87
87
|
"react": "^18.2.0",
|