@atlaskit/editor-core 215.12.0 → 215.13.0
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 +21 -0
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +8 -2
- package/dist/cjs/ui/EditorContentContainer/styles/emoji.js +98 -1
- package/dist/cjs/ui/EditorContentContainer/styles/smartCardStyles.js +3 -2
- package/dist/cjs/ui/EditorContentContainer/styles/syncBlockStyles.js +67 -64
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +9 -3
- package/dist/es2019/ui/EditorContentContainer/styles/emoji.js +130 -1
- package/dist/es2019/ui/EditorContentContainer/styles/smartCardStyles.js +3 -2
- package/dist/es2019/ui/EditorContentContainer/styles/syncBlockStyles.js +70 -60
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +9 -3
- package/dist/esm/ui/EditorContentContainer/styles/emoji.js +98 -1
- package/dist/esm/ui/EditorContentContainer/styles/smartCardStyles.js +3 -2
- package/dist/esm/ui/EditorContentContainer/styles/syncBlockStyles.js +67 -64
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/styles/emoji.d.ts +2 -0
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/emoji.d.ts +2 -0
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,26 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 215.13.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`a8137975c5ecb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a8137975c5ecb) -
|
|
8
|
+
[ux] [EDITOR-2459] css behind an experiment gate to scale emoji sizes with text styles
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
14
|
+
## 215.12.1
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- [`9e7aa73151ed0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9e7aa73151ed0) -
|
|
19
|
+
[ux] EDITOR-2670 add selected state for sync block when selection is inside
|
|
20
|
+
- [`0b00861d972cd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0b00861d972cd) -
|
|
21
|
+
[EDITOR-2668] refactored deleted mediaSingle decorations to maintain alignment/wrap on diff view
|
|
22
|
+
- Updated dependencies
|
|
23
|
+
|
|
3
24
|
## 215.12.0
|
|
4
25
|
|
|
5
26
|
### Minor Changes
|
|
@@ -430,11 +430,17 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
|
|
|
430
430
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
431
431
|
_mentions.mentionsSelectionStyles,
|
|
432
432
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
433
|
+
(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ?
|
|
434
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
435
|
+
_emoji.scaledEmojiStyles :
|
|
436
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
433
437
|
_emoji.emojiStyles,
|
|
434
438
|
// Dense emoji scaling based on base font size
|
|
435
|
-
(0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')
|
|
439
|
+
(0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') ? (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ?
|
|
440
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
441
|
+
(0, _emoji.getScaledDenseEmojiStyles)(baseFontSize) :
|
|
436
442
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
437
|
-
(0, _emoji.getDenseEmojiStyles)(baseFontSize),
|
|
443
|
+
(0, _emoji.getDenseEmojiStyles)(baseFontSize) : undefined,
|
|
438
444
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
439
445
|
_panelStyles.panelViewStyles,
|
|
440
446
|
// 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.getDenseEmojiStyles = exports.emojiStyles = exports.emojiDangerStyles = void 0;
|
|
7
|
+
exports.scaledEmojiStyles = exports.getScaledDenseEmojiStyles = exports.getDenseEmojiStyles = exports.emojiStyles = exports.emojiDangerStyles = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _emoji = require("@atlaskit/editor-common/emoji");
|
|
@@ -38,6 +38,103 @@ _selectionStyles.boxShadowSelectionStyles,
|
|
|
38
38
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
39
39
|
_selectionStyles.hideNativeBrowserTextSelectionStyles])));
|
|
40
40
|
|
|
41
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
42
|
+
var scaledEmojiStyles = exports.scaledEmojiStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".ProseMirror .".concat(_emoji.EmojiSharedCssClassName.EMOJI_CONTAINER), {
|
|
43
|
+
display: 'inline-block'
|
|
44
|
+
}), ".ProseMirror :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
45
|
+
background: 'no-repeat transparent',
|
|
46
|
+
display: 'inline-block',
|
|
47
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
48
|
+
height: "".concat(_emoji.defaultEmojiHeight, "px"),
|
|
49
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
50
|
+
minHeight: "".concat(_emoji.defaultEmojiHeight, "px"),
|
|
51
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
52
|
+
minWidth: "".concat(_emoji.defaultEmojiHeight, "px"),
|
|
53
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
54
|
+
maxHeight: "".concat(_emoji.scaledEmojiHeightH1, "px"),
|
|
55
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
56
|
+
maxWidth: "".concat(_emoji.scaledEmojiHeightH1, "px"),
|
|
57
|
+
cursor: 'pointer',
|
|
58
|
+
verticalAlign: 'middle',
|
|
59
|
+
userSelect: 'all'
|
|
60
|
+
}), ".ProseMirror .".concat(_editorSharedStyles.akEditorSelectedNodeClassName), (0, _defineProperty2.default)({}, ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE), [emojiSelectionStyles,
|
|
61
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
62
|
+
_selectionStyles.blanketSelectionStyles,
|
|
63
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
64
|
+
_selectionStyles.boxShadowSelectionStyles,
|
|
65
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
66
|
+
_selectionStyles.hideNativeBrowserTextSelectionStyles])), ".ProseMirror h1 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
67
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
68
|
+
height: "".concat(_emoji.scaledEmojiHeightH1, "px"),
|
|
69
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
70
|
+
width: "".concat(_emoji.scaledEmojiHeightH1, "px")
|
|
71
|
+
}), ".ProseMirror h2 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
72
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
73
|
+
height: "".concat(_emoji.scaledEmojiHeightH2, "px"),
|
|
74
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
75
|
+
width: "".concat(_emoji.scaledEmojiHeightH2, "px")
|
|
76
|
+
}), ".ProseMirror h3 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
77
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
78
|
+
height: "".concat(_emoji.scaledEmojiHeightH3, "px"),
|
|
79
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
80
|
+
width: "".concat(_emoji.scaledEmojiHeightH3, "px")
|
|
81
|
+
}), ".ProseMirror h4 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
82
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
83
|
+
height: "".concat(_emoji.scaledEmojiHeightH4, "px"),
|
|
84
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
85
|
+
width: "".concat(_emoji.scaledEmojiHeightH4, "px")
|
|
86
|
+
}));
|
|
87
|
+
var getScaledDenseEmojiStyles = exports.getScaledDenseEmojiStyles = function getScaledDenseEmojiStyles(baseFontSize) {
|
|
88
|
+
if (!baseFontSize || baseFontSize === _editorSharedStyles.akEditorFullPageDefaultFontSize) {
|
|
89
|
+
return (0, _react.css)({});
|
|
90
|
+
}
|
|
91
|
+
return (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".ProseMirror :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
92
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
93
|
+
width: _emoji.defaultDenseEmojiHeight,
|
|
94
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
95
|
+
height: _emoji.defaultDenseEmojiHeight,
|
|
96
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
97
|
+
minHeight: _emoji.defaultDenseEmojiHeight,
|
|
98
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
99
|
+
minWidth: _emoji.defaultDenseEmojiHeight,
|
|
100
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
101
|
+
maxHeight: "".concat(_emoji.denseEmojiHeightH1, "px"),
|
|
102
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
103
|
+
maxWidth: "".concat(_emoji.denseEmojiHeightH1, "px"),
|
|
104
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
105
|
+
img: {
|
|
106
|
+
width: '100%',
|
|
107
|
+
height: '100%',
|
|
108
|
+
objectFit: 'contain'
|
|
109
|
+
}
|
|
110
|
+
}), '.ProseMirror .ak-editor-panel .ak-editor-panel__icon', {
|
|
111
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
112
|
+
height: "var(--ds-space-250, 20px)",
|
|
113
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
114
|
+
width: "var(--ds-space-250, 20px)"
|
|
115
|
+
}), ".ProseMirror h1 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
116
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
117
|
+
height: "".concat(_emoji.denseEmojiHeightH1, "px"),
|
|
118
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
119
|
+
width: "".concat(_emoji.denseEmojiHeightH1, "px")
|
|
120
|
+
}), ".ProseMirror h2 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
121
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
122
|
+
height: "".concat(_emoji.denseEmojiHeightH2, "px"),
|
|
123
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
124
|
+
width: "".concat(_emoji.denseEmojiHeightH2, "px")
|
|
125
|
+
}), ".ProseMirror h3 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
126
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
127
|
+
height: "".concat(_emoji.denseEmojiHeightH3, "px"),
|
|
128
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
129
|
+
width: "".concat(_emoji.denseEmojiHeightH3, "px")
|
|
130
|
+
}), ".ProseMirror h4 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
131
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
132
|
+
height: "".concat(_emoji.denseEmojiHeightH4, "px"),
|
|
133
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
134
|
+
width: "".concat(_emoji.denseEmojiHeightH4, "px")
|
|
135
|
+
}));
|
|
136
|
+
};
|
|
137
|
+
|
|
41
138
|
/**
|
|
42
139
|
* Gets dynamic emoji styles that scale emoji size based on the base font size.
|
|
43
140
|
* This allows emojis to scale proportionally when the base font size changes.
|
|
@@ -43,12 +43,13 @@ var showDiffDeletedNodeStyles = exports.showDiffDeletedNodeStyles = (0, _react.c
|
|
|
43
43
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
44
44
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
|
|
45
45
|
borderColor: 'transparent'
|
|
46
|
-
})), '.
|
|
46
|
+
})), '.show-diff-deleted-node .media-card-wrapper', {
|
|
47
47
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
48
48
|
'& > div': {
|
|
49
49
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
50
50
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
|
|
51
|
-
borderRadius: "var(--ds-radius-
|
|
51
|
+
borderRadius: "calc(".concat("var(--ds-radius-xsmall, 2px)", " + 1px)"),
|
|
52
|
+
opacity: 0.6
|
|
52
53
|
}
|
|
53
54
|
}));
|
|
54
55
|
|
|
@@ -12,39 +12,11 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
|
12
12
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
13
13
|
|
|
14
14
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
15
|
-
var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)((0, _defineProperty2.default)(
|
|
15
|
+
var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)((0, _defineProperty2.default)({
|
|
16
16
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
17
|
-
'.ProseMirror': (0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix), (0, _defineProperty2.default)((0, _defineProperty2.default)({
|
|
17
|
+
'.ProseMirror': (0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
|
|
18
18
|
position: 'relative',
|
|
19
19
|
cursor: 'pointer',
|
|
20
|
-
/* Danger when top level node */
|
|
21
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
22
|
-
'&.danger': (0, _defineProperty2.default)({
|
|
23
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
|
|
24
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
25
|
-
backgroundColor: "var(--ds-background-danger, #FFECEB)".concat(" !important"),
|
|
26
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
27
|
-
'.ak-editor-panel__icon': {
|
|
28
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
29
|
-
color: "var(--ds-icon-danger, #C9372C)".concat(" !important")
|
|
30
|
-
}
|
|
31
|
-
}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
32
|
-
backgroundColor: "var(--ds-background-danger, #FFECEB)",
|
|
33
|
-
'&::before': {
|
|
34
|
-
content: '""',
|
|
35
|
-
position: 'absolute',
|
|
36
|
-
top: '-1px',
|
|
37
|
-
left: '-1px',
|
|
38
|
-
right: '-1px',
|
|
39
|
-
bottom: '-1px',
|
|
40
|
-
border: "1px solid ".concat("var(--ds-border-danger, #E2483D)"),
|
|
41
|
-
borderRadius: "var(--ds-radius-small, 3px)",
|
|
42
|
-
mask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
43
|
-
WebkitMask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
44
|
-
pointerEvents: 'none',
|
|
45
|
-
zIndex: -1
|
|
46
|
-
}
|
|
47
|
-
}),
|
|
48
20
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
49
21
|
marginTop: "var(--ds-space-150, 12px)",
|
|
50
22
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
@@ -55,49 +27,80 @@ var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)((0, _definePrope
|
|
|
55
27
|
paddingTop: "var(--ds-space-050, 4px)",
|
|
56
28
|
paddingBottom: "var(--ds-space-050, 4px)",
|
|
57
29
|
color: 'inherit',
|
|
58
|
-
|
|
30
|
+
/* Hover state */
|
|
31
|
+
'&:hover': (0, _defineProperty2.default)({
|
|
59
32
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
60
33
|
boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border, #0B120E24)")
|
|
34
|
+
}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
35
|
+
opacity: 1,
|
|
36
|
+
visibility: 'visible'
|
|
37
|
+
})
|
|
38
|
+
}, "&.".concat(_syncBlock.BodiedSyncBlockSharedCssClassName.selectionInside), (0, _defineProperty2.default)({
|
|
39
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-focused, #4688EC)")
|
|
40
|
+
}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
41
|
+
opacity: 1,
|
|
42
|
+
visibility: 'visible'
|
|
43
|
+
})), '&.ak-editor-selected-node', (0, _defineProperty2.default)({
|
|
44
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-focused, #4688EC)"),
|
|
45
|
+
backgroundColor: "var(--ds-background-selected, #E9F2FE)"
|
|
46
|
+
}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
47
|
+
opacity: 1,
|
|
48
|
+
visibility: 'visible',
|
|
49
|
+
backgroundColor: "var(--ds-background-selected, #E9F2FE)",
|
|
50
|
+
'&::before': {
|
|
51
|
+
content: '""',
|
|
52
|
+
position: 'absolute',
|
|
53
|
+
top: '-1px',
|
|
54
|
+
left: '-1px',
|
|
55
|
+
right: '-1px',
|
|
56
|
+
bottom: '-1px',
|
|
57
|
+
border: "1px solid ".concat("var(--ds-border-focused, #4688EC)"),
|
|
58
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
59
|
+
mask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
60
|
+
WebkitMask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
61
|
+
pointerEvents: 'none',
|
|
62
|
+
zIndex: -1
|
|
63
|
+
}
|
|
64
|
+
})), '&.danger', (0, _defineProperty2.default)({
|
|
65
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
|
|
66
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
67
|
+
backgroundColor: "var(--ds-background-danger, #FFECEB)".concat(" !important"),
|
|
68
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
69
|
+
'.ak-editor-panel__icon': {
|
|
70
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
71
|
+
color: "var(--ds-icon-danger, #C9372C)".concat(" !important")
|
|
72
|
+
}
|
|
73
|
+
}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
74
|
+
backgroundColor: "var(--ds-background-danger, #FFECEB)",
|
|
75
|
+
'&::before': {
|
|
76
|
+
content: '""',
|
|
77
|
+
position: 'absolute',
|
|
78
|
+
top: '-1px',
|
|
79
|
+
left: '-1px',
|
|
80
|
+
right: '-1px',
|
|
81
|
+
bottom: '-1px',
|
|
82
|
+
border: "1px solid ".concat("var(--ds-border-danger, #E2483D)"),
|
|
83
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
84
|
+
mask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
85
|
+
WebkitMask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
86
|
+
pointerEvents: 'none',
|
|
87
|
+
zIndex: -1
|
|
61
88
|
}
|
|
62
|
-
}, ".".concat(_syncBlock.
|
|
89
|
+
})), "&has(.".concat(_syncBlock.SyncBlockSharedCssClassName.error, ")"), (0, _defineProperty2.default)({
|
|
90
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
91
|
+
'&:hover:not(.ak-editor-selected-node)': {
|
|
92
|
+
boxShadow: 'none'
|
|
93
|
+
}
|
|
94
|
+
}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
95
|
+
opacity: 0,
|
|
96
|
+
visibility: 'hidden'
|
|
97
|
+
})), ".".concat(_syncBlock.BodiedSyncBlockSharedCssClassName.content), {
|
|
63
98
|
padding: '0 32px',
|
|
64
99
|
cursor: 'text'
|
|
65
100
|
}), ".".concat(_syncBlock.SyncBlockSharedCssClassName.renderer), {
|
|
66
101
|
padding: '0 32px'
|
|
67
102
|
}))
|
|
68
|
-
}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node:not(.danger), .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node:not(.danger)"), (0, _defineProperty2.default)({
|
|
69
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-focused, #4688EC)"),
|
|
70
|
-
backgroundColor: "var(--ds-background-selected, #E9F2FE)"
|
|
71
103
|
}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
72
|
-
backgroundColor: "var(--ds-background-selected, #E9F2FE)",
|
|
73
|
-
'&::before': {
|
|
74
|
-
content: '""',
|
|
75
|
-
position: 'absolute',
|
|
76
|
-
top: '-1px',
|
|
77
|
-
left: '-1px',
|
|
78
|
-
right: '-1px',
|
|
79
|
-
bottom: '-1px',
|
|
80
|
-
border: "1px solid ".concat("var(--ds-border-focused, #4688EC)"),
|
|
81
|
-
borderRadius: "var(--ds-radius-small, 3px)",
|
|
82
|
-
mask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
83
|
-
WebkitMask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
84
|
-
pointerEvents: 'none',
|
|
85
|
-
zIndex: -1
|
|
86
|
-
}
|
|
87
|
-
})), ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node, .").concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ":hover, .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node, .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix, ":hover, .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix, ".danger, ").concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName, ":hover"), (0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
88
|
-
opacity: 1,
|
|
89
|
-
visibility: 'visible'
|
|
90
|
-
})), ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ":has(.").concat(_syncBlock.SyncBlockSharedCssClassName.error, "), .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix, ":has(.").concat(_syncBlock.SyncBlockSharedCssClassName.error, ")"), {
|
|
91
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
92
|
-
'&:hover:not(.ak-editor-selected-node)': {
|
|
93
|
-
boxShadow: 'none'
|
|
94
|
-
},
|
|
95
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
96
|
-
'&.ak-editor-selected-node, &:hover': (0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
97
|
-
opacity: 0,
|
|
98
|
-
visibility: 'hidden'
|
|
99
|
-
})
|
|
100
|
-
}), ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
101
104
|
color: "var(--ds-text-subtle, #505258)",
|
|
102
105
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
103
106
|
position: 'absolute',
|
|
@@ -31,7 +31,7 @@ import { cursorStyles } from './styles/cursorStyles';
|
|
|
31
31
|
import { dangerDateStyles, dateStyles, dateVanillaStyles } from './styles/dateStyles';
|
|
32
32
|
import { editorUGCTokensDefault, editorUGCTokensRefreshed } from './styles/editorUGCTokenStyles';
|
|
33
33
|
import { embedCardStyles } from './styles/embedCardStyles';
|
|
34
|
-
import { emojiDangerStyles, emojiStyles, getDenseEmojiStyles } from './styles/emoji';
|
|
34
|
+
import { emojiDangerStyles, emojiStyles, scaledEmojiStyles, getDenseEmojiStyles, getScaledDenseEmojiStyles } from './styles/emoji';
|
|
35
35
|
import { expandStyles, getDenseExpandTitleStyles, expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes, expandStylesMixin_fg_platform_visual_refresh_icons, expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes } from './styles/expandStyles';
|
|
36
36
|
import { getExtensionStyles } from './styles/extensionStyles';
|
|
37
37
|
import { findReplaceStyles, findReplaceStylesWithCodeblockColorContrastFix, findReplaceStylesNew, findReplaceStylesNewWithCodeblockColorContrastFix } from './styles/findReplaceStyles';
|
|
@@ -426,11 +426,17 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
426
426
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
427
427
|
mentionsSelectionStyles,
|
|
428
428
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
429
|
+
expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ?
|
|
430
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
431
|
+
scaledEmojiStyles :
|
|
432
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
429
433
|
emojiStyles,
|
|
430
434
|
// Dense emoji scaling based on base font size
|
|
431
|
-
expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')
|
|
435
|
+
expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') ? expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ?
|
|
436
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
437
|
+
getScaledDenseEmojiStyles(baseFontSize) :
|
|
432
438
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
433
|
-
getDenseEmojiStyles(baseFontSize),
|
|
439
|
+
getDenseEmojiStyles(baseFontSize) : undefined,
|
|
434
440
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
435
441
|
panelViewStyles,
|
|
436
442
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
|
-
import { defaultEmojiHeight, EmojiSharedCssClassName } from '@atlaskit/editor-common/emoji';
|
|
3
|
+
import { defaultEmojiHeight, EmojiSharedCssClassName, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4 } from '@atlaskit/editor-common/emoji';
|
|
4
4
|
import { akEditorFullPageDefaultFontSize, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
|
|
5
5
|
import { blanketSelectionStyles, boxShadowSelectionStyles, dangerBackgroundStyles, dangerBorderStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
|
|
6
6
|
const emojiSelectionStyles = css({
|
|
@@ -39,6 +39,135 @@ export const emojiStyles = css({
|
|
|
39
39
|
}
|
|
40
40
|
});
|
|
41
41
|
|
|
42
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
43
|
+
export const scaledEmojiStyles = css({
|
|
44
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
45
|
+
[`.ProseMirror .${EmojiSharedCssClassName.EMOJI_CONTAINER}`]: {
|
|
46
|
+
display: 'inline-block'
|
|
47
|
+
},
|
|
48
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
49
|
+
[`.ProseMirror :is(.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE})`]: {
|
|
50
|
+
background: 'no-repeat transparent',
|
|
51
|
+
display: 'inline-block',
|
|
52
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
53
|
+
height: `${defaultEmojiHeight}px`,
|
|
54
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
55
|
+
minHeight: `${defaultEmojiHeight}px`,
|
|
56
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
57
|
+
minWidth: `${defaultEmojiHeight}px`,
|
|
58
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
59
|
+
maxHeight: `${scaledEmojiHeightH1}px`,
|
|
60
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
61
|
+
maxWidth: `${scaledEmojiHeightH1}px`,
|
|
62
|
+
cursor: 'pointer',
|
|
63
|
+
verticalAlign: 'middle',
|
|
64
|
+
userSelect: 'all'
|
|
65
|
+
},
|
|
66
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
67
|
+
[`.ProseMirror .${akEditorSelectedNodeClassName}`]: {
|
|
68
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
69
|
+
[`.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE}`]: [emojiSelectionStyles,
|
|
70
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
71
|
+
blanketSelectionStyles,
|
|
72
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
73
|
+
boxShadowSelectionStyles,
|
|
74
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
75
|
+
hideNativeBrowserTextSelectionStyles]
|
|
76
|
+
},
|
|
77
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
78
|
+
[`.ProseMirror h1 :is(.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE})`]: {
|
|
79
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
80
|
+
height: `${scaledEmojiHeightH1}px`,
|
|
81
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
82
|
+
width: `${scaledEmojiHeightH1}px`
|
|
83
|
+
},
|
|
84
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
85
|
+
[`.ProseMirror h2 :is(.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE})`]: {
|
|
86
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
87
|
+
height: `${scaledEmojiHeightH2}px`,
|
|
88
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
89
|
+
width: `${scaledEmojiHeightH2}px`
|
|
90
|
+
},
|
|
91
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
92
|
+
[`.ProseMirror h3 :is(.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE})`]: {
|
|
93
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
94
|
+
height: `${scaledEmojiHeightH3}px`,
|
|
95
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
96
|
+
width: `${scaledEmojiHeightH3}px`
|
|
97
|
+
},
|
|
98
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
99
|
+
[`.ProseMirror h4 :is(.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE})`]: {
|
|
100
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
101
|
+
height: `${scaledEmojiHeightH4}px`,
|
|
102
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
103
|
+
width: `${scaledEmojiHeightH4}px`
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
export const getScaledDenseEmojiStyles = baseFontSize => {
|
|
107
|
+
if (!baseFontSize || baseFontSize === akEditorFullPageDefaultFontSize) {
|
|
108
|
+
return css({});
|
|
109
|
+
}
|
|
110
|
+
return css({
|
|
111
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
112
|
+
[`.ProseMirror :is(.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE})`]: {
|
|
113
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
114
|
+
width: defaultDenseEmojiHeight,
|
|
115
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
116
|
+
height: defaultDenseEmojiHeight,
|
|
117
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
118
|
+
minHeight: defaultDenseEmojiHeight,
|
|
119
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
120
|
+
minWidth: defaultDenseEmojiHeight,
|
|
121
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
122
|
+
maxHeight: `${denseEmojiHeightH1}px`,
|
|
123
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
124
|
+
maxWidth: `${denseEmojiHeightH1}px`,
|
|
125
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
126
|
+
img: {
|
|
127
|
+
width: '100%',
|
|
128
|
+
height: '100%',
|
|
129
|
+
objectFit: 'contain'
|
|
130
|
+
}
|
|
131
|
+
},
|
|
132
|
+
// Scale panel icon in dense mode
|
|
133
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
134
|
+
'.ProseMirror .ak-editor-panel .ak-editor-panel__icon': {
|
|
135
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
136
|
+
height: "var(--ds-space-250, 20px)",
|
|
137
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
138
|
+
width: "var(--ds-space-250, 20px)"
|
|
139
|
+
},
|
|
140
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
141
|
+
[`.ProseMirror h1 :is(.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE})`]: {
|
|
142
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
143
|
+
height: `${denseEmojiHeightH1}px`,
|
|
144
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
145
|
+
width: `${denseEmojiHeightH1}px`
|
|
146
|
+
},
|
|
147
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
148
|
+
[`.ProseMirror h2 :is(.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE})`]: {
|
|
149
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
150
|
+
height: `${denseEmojiHeightH2}px`,
|
|
151
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
152
|
+
width: `${denseEmojiHeightH2}px`
|
|
153
|
+
},
|
|
154
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
155
|
+
[`.ProseMirror h3 :is(.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE})`]: {
|
|
156
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
157
|
+
height: `${denseEmojiHeightH3}px`,
|
|
158
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
159
|
+
width: `${denseEmojiHeightH3}px`
|
|
160
|
+
},
|
|
161
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
162
|
+
[`.ProseMirror h4 :is(.${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_IMAGE})`]: {
|
|
163
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
164
|
+
height: `${denseEmojiHeightH4}px`,
|
|
165
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
166
|
+
width: `${denseEmojiHeightH4}px`
|
|
167
|
+
}
|
|
168
|
+
});
|
|
169
|
+
};
|
|
170
|
+
|
|
42
171
|
/**
|
|
43
172
|
* Gets dynamic emoji styles that scale emoji size based on the base font size.
|
|
44
173
|
* This allows emojis to scale proportionally when the base font size changes.
|
|
@@ -50,12 +50,13 @@ export const showDiffDeletedNodeStyles = css({
|
|
|
50
50
|
}
|
|
51
51
|
},
|
|
52
52
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
53
|
-
'.
|
|
53
|
+
'.show-diff-deleted-node .media-card-wrapper': {
|
|
54
54
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
55
55
|
'& > div': {
|
|
56
56
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
57
57
|
boxShadow: `0 0 0 1px ${"var(--ds-border-accent-gray, #7D818A)"}`,
|
|
58
|
-
borderRadius: "var(--ds-radius-
|
|
58
|
+
borderRadius: `calc(${"var(--ds-radius-xsmall, 2px)"} + 1px)`,
|
|
59
|
+
opacity: 0.6
|
|
59
60
|
}
|
|
60
61
|
}
|
|
61
62
|
});
|
|
@@ -10,7 +10,63 @@ export const syncBlockStyles = css({
|
|
|
10
10
|
[`.${SyncBlockSharedCssClassName.prefix}, .${BodiedSyncBlockSharedCssClassName.prefix}`]: {
|
|
11
11
|
position: 'relative',
|
|
12
12
|
cursor: 'pointer',
|
|
13
|
-
|
|
13
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
14
|
+
marginTop: "var(--ds-space-150, 12px)",
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
16
|
+
marginRight: `-${akEditorGutterPadding}px`,
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
18
|
+
marginLeft: `-${akEditorGutterPadding}px`,
|
|
19
|
+
marginBottom: 0,
|
|
20
|
+
paddingTop: "var(--ds-space-050, 4px)",
|
|
21
|
+
paddingBottom: "var(--ds-space-050, 4px)",
|
|
22
|
+
color: 'inherit',
|
|
23
|
+
/* Hover state */
|
|
24
|
+
'&:hover': {
|
|
25
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
26
|
+
boxShadow: `0px 0px 0px 1px ${"var(--ds-border, #0B120E24)"}`,
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
28
|
+
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
29
|
+
opacity: 1,
|
|
30
|
+
visibility: 'visible'
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
/* Selection state when cursor inside sync block */
|
|
34
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
35
|
+
[`&.${BodiedSyncBlockSharedCssClassName.selectionInside}`]: {
|
|
36
|
+
boxShadow: `0 0 0 1px ${"var(--ds-border-focused, #4688EC)"}`,
|
|
37
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
38
|
+
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
39
|
+
opacity: 1,
|
|
40
|
+
visibility: 'visible'
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
/* Node selection state */
|
|
44
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
45
|
+
'&.ak-editor-selected-node': {
|
|
46
|
+
boxShadow: `0 0 0 1px ${"var(--ds-border-focused, #4688EC)"}`,
|
|
47
|
+
backgroundColor: "var(--ds-background-selected, #E9F2FE)",
|
|
48
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
49
|
+
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
50
|
+
opacity: 1,
|
|
51
|
+
visibility: 'visible',
|
|
52
|
+
backgroundColor: "var(--ds-background-selected, #E9F2FE)",
|
|
53
|
+
'&::before': {
|
|
54
|
+
content: '""',
|
|
55
|
+
position: 'absolute',
|
|
56
|
+
top: '-1px',
|
|
57
|
+
left: '-1px',
|
|
58
|
+
right: '-1px',
|
|
59
|
+
bottom: '-1px',
|
|
60
|
+
border: `1px solid ${"var(--ds-border-focused, #4688EC)"}`,
|
|
61
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
62
|
+
mask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
63
|
+
WebkitMask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
64
|
+
pointerEvents: 'none',
|
|
65
|
+
zIndex: -1
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
/* Danger state */
|
|
14
70
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
15
71
|
'&.danger': {
|
|
16
72
|
boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`,
|
|
@@ -40,19 +96,19 @@ export const syncBlockStyles = css({
|
|
|
40
96
|
}
|
|
41
97
|
}
|
|
42
98
|
},
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
99
|
+
/* Error state */
|
|
100
|
+
/* In error state sync block should not have hover styles or show the label */
|
|
101
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
102
|
+
[`&has(.${SyncBlockSharedCssClassName.error})`]: {
|
|
103
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
104
|
+
'&:hover:not(.ak-editor-selected-node)': {
|
|
105
|
+
boxShadow: 'none'
|
|
106
|
+
},
|
|
107
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
108
|
+
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
109
|
+
opacity: 0,
|
|
110
|
+
visibility: 'hidden'
|
|
111
|
+
}
|
|
56
112
|
},
|
|
57
113
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
58
114
|
[`.${BodiedSyncBlockSharedCssClassName.content}`]: {
|
|
@@ -65,52 +121,6 @@ export const syncBlockStyles = css({
|
|
|
65
121
|
}
|
|
66
122
|
}
|
|
67
123
|
},
|
|
68
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
69
|
-
[`.${SyncBlockSharedCssClassName.prefix}.ak-editor-selected-node:not(.danger), .${BodiedSyncBlockSharedCssClassName.prefix}.ak-editor-selected-node:not(.danger)`]: {
|
|
70
|
-
boxShadow: `0 0 0 1px ${"var(--ds-border-focused, #4688EC)"}`,
|
|
71
|
-
backgroundColor: "var(--ds-background-selected, #E9F2FE)",
|
|
72
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
73
|
-
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
74
|
-
backgroundColor: "var(--ds-background-selected, #E9F2FE)",
|
|
75
|
-
'&::before': {
|
|
76
|
-
content: '""',
|
|
77
|
-
position: 'absolute',
|
|
78
|
-
top: '-1px',
|
|
79
|
-
left: '-1px',
|
|
80
|
-
right: '-1px',
|
|
81
|
-
bottom: '-1px',
|
|
82
|
-
border: `1px solid ${"var(--ds-border-focused, #4688EC)"}`,
|
|
83
|
-
borderRadius: "var(--ds-radius-small, 3px)",
|
|
84
|
-
mask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
85
|
-
WebkitMask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
86
|
-
pointerEvents: 'none',
|
|
87
|
-
zIndex: -1
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
},
|
|
91
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
92
|
-
[`.${SyncBlockSharedCssClassName.prefix}.ak-editor-selected-node, .${SyncBlockSharedCssClassName.prefix}:hover, .${BodiedSyncBlockSharedCssClassName.prefix}.ak-editor-selected-node, .${BodiedSyncBlockSharedCssClassName.prefix}:hover, .${BodiedSyncBlockSharedCssClassName.prefix}.danger, ${SyncBlockLabelSharedCssClassName.labelClassName}:hover`]: {
|
|
93
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
94
|
-
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
95
|
-
opacity: 1,
|
|
96
|
-
visibility: 'visible'
|
|
97
|
-
}
|
|
98
|
-
},
|
|
99
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
100
|
-
[`.${SyncBlockSharedCssClassName.prefix}:has(.${SyncBlockSharedCssClassName.error}), .${BodiedSyncBlockSharedCssClassName.prefix}:has(.${SyncBlockSharedCssClassName.error})`]: {
|
|
101
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
102
|
-
'&:hover:not(.ak-editor-selected-node)': {
|
|
103
|
-
boxShadow: 'none'
|
|
104
|
-
},
|
|
105
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
106
|
-
'&.ak-editor-selected-node, &:hover': {
|
|
107
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
108
|
-
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
109
|
-
opacity: 0,
|
|
110
|
-
visibility: 'hidden'
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
},
|
|
114
124
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
115
125
|
[`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
|
|
116
126
|
color: "var(--ds-text-subtle, #505258)",
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "215.
|
|
2
|
+
export const version = "215.12.1";
|
|
@@ -32,7 +32,7 @@ import { cursorStyles } from './styles/cursorStyles';
|
|
|
32
32
|
import { dangerDateStyles, dateStyles, dateVanillaStyles } from './styles/dateStyles';
|
|
33
33
|
import { editorUGCTokensDefault, editorUGCTokensRefreshed } from './styles/editorUGCTokenStyles';
|
|
34
34
|
import { embedCardStyles } from './styles/embedCardStyles';
|
|
35
|
-
import { emojiDangerStyles, emojiStyles, getDenseEmojiStyles } from './styles/emoji';
|
|
35
|
+
import { emojiDangerStyles, emojiStyles, scaledEmojiStyles, getDenseEmojiStyles, getScaledDenseEmojiStyles } from './styles/emoji';
|
|
36
36
|
import { expandStyles, getDenseExpandTitleStyles, expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes, expandStylesMixin_fg_platform_visual_refresh_icons, expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes } from './styles/expandStyles';
|
|
37
37
|
import { getExtensionStyles } from './styles/extensionStyles';
|
|
38
38
|
import { findReplaceStyles, findReplaceStylesWithCodeblockColorContrastFix, findReplaceStylesNew, findReplaceStylesNewWithCodeblockColorContrastFix } from './styles/findReplaceStyles';
|
|
@@ -422,11 +422,17 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
|
|
|
422
422
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
423
423
|
mentionsSelectionStyles,
|
|
424
424
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
425
|
+
expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ?
|
|
426
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
427
|
+
scaledEmojiStyles :
|
|
428
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
425
429
|
emojiStyles,
|
|
426
430
|
// Dense emoji scaling based on base font size
|
|
427
|
-
expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')
|
|
431
|
+
expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') ? expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ?
|
|
432
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
433
|
+
getScaledDenseEmojiStyles(baseFontSize) :
|
|
428
434
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
429
|
-
getDenseEmojiStyles(baseFontSize),
|
|
435
|
+
getDenseEmojiStyles(baseFontSize) : undefined,
|
|
430
436
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
431
437
|
panelViewStyles,
|
|
432
438
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
|
|
3
3
|
import { css } from '@emotion/react';
|
|
4
|
-
import { defaultEmojiHeight, EmojiSharedCssClassName } from '@atlaskit/editor-common/emoji';
|
|
4
|
+
import { defaultEmojiHeight, EmojiSharedCssClassName, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4 } from '@atlaskit/editor-common/emoji';
|
|
5
5
|
import { akEditorFullPageDefaultFontSize, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
|
|
6
6
|
import { blanketSelectionStyles, boxShadowSelectionStyles, dangerBackgroundStyles, dangerBorderStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
|
|
7
7
|
var emojiSelectionStyles = css({
|
|
@@ -30,6 +30,103 @@ boxShadowSelectionStyles,
|
|
|
30
30
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
31
31
|
hideNativeBrowserTextSelectionStyles])));
|
|
32
32
|
|
|
33
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
34
|
+
export var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_CONTAINER), {
|
|
35
|
+
display: 'inline-block'
|
|
36
|
+
}), ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
37
|
+
background: 'no-repeat transparent',
|
|
38
|
+
display: 'inline-block',
|
|
39
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
40
|
+
height: "".concat(defaultEmojiHeight, "px"),
|
|
41
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
42
|
+
minHeight: "".concat(defaultEmojiHeight, "px"),
|
|
43
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
44
|
+
minWidth: "".concat(defaultEmojiHeight, "px"),
|
|
45
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
46
|
+
maxHeight: "".concat(scaledEmojiHeightH1, "px"),
|
|
47
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
48
|
+
maxWidth: "".concat(scaledEmojiHeightH1, "px"),
|
|
49
|
+
cursor: 'pointer',
|
|
50
|
+
verticalAlign: 'middle',
|
|
51
|
+
userSelect: 'all'
|
|
52
|
+
}), ".ProseMirror .".concat(akEditorSelectedNodeClassName), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE), [emojiSelectionStyles,
|
|
53
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
54
|
+
blanketSelectionStyles,
|
|
55
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
56
|
+
boxShadowSelectionStyles,
|
|
57
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
58
|
+
hideNativeBrowserTextSelectionStyles])), ".ProseMirror h1 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
59
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
60
|
+
height: "".concat(scaledEmojiHeightH1, "px"),
|
|
61
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
62
|
+
width: "".concat(scaledEmojiHeightH1, "px")
|
|
63
|
+
}), ".ProseMirror h2 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
64
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
65
|
+
height: "".concat(scaledEmojiHeightH2, "px"),
|
|
66
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
67
|
+
width: "".concat(scaledEmojiHeightH2, "px")
|
|
68
|
+
}), ".ProseMirror h3 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
69
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
70
|
+
height: "".concat(scaledEmojiHeightH3, "px"),
|
|
71
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
72
|
+
width: "".concat(scaledEmojiHeightH3, "px")
|
|
73
|
+
}), ".ProseMirror h4 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
74
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
75
|
+
height: "".concat(scaledEmojiHeightH4, "px"),
|
|
76
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
77
|
+
width: "".concat(scaledEmojiHeightH4, "px")
|
|
78
|
+
}));
|
|
79
|
+
export var getScaledDenseEmojiStyles = function getScaledDenseEmojiStyles(baseFontSize) {
|
|
80
|
+
if (!baseFontSize || baseFontSize === akEditorFullPageDefaultFontSize) {
|
|
81
|
+
return css({});
|
|
82
|
+
}
|
|
83
|
+
return css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
84
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
85
|
+
width: defaultDenseEmojiHeight,
|
|
86
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
87
|
+
height: defaultDenseEmojiHeight,
|
|
88
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
89
|
+
minHeight: defaultDenseEmojiHeight,
|
|
90
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
91
|
+
minWidth: defaultDenseEmojiHeight,
|
|
92
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
93
|
+
maxHeight: "".concat(denseEmojiHeightH1, "px"),
|
|
94
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
95
|
+
maxWidth: "".concat(denseEmojiHeightH1, "px"),
|
|
96
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
97
|
+
img: {
|
|
98
|
+
width: '100%',
|
|
99
|
+
height: '100%',
|
|
100
|
+
objectFit: 'contain'
|
|
101
|
+
}
|
|
102
|
+
}), '.ProseMirror .ak-editor-panel .ak-editor-panel__icon', {
|
|
103
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
104
|
+
height: "var(--ds-space-250, 20px)",
|
|
105
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
106
|
+
width: "var(--ds-space-250, 20px)"
|
|
107
|
+
}), ".ProseMirror h1 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
108
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
109
|
+
height: "".concat(denseEmojiHeightH1, "px"),
|
|
110
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
111
|
+
width: "".concat(denseEmojiHeightH1, "px")
|
|
112
|
+
}), ".ProseMirror h2 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
113
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
114
|
+
height: "".concat(denseEmojiHeightH2, "px"),
|
|
115
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
116
|
+
width: "".concat(denseEmojiHeightH2, "px")
|
|
117
|
+
}), ".ProseMirror h3 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
118
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
119
|
+
height: "".concat(denseEmojiHeightH3, "px"),
|
|
120
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
121
|
+
width: "".concat(denseEmojiHeightH3, "px")
|
|
122
|
+
}), ".ProseMirror h4 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
|
|
123
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
124
|
+
height: "".concat(denseEmojiHeightH4, "px"),
|
|
125
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
126
|
+
width: "".concat(denseEmojiHeightH4, "px")
|
|
127
|
+
}));
|
|
128
|
+
};
|
|
129
|
+
|
|
33
130
|
/**
|
|
34
131
|
* Gets dynamic emoji styles that scale emoji size based on the base font size.
|
|
35
132
|
* This allows emojis to scale proportionally when the base font size changes.
|
|
@@ -35,12 +35,13 @@ export var showDiffDeletedNodeStyles = css(_defineProperty(_defineProperty({}, "
|
|
|
35
35
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
36
36
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
|
|
37
37
|
borderColor: 'transparent'
|
|
38
|
-
})), '.
|
|
38
|
+
})), '.show-diff-deleted-node .media-card-wrapper', {
|
|
39
39
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
40
40
|
'& > div': {
|
|
41
41
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
42
42
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
|
|
43
|
-
borderRadius: "var(--ds-radius-
|
|
43
|
+
borderRadius: "calc(".concat("var(--ds-radius-xsmall, 2px)", " + 1px)"),
|
|
44
|
+
opacity: 0.6
|
|
44
45
|
}
|
|
45
46
|
}));
|
|
46
47
|
|
|
@@ -4,39 +4,11 @@ import { css } from '@emotion/react';
|
|
|
4
4
|
import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName } from '@atlaskit/editor-common/sync-block';
|
|
5
5
|
import { akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
|
|
6
6
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
7
|
-
export var syncBlockStyles = css(_defineProperty(
|
|
7
|
+
export var syncBlockStyles = css(_defineProperty({
|
|
8
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
9
|
-
'.ProseMirror': _defineProperty({}, ".".concat(SyncBlockSharedCssClassName.prefix, ", .").concat(BodiedSyncBlockSharedCssClassName.prefix), _defineProperty(_defineProperty({
|
|
9
|
+
'.ProseMirror': _defineProperty({}, ".".concat(SyncBlockSharedCssClassName.prefix, ", .").concat(BodiedSyncBlockSharedCssClassName.prefix), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
|
|
10
10
|
position: 'relative',
|
|
11
11
|
cursor: 'pointer',
|
|
12
|
-
/* Danger when top level node */
|
|
13
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
14
|
-
'&.danger': _defineProperty({
|
|
15
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
|
|
16
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
17
|
-
backgroundColor: "var(--ds-background-danger, #FFECEB)".concat(" !important"),
|
|
18
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
19
|
-
'.ak-editor-panel__icon': {
|
|
20
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
21
|
-
color: "var(--ds-icon-danger, #C9372C)".concat(" !important")
|
|
22
|
-
}
|
|
23
|
-
}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
24
|
-
backgroundColor: "var(--ds-background-danger, #FFECEB)",
|
|
25
|
-
'&::before': {
|
|
26
|
-
content: '""',
|
|
27
|
-
position: 'absolute',
|
|
28
|
-
top: '-1px',
|
|
29
|
-
left: '-1px',
|
|
30
|
-
right: '-1px',
|
|
31
|
-
bottom: '-1px',
|
|
32
|
-
border: "1px solid ".concat("var(--ds-border-danger, #E2483D)"),
|
|
33
|
-
borderRadius: "var(--ds-radius-small, 3px)",
|
|
34
|
-
mask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
35
|
-
WebkitMask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
36
|
-
pointerEvents: 'none',
|
|
37
|
-
zIndex: -1
|
|
38
|
-
}
|
|
39
|
-
}),
|
|
40
12
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
41
13
|
marginTop: "var(--ds-space-150, 12px)",
|
|
42
14
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
@@ -47,49 +19,80 @@ export var syncBlockStyles = css(_defineProperty(_defineProperty(_defineProperty
|
|
|
47
19
|
paddingTop: "var(--ds-space-050, 4px)",
|
|
48
20
|
paddingBottom: "var(--ds-space-050, 4px)",
|
|
49
21
|
color: 'inherit',
|
|
50
|
-
|
|
22
|
+
/* Hover state */
|
|
23
|
+
'&:hover': _defineProperty({
|
|
51
24
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
52
25
|
boxShadow: "0px 0px 0px 1px ".concat("var(--ds-border, #0B120E24)")
|
|
26
|
+
}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
27
|
+
opacity: 1,
|
|
28
|
+
visibility: 'visible'
|
|
29
|
+
})
|
|
30
|
+
}, "&.".concat(BodiedSyncBlockSharedCssClassName.selectionInside), _defineProperty({
|
|
31
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-focused, #4688EC)")
|
|
32
|
+
}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
33
|
+
opacity: 1,
|
|
34
|
+
visibility: 'visible'
|
|
35
|
+
})), '&.ak-editor-selected-node', _defineProperty({
|
|
36
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-focused, #4688EC)"),
|
|
37
|
+
backgroundColor: "var(--ds-background-selected, #E9F2FE)"
|
|
38
|
+
}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
39
|
+
opacity: 1,
|
|
40
|
+
visibility: 'visible',
|
|
41
|
+
backgroundColor: "var(--ds-background-selected, #E9F2FE)",
|
|
42
|
+
'&::before': {
|
|
43
|
+
content: '""',
|
|
44
|
+
position: 'absolute',
|
|
45
|
+
top: '-1px',
|
|
46
|
+
left: '-1px',
|
|
47
|
+
right: '-1px',
|
|
48
|
+
bottom: '-1px',
|
|
49
|
+
border: "1px solid ".concat("var(--ds-border-focused, #4688EC)"),
|
|
50
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
51
|
+
mask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
52
|
+
WebkitMask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
53
|
+
pointerEvents: 'none',
|
|
54
|
+
zIndex: -1
|
|
55
|
+
}
|
|
56
|
+
})), '&.danger', _defineProperty({
|
|
57
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
|
|
58
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
59
|
+
backgroundColor: "var(--ds-background-danger, #FFECEB)".concat(" !important"),
|
|
60
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
61
|
+
'.ak-editor-panel__icon': {
|
|
62
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
63
|
+
color: "var(--ds-icon-danger, #C9372C)".concat(" !important")
|
|
64
|
+
}
|
|
65
|
+
}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
66
|
+
backgroundColor: "var(--ds-background-danger, #FFECEB)",
|
|
67
|
+
'&::before': {
|
|
68
|
+
content: '""',
|
|
69
|
+
position: 'absolute',
|
|
70
|
+
top: '-1px',
|
|
71
|
+
left: '-1px',
|
|
72
|
+
right: '-1px',
|
|
73
|
+
bottom: '-1px',
|
|
74
|
+
border: "1px solid ".concat("var(--ds-border-danger, #E2483D)"),
|
|
75
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
76
|
+
mask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
77
|
+
WebkitMask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
78
|
+
pointerEvents: 'none',
|
|
79
|
+
zIndex: -1
|
|
53
80
|
}
|
|
54
|
-
}, ".".concat(
|
|
81
|
+
})), "&has(.".concat(SyncBlockSharedCssClassName.error, ")"), _defineProperty({
|
|
82
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
83
|
+
'&:hover:not(.ak-editor-selected-node)': {
|
|
84
|
+
boxShadow: 'none'
|
|
85
|
+
}
|
|
86
|
+
}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
87
|
+
opacity: 0,
|
|
88
|
+
visibility: 'hidden'
|
|
89
|
+
})), ".".concat(BodiedSyncBlockSharedCssClassName.content), {
|
|
55
90
|
padding: '0 32px',
|
|
56
91
|
cursor: 'text'
|
|
57
92
|
}), ".".concat(SyncBlockSharedCssClassName.renderer), {
|
|
58
93
|
padding: '0 32px'
|
|
59
94
|
}))
|
|
60
|
-
}, ".".concat(SyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node:not(.danger), .").concat(BodiedSyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node:not(.danger)"), _defineProperty({
|
|
61
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-focused, #4688EC)"),
|
|
62
|
-
backgroundColor: "var(--ds-background-selected, #E9F2FE)"
|
|
63
95
|
}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
64
|
-
backgroundColor: "var(--ds-background-selected, #E9F2FE)",
|
|
65
|
-
'&::before': {
|
|
66
|
-
content: '""',
|
|
67
|
-
position: 'absolute',
|
|
68
|
-
top: '-1px',
|
|
69
|
-
left: '-1px',
|
|
70
|
-
right: '-1px',
|
|
71
|
-
bottom: '-1px',
|
|
72
|
-
border: "1px solid ".concat("var(--ds-border-focused, #4688EC)"),
|
|
73
|
-
borderRadius: "var(--ds-radius-small, 3px)",
|
|
74
|
-
mask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
75
|
-
WebkitMask: 'linear-gradient(to bottom, black 55%, transparent 55%)',
|
|
76
|
-
pointerEvents: 'none',
|
|
77
|
-
zIndex: -1
|
|
78
|
-
}
|
|
79
|
-
})), ".".concat(SyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node, .").concat(SyncBlockSharedCssClassName.prefix, ":hover, .").concat(BodiedSyncBlockSharedCssClassName.prefix, ".ak-editor-selected-node, .").concat(BodiedSyncBlockSharedCssClassName.prefix, ":hover, .").concat(BodiedSyncBlockSharedCssClassName.prefix, ".danger, ").concat(SyncBlockLabelSharedCssClassName.labelClassName, ":hover"), _defineProperty({}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
80
|
-
opacity: 1,
|
|
81
|
-
visibility: 'visible'
|
|
82
|
-
})), ".".concat(SyncBlockSharedCssClassName.prefix, ":has(.").concat(SyncBlockSharedCssClassName.error, "), .").concat(BodiedSyncBlockSharedCssClassName.prefix, ":has(.").concat(SyncBlockSharedCssClassName.error, ")"), {
|
|
83
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
84
|
-
'&:hover:not(.ak-editor-selected-node)': {
|
|
85
|
-
boxShadow: 'none'
|
|
86
|
-
},
|
|
87
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
88
|
-
'&.ak-editor-selected-node, &:hover': _defineProperty({}, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
89
|
-
opacity: 0,
|
|
90
|
-
visibility: 'hidden'
|
|
91
|
-
})
|
|
92
|
-
}), ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
|
|
93
96
|
color: "var(--ds-text-subtle, #505258)",
|
|
94
97
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
95
98
|
position: 'absolute',
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "215.
|
|
2
|
+
export var version = "215.12.1";
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { type SerializedStyles } from '@emotion/react';
|
|
2
2
|
export declare const emojiStyles: SerializedStyles;
|
|
3
|
+
export declare const scaledEmojiStyles: SerializedStyles;
|
|
4
|
+
export declare const getScaledDenseEmojiStyles: (baseFontSize?: number) => SerializedStyles;
|
|
3
5
|
/**
|
|
4
6
|
* Gets dynamic emoji styles that scale emoji size based on the base font size.
|
|
5
7
|
* This allows emojis to scale proportionally when the base font size changes.
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { type SerializedStyles } from '@emotion/react';
|
|
2
2
|
export declare const emojiStyles: SerializedStyles;
|
|
3
|
+
export declare const scaledEmojiStyles: SerializedStyles;
|
|
4
|
+
export declare const getScaledDenseEmojiStyles: (baseFontSize?: number) => SerializedStyles;
|
|
3
5
|
/**
|
|
4
6
|
* Gets dynamic emoji styles that scale emoji size based on the base font size.
|
|
5
7
|
* This allows emojis to scale proportionally when the base font size changes.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "215.
|
|
3
|
+
"version": "215.13.0",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -55,16 +55,16 @@
|
|
|
55
55
|
"@atlaskit/editor-shared-styles": "^3.9.0",
|
|
56
56
|
"@atlaskit/editor-toolbar": "^0.17.0",
|
|
57
57
|
"@atlaskit/editor-toolbar-model": "^0.2.0",
|
|
58
|
-
"@atlaskit/emoji": "^69.
|
|
58
|
+
"@atlaskit/emoji": "^69.8.0",
|
|
59
59
|
"@atlaskit/icon": "^29.0.0",
|
|
60
60
|
"@atlaskit/link": "^3.2.0",
|
|
61
|
-
"@atlaskit/media-card": "^79.
|
|
61
|
+
"@atlaskit/media-card": "^79.7.0",
|
|
62
62
|
"@atlaskit/mention": "^24.4.0",
|
|
63
63
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
64
64
|
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
65
65
|
"@atlaskit/react-ufo": "^4.14.0",
|
|
66
66
|
"@atlaskit/task-decision": "^19.2.0",
|
|
67
|
-
"@atlaskit/tmp-editor-statsig": "^13.
|
|
67
|
+
"@atlaskit/tmp-editor-statsig": "^13.37.0",
|
|
68
68
|
"@atlaskit/tokens": "^8.0.0",
|
|
69
69
|
"@atlaskit/tooltip": "^20.8.0",
|
|
70
70
|
"@atlaskit/width-detector": "^5.0.0",
|
|
@@ -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.28.0",
|
|
85
85
|
"@atlaskit/link-provider": "^4.0.0",
|
|
86
86
|
"@atlaskit/media-core": "^37.0.0",
|
|
87
87
|
"react": "^18.2.0",
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
"@atlaskit/media-test-helpers": "^39.0.0",
|
|
106
106
|
"@atlaskit/modal-dialog": "^14.6.0",
|
|
107
107
|
"@atlaskit/primitives": "^16.1.0",
|
|
108
|
-
"@atlaskit/renderer": "^124.
|
|
108
|
+
"@atlaskit/renderer": "^124.13.0",
|
|
109
109
|
"@atlaskit/section-message": "^8.9.0",
|
|
110
110
|
"@atlaskit/smart-card": "^43.6.0",
|
|
111
111
|
"@atlaskit/synchrony-test-helpers": "workspace:^",
|