@atlaskit/editor-core 193.26.0 → 193.27.2
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 +25 -0
- package/compass.yml +0 -1
- package/dist/cjs/nodeviews/getInlineNodeViewProducer.styles.js +6 -0
- package/dist/cjs/presets/universal.js +22 -10
- package/dist/cjs/ui/Addon/ClickAreaMobile/index.js +4 -1
- package/dist/cjs/ui/Addon/Dropdown/index.js +2 -0
- package/dist/cjs/ui/Addon/Dropdown/styles.js +2 -0
- package/dist/cjs/ui/Addon/DropdownItem/index.js +1 -0
- package/dist/cjs/ui/Addon/DropdownItem/styles.js +2 -0
- package/dist/cjs/ui/Appearance/Chromeless.js +13 -3
- package/dist/cjs/ui/Appearance/Comment/Comment.js +25 -5
- package/dist/cjs/ui/Appearance/Comment/Toolbar.js +3 -1
- package/dist/cjs/ui/Appearance/FullPage/FullPage.js +1 -0
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +9 -1
- package/dist/cjs/ui/Appearance/FullPage/FullPageToolbar.js +9 -2
- package/dist/cjs/ui/Appearance/FullPage/MainToolbar.js +19 -1
- package/dist/cjs/ui/Appearance/FullPage/StyledComponents.js +51 -5
- package/dist/cjs/ui/AppearanceComponents/Mobile.js +1 -0
- package/dist/cjs/ui/ChromeCollapsed/index.js +3 -1
- package/dist/cjs/ui/ChromeCollapsed/styles.js +5 -0
- package/dist/cjs/ui/ContentStyles/ai-panels.js +19 -1
- package/dist/cjs/ui/ContentStyles/date.js +1 -1
- package/dist/cjs/ui/ContentStyles/extension.js +2 -1
- package/dist/cjs/ui/ContentStyles/index.js +4 -2
- package/dist/cjs/ui/ContentStyles/media.js +1 -1
- package/dist/cjs/ui/ContentStyles/status.js +1 -1
- package/dist/cjs/ui/ContentStyles/tasks-and-decisions.js +1 -1
- package/dist/cjs/ui/ContextPanel/index.js +9 -0
- package/dist/cjs/ui/Toolbar/ToolbarWithSizeDetector.js +12 -9
- package/dist/cjs/ui/ToolbarFeedback/index.js +3 -1
- package/dist/cjs/ui/ToolbarFeedback/styles.js +16 -0
- package/dist/cjs/ui/WithFlash/index.js +2 -0
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/nodeviews/getInlineNodeViewProducer.styles.js +11 -0
- package/dist/es2019/presets/universal.js +23 -10
- package/dist/es2019/ui/Addon/ClickAreaMobile/index.js +4 -1
- package/dist/es2019/ui/Addon/Dropdown/index.js +2 -0
- package/dist/es2019/ui/Addon/Dropdown/styles.js +2 -0
- package/dist/es2019/ui/Addon/DropdownItem/index.js +1 -0
- package/dist/es2019/ui/Addon/DropdownItem/styles.js +2 -0
- package/dist/es2019/ui/Appearance/Chromeless.js +13 -3
- package/dist/es2019/ui/Appearance/Comment/Comment.js +25 -5
- package/dist/es2019/ui/Appearance/Comment/Toolbar.js +3 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPage.js +1 -0
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +9 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPageToolbar.js +9 -2
- package/dist/es2019/ui/Appearance/FullPage/MainToolbar.js +26 -1
- package/dist/es2019/ui/Appearance/FullPage/StyledComponents.js +54 -5
- package/dist/es2019/ui/AppearanceComponents/Mobile.js +1 -0
- package/dist/es2019/ui/ChromeCollapsed/index.js +3 -1
- package/dist/es2019/ui/ChromeCollapsed/styles.js +5 -0
- package/dist/es2019/ui/ContentStyles/ai-panels.js +19 -1
- package/dist/es2019/ui/ContentStyles/date.js +1 -1
- package/dist/es2019/ui/ContentStyles/extension.js +2 -1
- package/dist/es2019/ui/ContentStyles/index.js +4 -2
- package/dist/es2019/ui/ContentStyles/media.js +1 -1
- package/dist/es2019/ui/ContentStyles/status.js +1 -1
- package/dist/es2019/ui/ContentStyles/tasks-and-decisions.js +1 -1
- package/dist/es2019/ui/ContextPanel/index.js +9 -0
- package/dist/es2019/ui/Toolbar/ToolbarInner.js +1 -0
- package/dist/es2019/ui/Toolbar/ToolbarWithSizeDetector.js +13 -9
- package/dist/es2019/ui/ToolbarFeedback/index.js +3 -1
- package/dist/es2019/ui/ToolbarFeedback/styles.js +16 -0
- package/dist/es2019/ui/WithFlash/index.js +3 -0
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/nodeviews/getInlineNodeViewProducer.styles.js +6 -0
- package/dist/esm/presets/universal.js +22 -10
- package/dist/esm/ui/Addon/ClickAreaMobile/index.js +4 -1
- package/dist/esm/ui/Addon/Dropdown/index.js +2 -0
- package/dist/esm/ui/Addon/Dropdown/styles.js +2 -0
- package/dist/esm/ui/Addon/DropdownItem/index.js +1 -0
- package/dist/esm/ui/Addon/DropdownItem/styles.js +2 -0
- package/dist/esm/ui/Appearance/Chromeless.js +13 -3
- package/dist/esm/ui/Appearance/Comment/Comment.js +25 -5
- package/dist/esm/ui/Appearance/Comment/Toolbar.js +3 -1
- package/dist/esm/ui/Appearance/FullPage/FullPage.js +1 -0
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +9 -1
- package/dist/esm/ui/Appearance/FullPage/FullPageToolbar.js +9 -2
- package/dist/esm/ui/Appearance/FullPage/MainToolbar.js +19 -1
- package/dist/esm/ui/Appearance/FullPage/StyledComponents.js +52 -5
- package/dist/esm/ui/AppearanceComponents/Mobile.js +1 -0
- package/dist/esm/ui/ChromeCollapsed/index.js +3 -1
- package/dist/esm/ui/ChromeCollapsed/styles.js +5 -0
- package/dist/esm/ui/ContentStyles/ai-panels.js +19 -1
- package/dist/esm/ui/ContentStyles/date.js +1 -1
- package/dist/esm/ui/ContentStyles/extension.js +2 -1
- package/dist/esm/ui/ContentStyles/index.js +4 -2
- package/dist/esm/ui/ContentStyles/media.js +1 -1
- package/dist/esm/ui/ContentStyles/status.js +1 -1
- package/dist/esm/ui/ContentStyles/tasks-and-decisions.js +1 -1
- package/dist/esm/ui/ContextPanel/index.js +9 -0
- package/dist/esm/ui/Toolbar/ToolbarWithSizeDetector.js +12 -9
- package/dist/esm/ui/ToolbarFeedback/index.js +3 -1
- package/dist/esm/ui/ToolbarFeedback/styles.js +16 -0
- package/dist/esm/ui/WithFlash/index.js +2 -0
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/create-editor/create-preset.d.ts +288 -10
- package/dist/types/presets/default.d.ts +258 -10
- package/dist/types/presets/universal.d.ts +288 -10
- package/dist/types/presets/useUniversalPreset.d.ts +288 -10
- package/dist/types-ts4.5/create-editor/create-preset.d.ts +318 -10
- package/dist/types-ts4.5/presets/default.d.ts +288 -10
- package/dist/types-ts4.5/presets/universal.d.ts +318 -10
- package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +318 -10
- package/package.json +389 -389
|
@@ -6,8 +6,12 @@ import { akEditorContextPanelWidth, akEditorFullWidthLayoutWidth, akEditorGutter
|
|
|
6
6
|
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
7
7
|
import { createEditorContentStyle } from '../../ContentStyles';
|
|
8
8
|
import { scrollbarStyles } from '../../styles';
|
|
9
|
+
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
9
11
|
const SWOOP_ANIMATION = `0.5s ${akEditorSwoopCubicBezier}`;
|
|
10
12
|
const getTotalPadding = () => akEditorGutterPaddingDynamic() * 2;
|
|
13
|
+
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
11
15
|
export const fullPageEditorWrapper = css({
|
|
12
16
|
minWidth: '340px',
|
|
13
17
|
height: '100%',
|
|
@@ -23,34 +27,50 @@ const scrollStyles = css({
|
|
|
23
27
|
display: 'flex',
|
|
24
28
|
flexDirection: 'column',
|
|
25
29
|
scrollBehavior: 'smooth'
|
|
26
|
-
},
|
|
30
|
+
},
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
32
|
+
scrollbarStyles);
|
|
33
|
+
|
|
34
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
27
35
|
export const ScrollContainer = createEditorContentStyle(scrollStyles);
|
|
28
36
|
ScrollContainer.displayName = 'ScrollContainer';
|
|
29
37
|
|
|
30
38
|
// transition used to match scrollbar with config panel opening animation
|
|
31
39
|
// only use animation when opening as there is a bug with floating toolbars.
|
|
40
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
32
41
|
export const positionedOverEditorStyle = css({
|
|
33
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
42
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
34
43
|
paddingRight: `${akEditorContextPanelWidth}px`,
|
|
44
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
35
45
|
transition: `padding 500ms ${akEditorSwoopCubicBezier}`,
|
|
46
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
36
47
|
'.fabric-editor-popup-scroll-parent': {
|
|
37
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
48
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
38
49
|
paddingLeft: `${akEditorContextPanelWidth}px`,
|
|
50
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
39
51
|
transition: `padding 500ms ${akEditorSwoopCubicBezier}`
|
|
40
52
|
}
|
|
41
53
|
});
|
|
54
|
+
|
|
55
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
42
56
|
export const contentArea = css({
|
|
43
57
|
display: 'flex',
|
|
44
58
|
flexDirection: 'row',
|
|
59
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
45
60
|
height: `calc(100% - ${FULL_PAGE_EDITOR_TOOLBAR_HEIGHT()})`,
|
|
46
61
|
boxSizing: 'border-box',
|
|
47
62
|
margin: 0,
|
|
48
63
|
padding: 0,
|
|
64
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
49
65
|
transition: `padding 0ms ${akEditorSwoopCubicBezier}`
|
|
50
66
|
});
|
|
67
|
+
|
|
68
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
51
69
|
export const contentAreaHeightNoToolbar = css({
|
|
52
70
|
height: '100%'
|
|
53
71
|
});
|
|
72
|
+
|
|
73
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
54
74
|
export const sidebarArea = css({
|
|
55
75
|
height: '100%',
|
|
56
76
|
boxSizing: 'border-box',
|
|
@@ -59,11 +79,15 @@ export const sidebarArea = css({
|
|
|
59
79
|
|
|
60
80
|
// initially hide until we have a containerWidth and can properly size them,
|
|
61
81
|
// otherwise they can cause the editor width to extend which is non-recoverable
|
|
82
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
62
83
|
export const editorContentAreaHideContainer = css({
|
|
84
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
63
85
|
'.fabric-editor--full-width-mode': {
|
|
86
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
64
87
|
'.pm-table-container, .code-block, .extension-container': {
|
|
65
88
|
display: 'none'
|
|
66
89
|
},
|
|
90
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
67
91
|
'.multiBodiedExtension--container': {
|
|
68
92
|
display: 'none'
|
|
69
93
|
}
|
|
@@ -72,20 +96,29 @@ export const editorContentAreaHideContainer = css({
|
|
|
72
96
|
|
|
73
97
|
/* Prevent horizontal scroll on page in full width mode */
|
|
74
98
|
const editorContentAreaContainerStyle = containerWidth => css({
|
|
99
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
75
100
|
'.fabric-editor--full-width-mode': {
|
|
101
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
76
102
|
'.code-block, .extension-container': {
|
|
103
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
77
104
|
maxWidth: `${containerWidth - getTotalPadding() - tableMarginFullWidthMode * 2}px`
|
|
78
105
|
},
|
|
106
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
79
107
|
'.extension-container.inline': {
|
|
80
108
|
maxWidth: '100%'
|
|
81
109
|
},
|
|
110
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
82
111
|
'td .extension-container.inline': {
|
|
83
112
|
maxWidth: 'inherit'
|
|
84
113
|
},
|
|
114
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
85
115
|
'.multiBodiedExtension--container': {
|
|
116
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
86
117
|
maxWidth: `${containerWidth - getTotalPadding() - tableMarginFullWidthMode * 2}px`
|
|
87
118
|
},
|
|
119
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
88
120
|
'[data-layout-section]': {
|
|
121
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
89
122
|
maxWidth: `${containerWidth - getTotalPadding() + akLayoutGutterOffset * 2}px`
|
|
90
123
|
}
|
|
91
124
|
}
|
|
@@ -97,6 +130,7 @@ export const editorContentAreaStyle = ({
|
|
|
97
130
|
}) => [editorContentArea, !fullWidthMode && editorContentAreaWithLayoutWith(layoutMaxWidth), containerWidth ? editorContentAreaContainerStyle(containerWidth) : editorContentAreaHideContainer];
|
|
98
131
|
const editorContentAreaWithLayoutWith = layoutMaxWidth => css({
|
|
99
132
|
// this restricts max width
|
|
133
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
100
134
|
maxWidth: `${layoutMaxWidth + getTotalPadding()}px`
|
|
101
135
|
});
|
|
102
136
|
const editorContentArea = css({
|
|
@@ -108,35 +142,50 @@ const editorContentArea = css({
|
|
|
108
142
|
margin: 'auto',
|
|
109
143
|
flexDirection: 'column',
|
|
110
144
|
flexGrow: 1,
|
|
145
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
111
146
|
maxWidth: `${akEditorFullWidthLayoutWidth + getTotalPadding()}px`,
|
|
112
147
|
transition: `max-width ${SWOOP_ANIMATION}`,
|
|
148
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
113
149
|
'& .ProseMirror': {
|
|
114
150
|
flexGrow: 1,
|
|
115
151
|
boxSizing: 'border-box',
|
|
152
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
116
153
|
'& > *': {
|
|
117
154
|
clear: 'both'
|
|
118
155
|
},
|
|
156
|
+
// 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 -- Ignored via go/DSP-18766
|
|
119
157
|
[`> p, > ul, > ol:not(${taskListSelector}):not(${decisionListSelector}), > h1, > h2, > h3, > h4, > h5, > h6`]: {
|
|
120
158
|
clear: 'none'
|
|
121
159
|
},
|
|
160
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
122
161
|
'> p:last-child': {
|
|
123
162
|
marginBottom: "var(--ds-space-300, 24px)"
|
|
124
163
|
}
|
|
125
164
|
}
|
|
126
|
-
},
|
|
165
|
+
},
|
|
166
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
167
|
+
tableFullPageEditorStyles, {
|
|
168
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
127
169
|
'.fabric-editor--full-width-mode': {
|
|
170
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
128
171
|
'.fabric-editor-breakout-mark, .extension-container.block, .pm-table-container': {
|
|
172
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
129
173
|
width: '100% !important'
|
|
130
174
|
},
|
|
175
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
131
176
|
'.fabric-editor-breakout-mark': {
|
|
132
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
177
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
133
178
|
marginLeft: 'unset !important',
|
|
179
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
134
180
|
transform: 'none !important'
|
|
135
181
|
}
|
|
136
182
|
}
|
|
137
183
|
});
|
|
184
|
+
|
|
185
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
138
186
|
export const editorContentGutterStyle = css({
|
|
139
187
|
boxSizing: 'border-box',
|
|
188
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
140
189
|
padding: getBooleanFF('platform.editor.core.increase-full-page-guttering') ?
|
|
141
190
|
// there is no space token for 52px
|
|
142
191
|
`0 52px` : `0 ${"var(--ds-space-400, 32px)"}`
|
|
@@ -18,6 +18,7 @@ const mobileEditor = css({
|
|
|
18
18
|
maxWidth: 'inherit',
|
|
19
19
|
boxSizing: 'border-box',
|
|
20
20
|
wordWrap: 'break-word',
|
|
21
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
21
22
|
'div > .ProseMirror': {
|
|
22
23
|
outline: 'none',
|
|
23
24
|
whiteSpace: 'pre-wrap',
|
|
@@ -30,7 +30,9 @@ class ChromeCollapsed extends PureComponent {
|
|
|
30
30
|
render() {
|
|
31
31
|
const placeholder = this.props.text || this.props.intl.formatMessage(messages.chromeCollapsedPlaceholder);
|
|
32
32
|
return jsx("input", {
|
|
33
|
-
"data-testid": "chrome-collapsed"
|
|
33
|
+
"data-testid": "chrome-collapsed"
|
|
34
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
35
|
+
,
|
|
34
36
|
css: inputStyle,
|
|
35
37
|
ref: this.handleInputRef,
|
|
36
38
|
onFocus: this.focusHandler,
|
|
@@ -2,16 +2,21 @@ import { css } from '@emotion/react';
|
|
|
2
2
|
import { akEditorSubtleAccent, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
|
|
3
3
|
import { N300, N50 } from '@atlaskit/theme/colors';
|
|
4
4
|
import { borderRadius } from '@atlaskit/theme/constants';
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
5
6
|
export const inputStyle = css({
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
6
8
|
'input&': {
|
|
7
9
|
backgroundColor: "var(--ds-background-input, white)",
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
8
11
|
border: `1px solid ${`var(--ds-border-input, ${akEditorSubtleAccent})`}`,
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
9
13
|
borderRadius: `${borderRadius()}px`,
|
|
10
14
|
boxSizing: 'border-box',
|
|
11
15
|
height: '40px',
|
|
12
16
|
paddingLeft: "var(--ds-space-250, 20px)",
|
|
13
17
|
paddingTop: "var(--ds-space-150, 12px)",
|
|
14
18
|
paddingBottom: "var(--ds-space-150, 12px)",
|
|
19
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
15
20
|
fontSize: relativeFontSizeToBase16(14),
|
|
16
21
|
width: '100%',
|
|
17
22
|
fontWeight: 400,
|
|
@@ -38,15 +38,33 @@ const prismBorderAnimationStyles = css({
|
|
|
38
38
|
const prismBorderStyles = (colorMode, sizeOffset, positionOffset) => css({
|
|
39
39
|
content: "''",
|
|
40
40
|
position: 'absolute',
|
|
41
|
-
background: `conic-gradient( from var(--panel-gradient-angle, 180deg) at 50% 50%, ${
|
|
41
|
+
background: `conic-gradient( from var(--panel-gradient-angle, 180deg) at 50% 50%, ${
|
|
42
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
43
|
+
aiPrismColor['prism.border.step.4'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']
|
|
44
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
45
|
+
} -52.2deg, ${aiPrismColor['prism.border.step.1'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 89.76deg, ${
|
|
46
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
47
|
+
aiPrismColor['prism.border.step.2'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']
|
|
48
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
49
|
+
} 145.8deg, ${aiPrismColor['prism.border.step.3'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 262.8deg, ${
|
|
50
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
51
|
+
aiPrismColor['prism.border.step.4'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']
|
|
52
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
53
|
+
} 307.8deg, ${aiPrismColor['prism.border.step.1'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 449.76deg )`,
|
|
42
54
|
zIndex: -1,
|
|
55
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
43
56
|
width: `calc(100% + ${sizeOffset}px)`,
|
|
57
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
44
58
|
height: `calc(100% + ${sizeOffset}px)`,
|
|
59
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
45
60
|
top: `${positionOffset}px`,
|
|
61
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
46
62
|
left: `${positionOffset}px`,
|
|
47
63
|
borderRadius: "var(--ds-border-radius-200, 5px)",
|
|
48
64
|
transform: 'translate3d(0, 0, 0)'
|
|
49
65
|
});
|
|
66
|
+
|
|
67
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
|
|
50
68
|
export const aiPanelStyles = colorMode => css`
|
|
51
69
|
@property --panel-gradient-angle {
|
|
52
70
|
syntax: '<angle>';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
2
|
import { DateSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
3
3
|
import { akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
|
|
4
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression --
|
|
4
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
5
5
|
export const dateStyles = css`
|
|
6
6
|
.${DateSharedCssClassName.DATE_CONTAINER} {
|
|
7
7
|
.${DateSharedCssClassName.DATE_WRAPPER} {
|
|
@@ -19,10 +19,11 @@ const extensionLabelStyles = css`
|
|
|
19
19
|
`;
|
|
20
20
|
const dangerOverlayStyles = css({
|
|
21
21
|
opacity: 0.3,
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
22
23
|
backgroundColor: `var(--ds-background-danger-hovered, ${akEditorDeleteBackground})`
|
|
23
24
|
});
|
|
24
25
|
|
|
25
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/no-exported-css --
|
|
26
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
26
27
|
export const extensionStyles = css`
|
|
27
28
|
.multiBodiedExtensionView-content-wrap {
|
|
28
29
|
&.danger > span > .multiBodiedExtension--container {
|
|
@@ -32,7 +32,7 @@ import { panelStyles } from './panel';
|
|
|
32
32
|
import { statusStyles } from './status';
|
|
33
33
|
import { taskDecisionStyles } from './tasks-and-decisions';
|
|
34
34
|
|
|
35
|
-
// eslint-disable-next-line @atlaskit/design-system/no-exported-css
|
|
35
|
+
// eslint-disable-next-line @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
36
36
|
export const linkStyles = css`
|
|
37
37
|
.ProseMirror {
|
|
38
38
|
${linkSharedStyle}
|
|
@@ -126,13 +126,15 @@ const emojiStyles = css`
|
|
|
126
126
|
}
|
|
127
127
|
`;
|
|
128
128
|
|
|
129
|
-
// eslint-disable-next-line @atlaskit/design-system/no-exported-css
|
|
129
|
+
// eslint-disable-next-line @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
130
130
|
export const placeholderStyles = css({
|
|
131
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
131
132
|
'.ProseMirror .placeholder-decoration': {
|
|
132
133
|
color: `var(--ds-text-subtlest, ${N200})`,
|
|
133
134
|
width: '100%',
|
|
134
135
|
pointerEvents: 'none',
|
|
135
136
|
userSelect: 'none',
|
|
137
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
136
138
|
'.placeholder-android': {
|
|
137
139
|
pointerEvents: 'none',
|
|
138
140
|
outline: 'none',
|
|
@@ -4,7 +4,7 @@ import { mediaSingleSharedStyle, richMediaClassName } from '@atlaskit/editor-com
|
|
|
4
4
|
import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorSelectedBorderBoldSize, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
|
|
5
5
|
import { fileCardImageViewSelector, inlinePlayerClassName, newFileExperienceClassName } from '@atlaskit/media-card';
|
|
6
6
|
import { B200, N60, Y500 } from '@atlaskit/theme/colors';
|
|
7
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/no-exported-css --
|
|
7
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
8
8
|
export const mediaStyles = css`
|
|
9
9
|
.ProseMirror {
|
|
10
10
|
${mediaSingleSharedStyle} & [layout='full-width'] .${richMediaClassName},
|
|
@@ -2,7 +2,7 @@ import { css } from '@emotion/react';
|
|
|
2
2
|
import { StatusSharedCssClassName, TableSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
3
3
|
import { akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
|
|
4
4
|
|
|
5
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression --
|
|
5
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
6
6
|
export const statusStyles = css`
|
|
7
7
|
.${TableSharedCssClassName.TABLE_CELL_WRAPPER},
|
|
8
8
|
.${TableSharedCssClassName.TABLE_HEADER_CELL_WRAPPER},
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
2
|
import { TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
3
3
|
import { akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
|
|
4
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/no-exported-css --
|
|
4
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
5
5
|
export const taskDecisionStyles = css`
|
|
6
6
|
[data-decision-wrapper] {
|
|
7
7
|
cursor: pointer;
|
|
@@ -19,6 +19,7 @@ const WIDE_MODE = 'wide';
|
|
|
19
19
|
const absolutePanelStyles = css({
|
|
20
20
|
position: 'absolute',
|
|
21
21
|
right: 0,
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
22
23
|
height: `calc(100% - ${FULL_PAGE_EDITOR_TOOLBAR_HEIGHT()})`
|
|
23
24
|
});
|
|
24
25
|
const checkTableExistsInDoc = editorView => {
|
|
@@ -50,17 +51,25 @@ export const shouldPanelBePositionedOverEditor = (editorWidth, panelWidth, edito
|
|
|
50
51
|
const panelHidden = css({
|
|
51
52
|
width: 0
|
|
52
53
|
});
|
|
54
|
+
|
|
55
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
53
56
|
export const panel = css({
|
|
57
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
54
58
|
width: `${akEditorContextPanelWidth}px`,
|
|
55
59
|
height: '100%',
|
|
60
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
56
61
|
transition: `width ${ANIM_SPEED_MS}ms ${akEditorSwoopCubicBezier}`,
|
|
57
62
|
overflow: 'hidden',
|
|
58
63
|
boxShadow: `inset 2px 0 0 0 ${`var(--ds-border, ${N30})`}`
|
|
59
64
|
});
|
|
65
|
+
|
|
66
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
60
67
|
export const content = css({
|
|
68
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
61
69
|
transition: `width 600ms ${akEditorSwoopCubicBezier}`,
|
|
62
70
|
boxSizing: 'border-box',
|
|
63
71
|
padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-200, 16px)"} 0px`,
|
|
72
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
64
73
|
width: `${akEditorContextPanelWidth}px`,
|
|
65
74
|
height: '100%',
|
|
66
75
|
overflowY: 'auto'
|
|
@@ -4,6 +4,7 @@ import { css, jsx } from '@emotion/react';
|
|
|
4
4
|
import { akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
|
|
5
5
|
const toolbarComponentsWrapper = css({
|
|
6
6
|
display: 'flex',
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
7
8
|
[`@media (max-width: ${akEditorMobileMaxWidth}px)`]: {
|
|
8
9
|
justifyContent: 'space-between'
|
|
9
10
|
}
|
|
@@ -12,6 +12,7 @@ import { ToolbarSize } from './types';
|
|
|
12
12
|
const toolbar = css({
|
|
13
13
|
width: '100%',
|
|
14
14
|
position: 'relative',
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
15
16
|
[`@media (max-width: ${akEditorMobileMaxWidth}px)`]: {
|
|
16
17
|
gridColumn: '1 / 2',
|
|
17
18
|
gridRow: 2,
|
|
@@ -32,13 +33,16 @@ export const ToolbarWithSizeDetector = props => {
|
|
|
32
33
|
const minWidth = `min-width: ${props.hasMinWidth ? toolbarMinWidth : '254'}px`;
|
|
33
34
|
return [toolbar, minWidth];
|
|
34
35
|
}, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
|
|
35
|
-
return
|
|
36
|
-
css
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
36
|
+
return (
|
|
37
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
38
|
+
jsx("div", {
|
|
39
|
+
css: toolbarStyle
|
|
40
|
+
}, jsx(WidthObserver, {
|
|
41
|
+
setWidth: setWidth
|
|
42
|
+
}), props.editorView && toolbarSize ? jsx(Toolbar, _extends({}, props, {
|
|
43
|
+
toolbarSize: toolbarSize
|
|
44
|
+
})) : jsx("div", {
|
|
45
|
+
ref: ref
|
|
46
|
+
}))
|
|
47
|
+
);
|
|
44
48
|
};
|
|
@@ -135,7 +135,9 @@ class ToolbarFeedbackInternal extends PureComponent {
|
|
|
135
135
|
const iconBefore = this.state.jiraIssueCollectorScriptLoading ? jsx(Spinner, null) : undefined;
|
|
136
136
|
|
|
137
137
|
// JIRA issue collector script is using jQuery internally
|
|
138
|
-
return this.hasJquery() ?
|
|
138
|
+
return this.hasJquery() ?
|
|
139
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
140
|
+
jsx("div", {
|
|
139
141
|
css: wrapper
|
|
140
142
|
}, jsx(ToolbarButton, {
|
|
141
143
|
ref: this.handleRef,
|
|
@@ -2,18 +2,24 @@ import { css } from '@emotion/react';
|
|
|
2
2
|
import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
|
|
3
3
|
import { N400, N60A, P400 } from '@atlaskit/theme/colors';
|
|
4
4
|
import { borderRadius } from '@atlaskit/theme/constants';
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
5
6
|
export const buttonContent = css({
|
|
6
7
|
display: 'flex',
|
|
7
8
|
height: '24px',
|
|
8
9
|
lineHeight: '24px',
|
|
9
10
|
minWidth: '70px'
|
|
10
11
|
});
|
|
12
|
+
|
|
13
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
11
14
|
export const wrapper = css({
|
|
12
15
|
display: 'flex',
|
|
13
16
|
marginRight: 0
|
|
14
17
|
});
|
|
18
|
+
|
|
19
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
15
20
|
export const confirmationPopup = css({
|
|
16
21
|
background: "var(--ds-surface-overlay, #fff)",
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
17
23
|
borderRadius: `${borderRadius()}px`,
|
|
18
24
|
boxShadow: `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N60A}, 0 0 1px ${N60A}`})`,
|
|
19
25
|
display: 'flex',
|
|
@@ -24,29 +30,39 @@ export const confirmationPopup = css({
|
|
|
24
30
|
height: '410px',
|
|
25
31
|
width: '280px'
|
|
26
32
|
});
|
|
33
|
+
|
|
34
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
27
35
|
export const confirmationText = css({
|
|
36
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
28
37
|
fontSize: relativeFontSizeToBase16(14),
|
|
29
38
|
wordSpacing: '4px',
|
|
30
39
|
lineHeight: '22px',
|
|
31
40
|
color: `var(--ds-text-subtle, ${N400})`,
|
|
32
41
|
marginTop: "var(--ds-space-400, 32px)",
|
|
33
42
|
padding: "var(--ds-space-250, 20px)",
|
|
43
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
34
44
|
'& > div': {
|
|
35
45
|
width: '240px'
|
|
36
46
|
},
|
|
47
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
37
48
|
'& > div:first-of-type': {
|
|
38
49
|
marginBottom: "var(--ds-space-150, 12px)"
|
|
39
50
|
},
|
|
51
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
40
52
|
'& > div:nth-of-type(2)': {
|
|
41
53
|
marginBottom: "var(--ds-space-250, 20px)"
|
|
42
54
|
}
|
|
43
55
|
});
|
|
56
|
+
|
|
57
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
44
58
|
export const confirmationHeader = css({
|
|
45
59
|
backgroundColor: `var(--ds-background-discovery-bold, ${P400})`,
|
|
46
60
|
height: '100px',
|
|
47
61
|
width: '100%',
|
|
48
62
|
display: 'inline-block'
|
|
49
63
|
});
|
|
64
|
+
|
|
65
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
50
66
|
export const confirmationImg = css({
|
|
51
67
|
width: '100px',
|
|
52
68
|
display: 'block',
|
|
@@ -20,14 +20,17 @@ const pulseBackgroundReverse = keyframes({
|
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
22
|
const flashWrapper = css({
|
|
23
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
23
24
|
'&.-flash > div': {
|
|
24
25
|
animation: `0.25s ease-in-out ${pulseBackgroundReverse}`
|
|
25
26
|
},
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
26
28
|
'& > div': {
|
|
27
29
|
animation: "'none'"
|
|
28
30
|
}
|
|
29
31
|
});
|
|
30
32
|
const flashWrapperAnimated = css({
|
|
33
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
31
34
|
[`${flashWrapper} & > div`]: {
|
|
32
35
|
animation: `0.25s ease-in-out ${pulseBackground}`
|
|
33
36
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "193.
|
|
2
|
+
export const version = "193.27.2";
|
|
@@ -7,24 +7,30 @@ import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
|
|
|
7
7
|
// For reasoning behind styles, see comments in:
|
|
8
8
|
// ./getInlineNodeViewProducer -> portalChildren()
|
|
9
9
|
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
10
11
|
export var InlineNodeViewSharedStyles = css((_css = {}, _defineProperty(_css, ".".concat(inlineNodeViewClassname), {
|
|
11
12
|
display: 'inline',
|
|
12
13
|
userSelect: 'all',
|
|
13
14
|
whiteSpace: 'nowrap',
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
14
16
|
'& > *:not(.zeroWidthSpaceContainer)': {
|
|
15
17
|
whiteSpace: 'pre-wrap'
|
|
16
18
|
},
|
|
19
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
17
20
|
'& > .assistive': {
|
|
18
21
|
userSelect: 'none'
|
|
19
22
|
}
|
|
20
23
|
}), _defineProperty(_css, '&.ua-safari', _defineProperty({}, ".".concat(inlineNodeViewClassname), {
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
21
25
|
'::selection, *::selection': {
|
|
22
26
|
background: 'transparent'
|
|
23
27
|
}
|
|
24
28
|
})), _defineProperty(_css, "&.ua-chrome .".concat(inlineNodeViewClassname, " > span"), {
|
|
25
29
|
userSelect: 'none'
|
|
26
30
|
}), _defineProperty(_css, ".".concat(inlineNodeViewClassname, "AddZeroWidthSpace"), {
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
27
32
|
'::after': {
|
|
33
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
28
34
|
content: "'".concat(ZERO_WIDTH_SPACE, "'")
|
|
29
35
|
}
|
|
30
36
|
}), _css));
|