@atlaskit/editor-core 233.0.2 → 234.0.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 +8 -0
- package/dist/cjs/composable-editor/editor-internal.js +2 -2
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea-emotion.js +1 -3
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +5 -9
- package/dist/cjs/ui/quick-insert/getExtensionQuickInsertComponents.js +4 -11
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/composable-editor/editor-internal.js +2 -2
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea-emotion.js +2 -4
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +5 -7
- package/dist/es2019/ui/quick-insert/getExtensionQuickInsertComponents.js +2 -2
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/composable-editor/editor-internal.js +2 -2
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-emotion.js +2 -4
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +5 -9
- package/dist/esm/ui/quick-insert/getExtensionQuickInsertComponents.js +5 -12
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/EditorContentContainer.d.ts +6 -5
- package/package.json +40 -40
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +0 -761
- package/dist/cjs/ui/EditorContentContainer/styles/agentShimmerStyles.js +0 -121
- package/dist/cjs/ui/EditorContentContainer/styles/aiPanel.js +0 -228
- package/dist/cjs/ui/EditorContentContainer/styles/annotationStyles.js +0 -52
- package/dist/cjs/ui/EditorContentContainer/styles/backgroundColorStyles.js +0 -70
- package/dist/cjs/ui/EditorContentContainer/styles/baseStyles.js +0 -121
- package/dist/cjs/ui/EditorContentContainer/styles/blockMarksStyles.js +0 -38
- package/dist/cjs/ui/EditorContentContainer/styles/blockSpacingStyles.js +0 -113
- package/dist/cjs/ui/EditorContentContainer/styles/blockTypeStyles.js +0 -332
- package/dist/cjs/ui/EditorContentContainer/styles/codeBlockStyles.js +0 -244
- package/dist/cjs/ui/EditorContentContainer/styles/codeMarkStyles.js +0 -38
- package/dist/cjs/ui/EditorContentContainer/styles/commentEditorStyles.js +0 -39
- package/dist/cjs/ui/EditorContentContainer/styles/containerTypeStyles.js +0 -38
- package/dist/cjs/ui/EditorContentContainer/styles/cursorStyles.js +0 -31
- package/dist/cjs/ui/EditorContentContainer/styles/dateStyles.js +0 -100
- package/dist/cjs/ui/EditorContentContainer/styles/editorUGCTokenStyles.js +0 -39
- package/dist/cjs/ui/EditorContentContainer/styles/embedCardStyles.js +0 -41
- package/dist/cjs/ui/EditorContentContainer/styles/emoji.js +0 -471
- package/dist/cjs/ui/EditorContentContainer/styles/expandStyles.js +0 -352
- package/dist/cjs/ui/EditorContentContainer/styles/extensionStyles.js +0 -436
- package/dist/cjs/ui/EditorContentContainer/styles/findReplaceStyles.js +0 -260
- package/dist/cjs/ui/EditorContentContainer/styles/firstBlockNodeStyles.js +0 -63
- package/dist/cjs/ui/EditorContentContainer/styles/floatingToolbarStyles.js +0 -25
- package/dist/cjs/ui/EditorContentContainer/styles/fontSizeStyles.js +0 -51
- package/dist/cjs/ui/EditorContentContainer/styles/fullPageEditorStyles.js +0 -27
- package/dist/cjs/ui/EditorContentContainer/styles/gapCursorStyles.js +0 -125
- package/dist/cjs/ui/EditorContentContainer/styles/gridStyles.js +0 -49
- package/dist/cjs/ui/EditorContentContainer/styles/indentationStyles.js +0 -55
- package/dist/cjs/ui/EditorContentContainer/styles/inlineNodeViewSharedStyles.js +0 -56
- package/dist/cjs/ui/EditorContentContainer/styles/layout.js +0 -781
- package/dist/cjs/ui/EditorContentContainer/styles/link.js +0 -66
- package/dist/cjs/ui/EditorContentContainer/styles/list.js +0 -325
- package/dist/cjs/ui/EditorContentContainer/styles/mediaStyles.js +0 -343
- package/dist/cjs/ui/EditorContentContainer/styles/mentions.js +0 -273
- package/dist/cjs/ui/EditorContentContainer/styles/overflowShadowStyles.js +0 -20
- package/dist/cjs/ui/EditorContentContainer/styles/panelStyles.js +0 -387
- package/dist/cjs/ui/EditorContentContainer/styles/paragraphStyles.js +0 -71
- package/dist/cjs/ui/EditorContentContainer/styles/placeholderStyles.js +0 -134
- package/dist/cjs/ui/EditorContentContainer/styles/resizerStyles.js +0 -648
- package/dist/cjs/ui/EditorContentContainer/styles/rule.js +0 -48
- package/dist/cjs/ui/EditorContentContainer/styles/scrollbarStyles.js +0 -38
- package/dist/cjs/ui/EditorContentContainer/styles/selectionStyles.js +0 -177
- package/dist/cjs/ui/EditorContentContainer/styles/selectionToolbarStyles.js +0 -35
- package/dist/cjs/ui/EditorContentContainer/styles/shadowStyles.js +0 -76
- package/dist/cjs/ui/EditorContentContainer/styles/smartCardStyles.js +0 -473
- package/dist/cjs/ui/EditorContentContainer/styles/statusStyles.js +0 -305
- package/dist/cjs/ui/EditorContentContainer/styles/syncBlockInteractiveCursorStyles.js +0 -37
- package/dist/cjs/ui/EditorContentContainer/styles/syncBlockStyles.js +0 -253
- package/dist/cjs/ui/EditorContentContainer/styles/tableStyles.js +0 -327
- package/dist/cjs/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js +0 -467
- package/dist/cjs/ui/EditorContentContainer/styles/telepointerStyles.js +0 -233
- package/dist/cjs/ui/EditorContentContainer/styles/textColorStyles.js +0 -27
- package/dist/cjs/ui/EditorContentContainer/styles/textHighlightStyles.js +0 -24
- package/dist/cjs/ui/EditorContentContainer/styles/unsupportedStyles.js +0 -104
- package/dist/cjs/ui/EditorContentContainer/styles/vanillaTooltipStyles.js +0 -42
- package/dist/cjs/ui/EditorContentContainer/styles/whitespaceStyles.js +0 -24
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +0 -764
- package/dist/es2019/ui/EditorContentContainer/styles/agentShimmerStyles.js +0 -115
- package/dist/es2019/ui/EditorContentContainer/styles/aiPanel.js +0 -225
- package/dist/es2019/ui/EditorContentContainer/styles/annotationStyles.js +0 -55
- package/dist/es2019/ui/EditorContentContainer/styles/backgroundColorStyles.js +0 -64
- package/dist/es2019/ui/EditorContentContainer/styles/baseStyles.js +0 -119
- package/dist/es2019/ui/EditorContentContainer/styles/blockMarksStyles.js +0 -32
- package/dist/es2019/ui/EditorContentContainer/styles/blockSpacingStyles.js +0 -115
- package/dist/es2019/ui/EditorContentContainer/styles/blockTypeStyles.js +0 -338
- package/dist/es2019/ui/EditorContentContainer/styles/codeBlockStyles.js +0 -301
- package/dist/es2019/ui/EditorContentContainer/styles/codeMarkStyles.js +0 -32
- package/dist/es2019/ui/EditorContentContainer/styles/commentEditorStyles.js +0 -33
- package/dist/es2019/ui/EditorContentContainer/styles/containerTypeStyles.js +0 -32
- package/dist/es2019/ui/EditorContentContainer/styles/cursorStyles.js +0 -25
- package/dist/es2019/ui/EditorContentContainer/styles/dateStyles.js +0 -122
- package/dist/es2019/ui/EditorContentContainer/styles/editorUGCTokenStyles.js +0 -33
- package/dist/es2019/ui/EditorContentContainer/styles/embedCardStyles.js +0 -35
- package/dist/es2019/ui/EditorContentContainer/styles/emoji.js +0 -530
- package/dist/es2019/ui/EditorContentContainer/styles/expandStyles.js +0 -346
- package/dist/es2019/ui/EditorContentContainer/styles/extensionStyles.js +0 -432
- package/dist/es2019/ui/EditorContentContainer/styles/findReplaceStyles.js +0 -355
- package/dist/es2019/ui/EditorContentContainer/styles/firstBlockNodeStyles.js +0 -60
- package/dist/es2019/ui/EditorContentContainer/styles/floatingToolbarStyles.js +0 -19
- package/dist/es2019/ui/EditorContentContainer/styles/fontSizeStyles.js +0 -45
- package/dist/es2019/ui/EditorContentContainer/styles/fullPageEditorStyles.js +0 -21
- package/dist/es2019/ui/EditorContentContainer/styles/gapCursorStyles.js +0 -195
- package/dist/es2019/ui/EditorContentContainer/styles/gridStyles.js +0 -43
- package/dist/es2019/ui/EditorContentContainer/styles/indentationStyles.js +0 -49
- package/dist/es2019/ui/EditorContentContainer/styles/inlineNodeViewSharedStyles.js +0 -50
- package/dist/es2019/ui/EditorContentContainer/styles/layout.js +0 -886
- package/dist/es2019/ui/EditorContentContainer/styles/link.js +0 -60
- package/dist/es2019/ui/EditorContentContainer/styles/list.js +0 -322
- package/dist/es2019/ui/EditorContentContainer/styles/mediaStyles.js +0 -483
- package/dist/es2019/ui/EditorContentContainer/styles/mentions.js +0 -287
- package/dist/es2019/ui/EditorContentContainer/styles/overflowShadowStyles.js +0 -55
- package/dist/es2019/ui/EditorContentContainer/styles/panelStyles.js +0 -381
- package/dist/es2019/ui/EditorContentContainer/styles/paragraphStyles.js +0 -65
- package/dist/es2019/ui/EditorContentContainer/styles/placeholderStyles.js +0 -128
- package/dist/es2019/ui/EditorContentContainer/styles/resizerStyles.js +0 -723
- package/dist/es2019/ui/EditorContentContainer/styles/rule.js +0 -45
- package/dist/es2019/ui/EditorContentContainer/styles/scrollbarStyles.js +0 -32
- package/dist/es2019/ui/EditorContentContainer/styles/selectionStyles.js +0 -171
- package/dist/es2019/ui/EditorContentContainer/styles/selectionToolbarStyles.js +0 -29
- package/dist/es2019/ui/EditorContentContainer/styles/shadowStyles.js +0 -81
- package/dist/es2019/ui/EditorContentContainer/styles/smartCardStyles.js +0 -666
- package/dist/es2019/ui/EditorContentContainer/styles/statusStyles.js +0 -299
- package/dist/es2019/ui/EditorContentContainer/styles/syncBlockInteractiveCursorStyles.js +0 -34
- package/dist/es2019/ui/EditorContentContainer/styles/syncBlockStyles.js +0 -325
- package/dist/es2019/ui/EditorContentContainer/styles/tableStyles.js +0 -341
- package/dist/es2019/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js +0 -508
- package/dist/es2019/ui/EditorContentContainer/styles/telepointerStyles.js +0 -227
- package/dist/es2019/ui/EditorContentContainer/styles/textColorStyles.js +0 -21
- package/dist/es2019/ui/EditorContentContainer/styles/textHighlightStyles.js +0 -18
- package/dist/es2019/ui/EditorContentContainer/styles/unsupportedStyles.js +0 -110
- package/dist/es2019/ui/EditorContentContainer/styles/vanillaTooltipStyles.js +0 -36
- package/dist/es2019/ui/EditorContentContainer/styles/whitespaceStyles.js +0 -18
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +0 -759
- package/dist/esm/ui/EditorContentContainer/styles/agentShimmerStyles.js +0 -115
- package/dist/esm/ui/EditorContentContainer/styles/aiPanel.js +0 -221
- package/dist/esm/ui/EditorContentContainer/styles/annotationStyles.js +0 -45
- package/dist/esm/ui/EditorContentContainer/styles/backgroundColorStyles.js +0 -64
- package/dist/esm/ui/EditorContentContainer/styles/baseStyles.js +0 -114
- package/dist/esm/ui/EditorContentContainer/styles/blockMarksStyles.js +0 -32
- package/dist/esm/ui/EditorContentContainer/styles/blockSpacingStyles.js +0 -107
- package/dist/esm/ui/EditorContentContainer/styles/blockTypeStyles.js +0 -325
- package/dist/esm/ui/EditorContentContainer/styles/codeBlockStyles.js +0 -238
- package/dist/esm/ui/EditorContentContainer/styles/codeMarkStyles.js +0 -32
- package/dist/esm/ui/EditorContentContainer/styles/commentEditorStyles.js +0 -33
- package/dist/esm/ui/EditorContentContainer/styles/containerTypeStyles.js +0 -32
- package/dist/esm/ui/EditorContentContainer/styles/cursorStyles.js +0 -25
- package/dist/esm/ui/EditorContentContainer/styles/dateStyles.js +0 -94
- package/dist/esm/ui/EditorContentContainer/styles/editorUGCTokenStyles.js +0 -33
- package/dist/esm/ui/EditorContentContainer/styles/embedCardStyles.js +0 -35
- package/dist/esm/ui/EditorContentContainer/styles/emoji.js +0 -464
- package/dist/esm/ui/EditorContentContainer/styles/expandStyles.js +0 -346
- package/dist/esm/ui/EditorContentContainer/styles/extensionStyles.js +0 -430
- package/dist/esm/ui/EditorContentContainer/styles/findReplaceStyles.js +0 -253
- package/dist/esm/ui/EditorContentContainer/styles/firstBlockNodeStyles.js +0 -56
- package/dist/esm/ui/EditorContentContainer/styles/floatingToolbarStyles.js +0 -19
- package/dist/esm/ui/EditorContentContainer/styles/fontSizeStyles.js +0 -45
- package/dist/esm/ui/EditorContentContainer/styles/fullPageEditorStyles.js +0 -21
- package/dist/esm/ui/EditorContentContainer/styles/gapCursorStyles.js +0 -118
- package/dist/esm/ui/EditorContentContainer/styles/gridStyles.js +0 -43
- package/dist/esm/ui/EditorContentContainer/styles/indentationStyles.js +0 -49
- package/dist/esm/ui/EditorContentContainer/styles/inlineNodeViewSharedStyles.js +0 -50
- package/dist/esm/ui/EditorContentContainer/styles/layout.js +0 -774
- package/dist/esm/ui/EditorContentContainer/styles/link.js +0 -60
- package/dist/esm/ui/EditorContentContainer/styles/list.js +0 -318
- package/dist/esm/ui/EditorContentContainer/styles/mediaStyles.js +0 -337
- package/dist/esm/ui/EditorContentContainer/styles/mentions.js +0 -267
- package/dist/esm/ui/EditorContentContainer/styles/overflowShadowStyles.js +0 -14
- package/dist/esm/ui/EditorContentContainer/styles/panelStyles.js +0 -381
- package/dist/esm/ui/EditorContentContainer/styles/paragraphStyles.js +0 -65
- package/dist/esm/ui/EditorContentContainer/styles/placeholderStyles.js +0 -128
- package/dist/esm/ui/EditorContentContainer/styles/resizerStyles.js +0 -641
- package/dist/esm/ui/EditorContentContainer/styles/rule.js +0 -41
- package/dist/esm/ui/EditorContentContainer/styles/scrollbarStyles.js +0 -32
- package/dist/esm/ui/EditorContentContainer/styles/selectionStyles.js +0 -171
- package/dist/esm/ui/EditorContentContainer/styles/selectionToolbarStyles.js +0 -29
- package/dist/esm/ui/EditorContentContainer/styles/shadowStyles.js +0 -69
- package/dist/esm/ui/EditorContentContainer/styles/smartCardStyles.js +0 -468
- package/dist/esm/ui/EditorContentContainer/styles/statusStyles.js +0 -299
- package/dist/esm/ui/EditorContentContainer/styles/syncBlockInteractiveCursorStyles.js +0 -30
- package/dist/esm/ui/EditorContentContainer/styles/syncBlockStyles.js +0 -247
- package/dist/esm/ui/EditorContentContainer/styles/tableStyles.js +0 -320
- package/dist/esm/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js +0 -461
- package/dist/esm/ui/EditorContentContainer/styles/telepointerStyles.js +0 -227
- package/dist/esm/ui/EditorContentContainer/styles/textColorStyles.js +0 -21
- package/dist/esm/ui/EditorContentContainer/styles/textHighlightStyles.js +0 -18
- package/dist/esm/ui/EditorContentContainer/styles/unsupportedStyles.js +0 -98
- package/dist/esm/ui/EditorContentContainer/styles/vanillaTooltipStyles.js +0 -36
- package/dist/esm/ui/EditorContentContainer/styles/whitespaceStyles.js +0 -18
- package/dist/types/ui/EditorContentContainer/EditorContentContainer-emotion.d.ts +0 -21
- package/dist/types/ui/EditorContentContainer/styles/agentShimmerStyles.d.ts +0 -2
- package/dist/types/ui/EditorContentContainer/styles/aiPanel.d.ts +0 -29
- package/dist/types/ui/EditorContentContainer/styles/annotationStyles.d.ts +0 -8
- package/dist/types/ui/EditorContentContainer/styles/backgroundColorStyles.d.ts +0 -22
- package/dist/types/ui/EditorContentContainer/styles/baseStyles.d.ts +0 -36
- package/dist/types/ui/EditorContentContainer/styles/blockMarksStyles.d.ts +0 -8
- package/dist/types/ui/EditorContentContainer/styles/blockSpacingStyles.d.ts +0 -18
- package/dist/types/ui/EditorContentContainer/styles/blockTypeStyles.d.ts +0 -65
- package/dist/types/ui/EditorContentContainer/styles/codeBlockStyles.d.ts +0 -39
- package/dist/types/ui/EditorContentContainer/styles/codeMarkStyles.d.ts +0 -8
- package/dist/types/ui/EditorContentContainer/styles/commentEditorStyles.d.ts +0 -8
- package/dist/types/ui/EditorContentContainer/styles/containerTypeStyles.d.ts +0 -26
- package/dist/types/ui/EditorContentContainer/styles/cursorStyles.d.ts +0 -8
- package/dist/types/ui/EditorContentContainer/styles/dateStyles.d.ts +0 -32
- package/dist/types/ui/EditorContentContainer/styles/editorUGCTokenStyles.d.ts +0 -16
- package/dist/types/ui/EditorContentContainer/styles/embedCardStyles.d.ts +0 -8
- package/dist/types/ui/EditorContentContainer/styles/emoji.d.ts +0 -55
- package/dist/types/ui/EditorContentContainer/styles/expandStyles.d.ts +0 -52
- package/dist/types/ui/EditorContentContainer/styles/extensionStyles.d.ts +0 -20
- package/dist/types/ui/EditorContentContainer/styles/findReplaceStyles.d.ts +0 -22
- package/dist/types/ui/EditorContentContainer/styles/firstBlockNodeStyles.d.ts +0 -20
- package/dist/types/ui/EditorContentContainer/styles/floatingToolbarStyles.d.ts +0 -8
- package/dist/types/ui/EditorContentContainer/styles/fontSizeStyles.d.ts +0 -8
- package/dist/types/ui/EditorContentContainer/styles/fullPageEditorStyles.d.ts +0 -8
- package/dist/types/ui/EditorContentContainer/styles/gapCursorStyles.d.ts +0 -15
- package/dist/types/ui/EditorContentContainer/styles/gridStyles.d.ts +0 -8
- package/dist/types/ui/EditorContentContainer/styles/indentationStyles.d.ts +0 -8
- package/dist/types/ui/EditorContentContainer/styles/inlineNodeViewSharedStyles.d.ts +0 -8
- package/dist/types/ui/EditorContentContainer/styles/layout.d.ts +0 -207
- package/dist/types/ui/EditorContentContainer/styles/link.d.ts +0 -22
- package/dist/types/ui/EditorContentContainer/styles/list.d.ts +0 -50
- package/dist/types/ui/EditorContentContainer/styles/mediaStyles.d.ts +0 -41
- package/dist/types/ui/EditorContentContainer/styles/mentions.d.ts +0 -29
- package/dist/types/ui/EditorContentContainer/styles/overflowShadowStyles.d.ts +0 -8
- package/dist/types/ui/EditorContentContainer/styles/panelStyles.d.ts +0 -43
- package/dist/types/ui/EditorContentContainer/styles/paragraphStyles.d.ts +0 -22
- package/dist/types/ui/EditorContentContainer/styles/placeholderStyles.d.ts +0 -22
- package/dist/types/ui/EditorContentContainer/styles/resizerStyles.d.ts +0 -145
- package/dist/types/ui/EditorContentContainer/styles/rule.d.ts +0 -15
- package/dist/types/ui/EditorContentContainer/styles/scrollbarStyles.d.ts +0 -8
- package/dist/types/ui/EditorContentContainer/styles/selectionStyles.d.ts +0 -74
- package/dist/types/ui/EditorContentContainer/styles/selectionToolbarStyles.d.ts +0 -8
- package/dist/types/ui/EditorContentContainer/styles/shadowStyles.d.ts +0 -29
- package/dist/types/ui/EditorContentContainer/styles/smartCardStyles.d.ts +0 -96
- package/dist/types/ui/EditorContentContainer/styles/statusStyles.d.ts +0 -36
- package/dist/types/ui/EditorContentContainer/styles/syncBlockInteractiveCursorStyles.d.ts +0 -17
- package/dist/types/ui/EditorContentContainer/styles/syncBlockStyles.d.ts +0 -36
- package/dist/types/ui/EditorContentContainer/styles/tableStyles.d.ts +0 -84
- package/dist/types/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.d.ts +0 -77
- package/dist/types/ui/EditorContentContainer/styles/telepointerStyles.d.ts +0 -15
- package/dist/types/ui/EditorContentContainer/styles/textColorStyles.d.ts +0 -8
- package/dist/types/ui/EditorContentContainer/styles/textHighlightStyles.d.ts +0 -8
- package/dist/types/ui/EditorContentContainer/styles/unsupportedStyles.d.ts +0 -27
- package/dist/types/ui/EditorContentContainer/styles/vanillaTooltipStyles.d.ts +0 -11
- package/dist/types/ui/EditorContentContainer/styles/whitespaceStyles.d.ts +0 -8
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors,
|
|
2
|
-
@repo/internal/deprecations/deprecation-ticket-required,
|
|
3
|
-
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
4
|
-
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
|
|
5
|
-
|
|
6
|
-
import { css, keyframes } from '@emotion/react';
|
|
7
|
-
// Agent-edit shimmer (CCI-18033) styles, kept in their own file so they're easy to find and remove
|
|
8
|
-
// if the approach changes. Applied only when the `platform_editor_agent_be_streaming` experiment is
|
|
9
|
-
// on (the collab plugin adds the decorations); dormant otherwise.
|
|
10
|
-
//
|
|
11
|
-
// @deprecated This style has been migrated to Compiled CSS, under experiment
|
|
12
|
-
// platform_editor_core_static_css. If you change this, also update the corresponding
|
|
13
|
-
// `agentShimmerStyles` block in
|
|
14
|
-
// packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
15
|
-
|
|
16
|
-
// Skeleton-loader sweep across the agent-authored range.
|
|
17
|
-
var agentShimmer = keyframes({
|
|
18
|
-
from: {
|
|
19
|
-
backgroundPosition: '200% 0'
|
|
20
|
-
},
|
|
21
|
-
to: {
|
|
22
|
-
backgroundPosition: '-200% 0'
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
|
|
26
|
-
// Purple "just edited" highlight: eases the background and underline in, holds, then eases them back
|
|
27
|
-
// out over the highlight's lifetime (duration is set inline per-decoration to match its removal).
|
|
28
|
-
var agentEditHighlight = keyframes({
|
|
29
|
-
'0%': {
|
|
30
|
-
backgroundColor: 'transparent',
|
|
31
|
-
borderBottomColor: 'transparent'
|
|
32
|
-
},
|
|
33
|
-
'12%': {
|
|
34
|
-
backgroundColor: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",
|
|
35
|
-
borderBottomColor: "var(--ds-border-accent-purple, #AF59E1)"
|
|
36
|
-
},
|
|
37
|
-
'88%': {
|
|
38
|
-
backgroundColor: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",
|
|
39
|
-
borderBottomColor: "var(--ds-border-accent-purple, #AF59E1)"
|
|
40
|
-
},
|
|
41
|
-
'100%': {
|
|
42
|
-
backgroundColor: 'transparent',
|
|
43
|
-
borderBottomColor: 'transparent'
|
|
44
|
-
}
|
|
45
|
-
});
|
|
46
|
-
|
|
47
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
48
|
-
export var agentShimmerStyle = css({
|
|
49
|
-
// Skeleton-loader bar over the agent-authored range (text hidden, grey skeleton with a moving
|
|
50
|
-
// highlight), plus a Rovo AI telepointer/cursor at the end of the range.
|
|
51
|
-
'.ProseMirror .collab-agent-shimmer': {
|
|
52
|
-
animationDuration: '1.25s',
|
|
53
|
-
animationIterationCount: 'infinite',
|
|
54
|
-
animationName: agentShimmer,
|
|
55
|
-
animationTimingFunction: 'linear',
|
|
56
|
-
backgroundColor: "var(--ds-skeleton, #0515240F)",
|
|
57
|
-
backgroundImage: "linear-gradient(90deg, ".concat("var(--ds-skeleton, #0515240F)", " 0%, ", "var(--ds-skeleton-subtle, #17171708)", " 50%, ", "var(--ds-skeleton, #0515240F)", " 100%)"),
|
|
58
|
-
backgroundSize: '200% 100%',
|
|
59
|
-
borderRadius: "var(--ds-radius-xsmall, 2px)",
|
|
60
|
-
boxDecorationBreak: 'clone',
|
|
61
|
-
color: 'transparent',
|
|
62
|
-
caretColor: 'transparent'
|
|
63
|
-
},
|
|
64
|
-
// Purple "just edited" highlight shown over the range after the skeleton clears — same colours as
|
|
65
|
-
// the editor AI "improve writing" in-editor highlight, but eased in and out via `agentEditHighlight`
|
|
66
|
-
// (kept as a plain class so no unsafe `:not()` selector is needed; any overlap with an annotation is
|
|
67
|
-
// momentary). The underline keeps its width with a transparent colour so the fade causes no layout
|
|
68
|
-
// shift; `animation-duration` is set inline per-decoration, with this as a fallback.
|
|
69
|
-
'.ProseMirror .collab-agent-edit-highlight': {
|
|
70
|
-
animationName: agentEditHighlight,
|
|
71
|
-
animationTimingFunction: 'ease-in-out',
|
|
72
|
-
animationFillMode: 'both',
|
|
73
|
-
animationDuration: '2000ms',
|
|
74
|
-
borderBottom: "var(--ds-border-width, 1px)".concat(" dashed transparent")
|
|
75
|
-
},
|
|
76
|
-
'.ProseMirror .ai-in-editor-telepointer': {
|
|
77
|
-
position: 'relative',
|
|
78
|
-
zIndex: 1,
|
|
79
|
-
'& > .ai-in-editor-telepointer-label': {
|
|
80
|
-
position: 'absolute',
|
|
81
|
-
boxSizing: 'border-box',
|
|
82
|
-
display: 'flex',
|
|
83
|
-
flexDirection: 'row',
|
|
84
|
-
justifyContent: 'center',
|
|
85
|
-
alignItems: 'center',
|
|
86
|
-
padding: "var(--ds-space-025, 2px)",
|
|
87
|
-
gap: "var(--ds-space-075, 6px)",
|
|
88
|
-
height: 16,
|
|
89
|
-
top: "var(--ds-space-0, 0px)",
|
|
90
|
-
left: "var(--ds-space-0, 0px)",
|
|
91
|
-
borderRadius: "0 ".concat("var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " 0"),
|
|
92
|
-
border: "var(--ds-border-width, 1px)".concat(" solid transparent"),
|
|
93
|
-
background: "linear-gradient(".concat("var(--ds-text, #292A2E)", ", ", "var(--ds-text, #292A2E)", ") padding-box, conic-gradient(from 270deg at 50% 50%, #1868db 0deg, #1868db 115deg, #fca700 115deg, #fca700 180deg, #bf63f3 180deg, #bf63f3 310deg, #82b536 310deg, #82b536 359.96deg, #1868db 360deg) border-box"),
|
|
94
|
-
fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
95
|
-
fontWeight: "var(--ds-font-weight-semibold, 600)",
|
|
96
|
-
// Match the AI in-editor telepointer label's fixed 10px/9px sizing (no exact typography token).
|
|
97
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
98
|
-
fontSize: 10,
|
|
99
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
100
|
-
lineHeight: '9px',
|
|
101
|
-
textAlign: 'center',
|
|
102
|
-
whiteSpace: 'pre',
|
|
103
|
-
color: "var(--ds-text-inverse, #FFFFFF)"
|
|
104
|
-
},
|
|
105
|
-
'&::after': {
|
|
106
|
-
content: "''",
|
|
107
|
-
position: 'absolute',
|
|
108
|
-
width: 1,
|
|
109
|
-
height: 24,
|
|
110
|
-
top: "var(--ds-space-0, 0px)",
|
|
111
|
-
left: "var(--ds-space-0, 0px)",
|
|
112
|
-
background: "var(--ds-border-brand, #1868DB)"
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
});
|
|
@@ -1,221 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
|
|
3
|
-
@repo/internal/deprecations/deprecation-ticket-required, @atlaskit/ui-styling-standard/no-exported-styles */
|
|
4
|
-
|
|
5
|
-
import { css, keyframes } from '@emotion/react';
|
|
6
|
-
/**
|
|
7
|
-
* aiPanelStyles
|
|
8
|
-
* was imported from packages/editor/editor-core/src/ui/ContentStyles/ai-panels.ts
|
|
9
|
-
*/
|
|
10
|
-
|
|
11
|
-
var rotationAnimation = keyframes({
|
|
12
|
-
'0%': {
|
|
13
|
-
'--panel-gradient-angle': '0deg'
|
|
14
|
-
},
|
|
15
|
-
'100%': {
|
|
16
|
-
'--panel-gradient-angle': '360deg'
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
var rotationAnimationFirefox = keyframes({
|
|
20
|
-
'0%': {
|
|
21
|
-
'--panel-gradient-angle': '0deg',
|
|
22
|
-
backgroundPosition: '100%'
|
|
23
|
-
},
|
|
24
|
-
'100%': {
|
|
25
|
-
'--panel-gradient-angle': '360deg',
|
|
26
|
-
backgroundPosition: '-100%'
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
var aiPrismColor = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, 'prism.border.step.1', {
|
|
30
|
-
light: '#0065FF',
|
|
31
|
-
dark: '#0065FF80'
|
|
32
|
-
}), 'prism.border.step.2', {
|
|
33
|
-
light: '#0469FF',
|
|
34
|
-
dark: '#0469FF80'
|
|
35
|
-
}), 'prism.border.step.3', {
|
|
36
|
-
light: '#BF63F3',
|
|
37
|
-
dark: '#BF63F380'
|
|
38
|
-
}), 'prism.border.step.4', {
|
|
39
|
-
light: '#FFA900',
|
|
40
|
-
dark: '#FFA90080'
|
|
41
|
-
});
|
|
42
|
-
var aiPrismColorStep1Light = aiPrismColor['prism.border.step.1']['light'];
|
|
43
|
-
var aiPrismColorStep2Light = aiPrismColor['prism.border.step.2']['light'];
|
|
44
|
-
var aiPrismColorStep3Light = aiPrismColor['prism.border.step.3']['light'];
|
|
45
|
-
var aiPrismColorStep4Light = aiPrismColor['prism.border.step.4']['light'];
|
|
46
|
-
var aiPrismColorStep1Dark = aiPrismColor['prism.border.step.1']['dark'];
|
|
47
|
-
var aiPrismColorStep2Dark = aiPrismColor['prism.border.step.2']['dark'];
|
|
48
|
-
var aiPrismColorStep3Dark = aiPrismColor['prism.border.step.3']['dark'];
|
|
49
|
-
var aiPrismColorStep4Dark = aiPrismColor['prism.border.step.4']['dark'];
|
|
50
|
-
|
|
51
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
52
|
-
var prismBorderBaseBackgroundFirefox = "linear-gradient(90deg, ".concat(aiPrismColorStep1Light, " 0%, ").concat(aiPrismColorStep2Light, " 12%, ").concat(aiPrismColorStep3Light, " 24%, ").concat(aiPrismColorStep4Light, " 48%, ").concat(aiPrismColorStep3Light, " 64%, ").concat(aiPrismColorStep2Light, " 80%, ").concat(aiPrismColorStep1Light, " 100%)");
|
|
53
|
-
|
|
54
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
55
|
-
var prismBorderBaseBackground = "conic-gradient(from var(--panel-gradient-angle, 270deg), ".concat(aiPrismColorStep1Light, " 0%, ").concat(aiPrismColorStep2Light, " 20%, ").concat(aiPrismColorStep3Light, " 50%, ").concat(aiPrismColorStep4Light, " 56%, ").concat(aiPrismColorStep1Light, " 100%)");
|
|
56
|
-
|
|
57
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
58
|
-
var prismBorderDarkBackgroundFirefox = "linear-gradient(90deg, ".concat(aiPrismColorStep1Dark, " 0%, ").concat(aiPrismColorStep2Dark, " 12%, ").concat(aiPrismColorStep3Dark, " 24%, ").concat(aiPrismColorStep4Dark, " 48%, ").concat(aiPrismColorStep3Dark, " 64%, ").concat(aiPrismColorStep2Dark, " 80%, ").concat(aiPrismColorStep1Dark, " 100%)");
|
|
59
|
-
|
|
60
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
61
|
-
var prismBorderDarkBackground = "conic-gradient(from var(--panel-gradient-angle, 270deg), ".concat(aiPrismColorStep1Dark, " 0%, ").concat(aiPrismColorStep2Dark, " 20%, ").concat(aiPrismColorStep3Dark, " 50%, ").concat(aiPrismColorStep4Dark, " 56%, ").concat(aiPrismColorStep1Dark, " 100%)");
|
|
62
|
-
|
|
63
|
-
/**
|
|
64
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
65
|
-
* If you need to make changes here, also update the corresponding style in
|
|
66
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
67
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
68
|
-
*/
|
|
69
|
-
export var aiPanelBaseStyles = css({
|
|
70
|
-
'@property --panel-gradient-angle': {
|
|
71
|
-
syntax: '<angle>',
|
|
72
|
-
initialValue: '270deg',
|
|
73
|
-
inherits: false
|
|
74
|
-
},
|
|
75
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
76
|
-
'div[extensionType="com.atlassian.ai-blocks"]': {
|
|
77
|
-
/* This hides the label for the extension */
|
|
78
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
79
|
-
'.extension-label': {
|
|
80
|
-
display: 'none'
|
|
81
|
-
},
|
|
82
|
-
/* This styles the ai panel correctly when its just sitting on the page and there
|
|
83
|
-
is no user interaction */
|
|
84
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
85
|
-
'.extension-container': {
|
|
86
|
-
position: 'relative',
|
|
87
|
-
boxShadow: 'none',
|
|
88
|
-
overflow: 'unset',
|
|
89
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
90
|
-
backgroundColor: "var(--ds-surface, #FFFFFF)".concat(" !important"),
|
|
91
|
-
// prismBorderBaseStyles
|
|
92
|
-
'&::before, &::after': {
|
|
93
|
-
content: "''",
|
|
94
|
-
position: 'absolute',
|
|
95
|
-
zIndex: -1,
|
|
96
|
-
width: "calc(100% + 2px)",
|
|
97
|
-
height: "calc(100% + 2px)",
|
|
98
|
-
top: "-1px",
|
|
99
|
-
left: "-1px",
|
|
100
|
-
borderRadius: "calc(".concat("var(--ds-radius-small, 3px)", " + 1px)"),
|
|
101
|
-
transform: 'translate3d(0, 0, 0)',
|
|
102
|
-
background: prismBorderBaseBackground
|
|
103
|
-
},
|
|
104
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
105
|
-
'&.with-hover-border': {
|
|
106
|
-
'&::before, &::after': {
|
|
107
|
-
//prismBorderHoverStyles
|
|
108
|
-
background: "var(--ds-border-input, #8C8F97)"
|
|
109
|
-
}
|
|
110
|
-
},
|
|
111
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
112
|
-
'& .with-margin-styles': {
|
|
113
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
114
|
-
backgroundColor: "var(--ds-surface, #FFFFFF)".concat(" !important"),
|
|
115
|
-
borderRadius: "var(--ds-radius-small, 3px)"
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
},
|
|
119
|
-
/* This styles the ai panel correctly when its streaming */
|
|
120
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
121
|
-
'div[extensionType="com.atlassian.ai-blocks"]:has(.streaming)': {
|
|
122
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
123
|
-
'.extension-container': {
|
|
124
|
-
'&::before, &::after': {
|
|
125
|
-
// prismBorderAnimationStyles
|
|
126
|
-
animationName: rotationAnimation,
|
|
127
|
-
animationDuration: '2s',
|
|
128
|
-
animationTimingFunction: 'linear',
|
|
129
|
-
animationIterationCount: 'infinite',
|
|
130
|
-
'@media (prefers-reduced-motion)': {
|
|
131
|
-
animation: 'none'
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
},
|
|
136
|
-
/* This styles the ai panel correctly when a user is hovering over the delete button in the floating panel */
|
|
137
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
138
|
-
'div[extensionType="com.atlassian.ai-blocks"].danger': {
|
|
139
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
140
|
-
'.extension-container': {
|
|
141
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
|
|
142
|
-
}
|
|
143
|
-
},
|
|
144
|
-
/* This removes the margin from the action list when inside an ai panel */
|
|
145
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
146
|
-
'div[extensiontype="com.atlassian.ai-blocks"][extensionkey="ai-action-items-block:aiActionItemsBodiedExtension"]': {
|
|
147
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
148
|
-
'div[data-node-type="actionList"]': {
|
|
149
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
|
|
150
|
-
margin: '0 !important'
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
});
|
|
154
|
-
|
|
155
|
-
/**
|
|
156
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
157
|
-
* If you need to make changes here, also update the corresponding style in
|
|
158
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
159
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
160
|
-
*/
|
|
161
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
162
|
-
export var aiPanelBaseFirefoxStyles = css({
|
|
163
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
164
|
-
'div[extensionType="com.atlassian.ai-blocks"]': {
|
|
165
|
-
'&::before, &::after': {
|
|
166
|
-
background: prismBorderBaseBackgroundFirefox,
|
|
167
|
-
backgroundSize: '200%'
|
|
168
|
-
}
|
|
169
|
-
},
|
|
170
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
171
|
-
'div[extensionType="com.atlassian.ai-blocks"]:has(.streaming)': {
|
|
172
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
173
|
-
'.extension-container': {
|
|
174
|
-
'&::before, &::after': {
|
|
175
|
-
animationName: rotationAnimationFirefox,
|
|
176
|
-
animationDirection: 'normal',
|
|
177
|
-
animationDuration: '1s'
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
});
|
|
182
|
-
|
|
183
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
|
|
184
|
-
/**
|
|
185
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
186
|
-
* If you need to make changes here, also update the corresponding style in
|
|
187
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
188
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
189
|
-
*/
|
|
190
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
191
|
-
export var aiPanelDarkStyles = css({
|
|
192
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
193
|
-
'div[extensionType="com.atlassian.ai-blocks"]': {
|
|
194
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
195
|
-
'.extension-container': {
|
|
196
|
-
'&::before, &::after': {
|
|
197
|
-
background: prismBorderDarkBackground
|
|
198
|
-
}
|
|
199
|
-
}
|
|
200
|
-
}
|
|
201
|
-
});
|
|
202
|
-
|
|
203
|
-
/**
|
|
204
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
205
|
-
* If you need to make changes here, also update the corresponding style in
|
|
206
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
207
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
208
|
-
*/
|
|
209
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
210
|
-
export var aiPanelDarkFirefoxStyles = css({
|
|
211
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
212
|
-
'div[extensionType="com.atlassian.ai-blocks"]': {
|
|
213
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
214
|
-
'.extension-container': {
|
|
215
|
-
'&::before, &::after': {
|
|
216
|
-
background: prismBorderDarkBackgroundFirefox,
|
|
217
|
-
backgroundSize: '200%'
|
|
218
|
-
}
|
|
219
|
-
}
|
|
220
|
-
}
|
|
221
|
-
});
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
|
|
3
|
-
@repo/internal/deprecations/deprecation-ticket-required,
|
|
4
|
-
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
5
|
-
|
|
6
|
-
import { css } from '@emotion/react';
|
|
7
|
-
import { AnnotationSharedClassNames } from '@atlaskit/editor-common/styles';
|
|
8
|
-
/**
|
|
9
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
10
|
-
* If you need to make changes here, also update the corresponding style in
|
|
11
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
12
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
13
|
-
*/
|
|
14
|
-
export var annotationStyles = css({
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
16
|
-
'.ProseMirror': _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(AnnotationSharedClassNames.blur, ", .").concat(AnnotationSharedClassNames.focus, ", .").concat(AnnotationSharedClassNames.draft, ", .").concat(AnnotationSharedClassNames.hover), {
|
|
17
|
-
borderBottom: '2px solid transparent',
|
|
18
|
-
cursor: 'pointer',
|
|
19
|
-
padding: '1px 0 2px',
|
|
20
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
21
|
-
'&:has(.card), &:has([data-inline-card])': {
|
|
22
|
-
padding: '5px 0 3px 0'
|
|
23
|
-
},
|
|
24
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
25
|
-
'&:has(.date-lozenger-container)': {
|
|
26
|
-
paddingTop: "var(--ds-space-025, 2px)"
|
|
27
|
-
}
|
|
28
|
-
}), ".".concat(AnnotationSharedClassNames.focus), {
|
|
29
|
-
background: "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)",
|
|
30
|
-
borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
|
|
31
|
-
boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)"
|
|
32
|
-
}), ".".concat(AnnotationSharedClassNames.draft), {
|
|
33
|
-
background: "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)",
|
|
34
|
-
borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
|
|
35
|
-
boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)",
|
|
36
|
-
cursor: 'initial'
|
|
37
|
-
}), ".".concat(AnnotationSharedClassNames.blur), {
|
|
38
|
-
background: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)",
|
|
39
|
-
borderBottomColor: "var(--ds-border-accent-yellow, #B38600)"
|
|
40
|
-
}), ".".concat(AnnotationSharedClassNames.hover), {
|
|
41
|
-
background: "var(--ds-background-accent-yellow-subtlest-hovered, #F5E989)",
|
|
42
|
-
borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
|
|
43
|
-
boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)"
|
|
44
|
-
})
|
|
45
|
-
});
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
|
|
2
|
-
@repo/internal/deprecations/deprecation-ticket-required,
|
|
3
|
-
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
4
|
-
|
|
5
|
-
import { css } from '@emotion/react';
|
|
6
|
-
/**
|
|
7
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
8
|
-
* If you need to make changes here, also update the corresponding style in
|
|
9
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
10
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
11
|
-
*/
|
|
12
|
-
export var textHighlightPaddingStyles = css({
|
|
13
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
14
|
-
'.fabric-background-color-mark:has(.background-color-padding-left)': {
|
|
15
|
-
paddingLeft: "var(--ds-space-025, 2px)",
|
|
16
|
-
marginLeft: "var(--ds-space-negative-025, -2px)"
|
|
17
|
-
},
|
|
18
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
19
|
-
'.fabric-background-color-mark:has(.background-color-padding-right)': {
|
|
20
|
-
paddingRight: "var(--ds-space-025, 2px)",
|
|
21
|
-
marginRight: "var(--ds-space-negative-025, -2px)"
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
|
|
25
|
-
/**
|
|
26
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
27
|
-
* If you need to make changes here, also update the corresponding style in
|
|
28
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
29
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
30
|
-
*/
|
|
31
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
32
|
-
export var backgroundColorStyles = css({
|
|
33
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
34
|
-
'.fabric-background-color-mark': {
|
|
35
|
-
backgroundColor: 'var(--custom-palette-color, inherit)',
|
|
36
|
-
borderRadius: "var(--ds-radius-xsmall, 2px)",
|
|
37
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
38
|
-
paddingTop: 1,
|
|
39
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
40
|
-
paddingBottom: 2,
|
|
41
|
-
boxDecorationBreak: 'clone'
|
|
42
|
-
},
|
|
43
|
-
// Don't show text highlight styling when there is an inline comment
|
|
44
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
45
|
-
'.fabric-background-color-mark .ak-editor-annotation': {
|
|
46
|
-
backgroundColor: 'unset'
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
|
|
50
|
-
/**
|
|
51
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
52
|
-
* If you need to make changes here, also update the corresponding style in
|
|
53
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
54
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
55
|
-
*/
|
|
56
|
-
// Don't show text highlight styling when there is a hyperlink.
|
|
57
|
-
// Conditionally applied when the highlight-on-links experiment is off.
|
|
58
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
59
|
-
export var highlightLinksUnsetStyles = css({
|
|
60
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
61
|
-
'a .fabric-background-color-mark': {
|
|
62
|
-
backgroundColor: 'unset'
|
|
63
|
-
}
|
|
64
|
-
});
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
|
|
3
|
-
@repo/internal/deprecations/deprecation-ticket-required,
|
|
4
|
-
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
5
|
-
|
|
6
|
-
import { css } from '@emotion/react';
|
|
7
|
-
// = akEditorDefaultLayoutWidth * breakoutWideScaleRatio = 1010.8 ~ 1011 This is a resulting width value that is applied to nodes that currently use breakouts (except table) and are set to `wide` when the viewport's width is > 1329px.
|
|
8
|
-
var akEditorCalculatedWideLayoutWidth = 1011;
|
|
9
|
-
// from breakoutConsts.calcWideWidth, layoutMaxWidth * breakoutConsts.wideScaleRatio = 904.8 ~ 905 This is a resulting width value that is applied to nodes that currently use breakouts (except table) and are set to `wide` when the viewport's width is <= 1266px.
|
|
10
|
-
var akEditorCalculatedWideLayoutWidthSmallViewport = 905;
|
|
11
|
-
var akEditorGutterPadding = 32;
|
|
12
|
-
var akEditorDefaultLayoutWidth = 760;
|
|
13
|
-
var akEditorFullWidthLayoutWidth = 1800;
|
|
14
|
-
// The breakpoint for small devices is 1266px, copied from getBreakpoint in platform/packages/editor/editor-common/src/ui/WidthProvider/index.tsx
|
|
15
|
-
var akEditorBreakpointForSmallDevice = "1266px";
|
|
16
|
-
var akEditorGutterPaddingReduced = 24;
|
|
17
|
-
var akEditorFullPageNarrowBreakout = 600;
|
|
18
|
-
var akEditorUltraWideLayoutWidth = 4000;
|
|
19
|
-
|
|
20
|
-
// jest warning: JSDOM version (22) doesn't support the new @container CSS rule
|
|
21
|
-
/**
|
|
22
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
23
|
-
* If you need to make changes here, also update the corresponding style in
|
|
24
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
25
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
26
|
-
*/
|
|
27
|
-
export var baseStyles = css(_defineProperty({
|
|
28
|
-
'--ak-editor--default-gutter-padding': "".concat(akEditorGutterPadding, "px"),
|
|
29
|
-
'--ak-editor--default-layout-width': "".concat(akEditorDefaultLayoutWidth, "px"),
|
|
30
|
-
'--ak-editor--resizer-handle-spacing': "12px",
|
|
31
|
-
'--ak-editor--full-width-layout-width': "".concat(akEditorFullWidthLayoutWidth, "px"),
|
|
32
|
-
/* calculate editor line length, 100cqw is the editor container width */
|
|
33
|
-
'--ak-editor--line-length': 'min(calc(100cqw - var(--ak-editor--large-gutter-padding) * 2), var(--ak-editor--default-layout-width))',
|
|
34
|
-
'--ak-editor--max-width-layout-width': "".concat(akEditorUltraWideLayoutWidth, "px"),
|
|
35
|
-
'--ak-editor--breakout-wide-layout-width': "".concat(akEditorCalculatedWideLayoutWidthSmallViewport, "px"),
|
|
36
|
-
'--ak-editor--breakout-full-page-guttering-padding': 'calc(var(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding))',
|
|
37
|
-
'--ak-editor--breakout-fallback-width': 'calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))',
|
|
38
|
-
'--ak-editor--breakout-min-width': '100%',
|
|
39
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
40
|
-
'.fabric-editor--full-width-mode': {
|
|
41
|
-
'--ak-editor--line-length': 'min(calc(100cqw - var(--ak-editor--large-gutter-padding) * 2), var(--ak-editor--full-width-layout-width))',
|
|
42
|
-
/* in full width appearances it's not possible to rely on cqw because it doesn't account for the page scrollbar, which depends on users system settings */
|
|
43
|
-
'--ak-editor--breakout-fallback-width': '100%',
|
|
44
|
-
'--ak-editor--breakout-min-width': '0px'
|
|
45
|
-
},
|
|
46
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
47
|
-
'.ProseMirror': {
|
|
48
|
-
'--ak-editor-max-container-width': 'calc(100cqw - var(--ak-editor--large-gutter-padding))',
|
|
49
|
-
outline: 'none',
|
|
50
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
51
|
-
fontSize: 'var(--ak-editor-base-font-size)'
|
|
52
|
-
},
|
|
53
|
-
/* We can't allow nodes that are inside other nodes to bleed from the parent container */
|
|
54
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
55
|
-
'.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block]': {
|
|
56
|
-
'--ak-editor-max-container-width': '100%'
|
|
57
|
-
}
|
|
58
|
-
}, "@container editor-area (width >= ".concat(akEditorBreakpointForSmallDevice, ")"), {
|
|
59
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
60
|
-
'.ProseMirror': {
|
|
61
|
-
'--ak-editor--breakout-wide-layout-width': "".concat(akEditorCalculatedWideLayoutWidth, "px")
|
|
62
|
-
}
|
|
63
|
-
}));
|
|
64
|
-
/**
|
|
65
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
66
|
-
* If you need to make changes here, also update the corresponding style in
|
|
67
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
68
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
69
|
-
*/
|
|
70
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
71
|
-
export var maxModeReizeFixStyles = css({
|
|
72
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
73
|
-
'.fabric-editor--max-width-mode': {
|
|
74
|
-
'--ak-editor--line-length': 'min(calc(100cqw - var(--ak-editor--large-gutter-padding) * 2), var(--ak-editor--max-width-layout-width))',
|
|
75
|
-
/* in max width appearances it's not possible to rely on cqw because it doesn't account for the page scrollbar, which depends on users system settings */
|
|
76
|
-
'--ak-editor--breakout-fallback-width': '100%',
|
|
77
|
-
'--ak-editor--breakout-min-width': '0px'
|
|
78
|
-
}
|
|
79
|
-
});
|
|
80
|
-
/**
|
|
81
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
82
|
-
* If you need to make changes here, also update the corresponding style in
|
|
83
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
84
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
85
|
-
*/
|
|
86
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
87
|
-
export var baseStylesMaxContainerWidthFixes = css({
|
|
88
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
89
|
-
'.ProseMirror': {
|
|
90
|
-
'--ak-editor-max-container-width': 'calc(100cqw - var(--ak-editor--large-gutter-padding)*2)'
|
|
91
|
-
}
|
|
92
|
-
});
|
|
93
|
-
|
|
94
|
-
// This is to avoid using akEditorGutterPaddingDynamic
|
|
95
|
-
/**
|
|
96
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
97
|
-
* If you need to make changes here, also update the corresponding style in
|
|
98
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
99
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
100
|
-
*/
|
|
101
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
102
|
-
export var editorGutterPaddingBaseStyles = css({
|
|
103
|
-
'--ak-editor--large-gutter-padding': '72px'
|
|
104
|
-
});
|
|
105
|
-
/**
|
|
106
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
107
|
-
* If you need to make changes here, also update the corresponding style in
|
|
108
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
109
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
110
|
-
*/
|
|
111
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
112
|
-
export var editorLargeGutterPuddingReducedBaseStyles = css(_defineProperty({}, "@container editor-area (max-width: ".concat(akEditorFullPageNarrowBreakout, "px)"), {
|
|
113
|
-
'--ak-editor--large-gutter-padding': "".concat(akEditorGutterPaddingReduced, "px")
|
|
114
|
-
}));
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
|
|
2
|
-
@repo/internal/deprecations/deprecation-ticket-required,
|
|
3
|
-
@atlaskit/ui-styling-standard/no-exported-styles */
|
|
4
|
-
|
|
5
|
-
import { css } from '@emotion/react';
|
|
6
|
-
/**
|
|
7
|
-
* @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
|
|
8
|
-
* If you need to make changes here, also update the corresponding style in
|
|
9
|
-
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
10
|
-
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
11
|
-
*/
|
|
12
|
-
export var blockMarksStyles = css({
|
|
13
|
-
// We need to remove margin-top from first item
|
|
14
|
-
// inside doc, tableCell, tableHeader, blockquote, etc.
|
|
15
|
-
//
|
|
16
|
-
// - For nested block marks apart from those with indentation mark.
|
|
17
|
-
// - Do not remove the margin top for nodes inside indentation marks.
|
|
18
|
-
// - Do not remove the margin top for nodes inside alignment marks.
|
|
19
|
-
// - Do not remove the margin top for nodes inside font size marks.
|
|
20
|
-
//- If first element inside a block node has alignment or font size mark, then remove the margin-top.
|
|
21
|
-
//- If first document element has indentation mark remove margin-top.
|
|
22
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
23
|
-
'*:not(.fabric-editor-block-mark) >, *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark):not(.fabric-editor-alignment):not(.fabric-editor-font-size), .fabric-editor-alignment:first-of-type:first-child, .fabric-editor-font-size:first-of-type:first-child, .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child': {
|
|
24
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
25
|
-
'p, h1, h2, h3, h4, h5, h6, .heading-wrapper': {
|
|
26
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
27
|
-
'&:first-child:not(style), style:first-child + *': {
|
|
28
|
-
marginTop: 0
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
});
|