@atlaskit/editor-core 214.0.2 → 214.0.4
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 +16 -0
- package/dist/cjs/ui/Appearance/Chromeless.js +1 -1
- package/dist/cjs/ui/Appearance/Comment/Comment.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/styles/backgroundColorStyles.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/styles/layout.js +4 -4
- package/dist/cjs/ui/EditorContentContainer/styles/mediaStyles.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/styles/resizerStyles.js +7 -7
- package/dist/cjs/ui/EditorContentContainer/styles/scrollbarStyles.js +1 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/Appearance/Chromeless.js +1 -1
- package/dist/es2019/ui/Appearance/Comment/Comment.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/styles/backgroundColorStyles.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/styles/layout.js +4 -4
- package/dist/es2019/ui/EditorContentContainer/styles/mediaStyles.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/styles/resizerStyles.js +7 -7
- package/dist/es2019/ui/EditorContentContainer/styles/scrollbarStyles.js +1 -1
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/Appearance/Chromeless.js +1 -1
- package/dist/esm/ui/Appearance/Comment/Comment.js +1 -1
- package/dist/esm/ui/EditorContentContainer/styles/backgroundColorStyles.js +1 -1
- package/dist/esm/ui/EditorContentContainer/styles/layout.js +4 -4
- package/dist/esm/ui/EditorContentContainer/styles/mediaStyles.js +1 -1
- package/dist/esm/ui/EditorContentContainer/styles/resizerStyles.js +7 -7
- package/dist/esm/ui/EditorContentContainer/styles/scrollbarStyles.js +1 -1
- package/dist/esm/version-wrapper.js +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 214.0.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`76ffc91d514f3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/76ffc91d514f3) -
|
|
8
|
+
Changed packages over to using the generic AIFC FG rather then an experiment
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 214.0.3
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`f3494b0a49dbc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f3494b0a49dbc) -
|
|
16
|
+
Internal changes to use new shape tokens. No visual changes.
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 214.0.2
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -39,7 +39,7 @@ var scrollbarStylesNew = (0, _react2.css)({
|
|
|
39
39
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
40
40
|
'&:hover::-webkit-scrollbar-thumb': {
|
|
41
41
|
backgroundColor: "var(--ds-background-neutral-bold, #44546F)",
|
|
42
|
-
borderRadius:
|
|
42
|
+
borderRadius: "var(--ds-radius-large, 8px)"
|
|
43
43
|
},
|
|
44
44
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
45
45
|
'&::-webkit-scrollbar-thumb:hover': {
|
|
@@ -247,7 +247,7 @@ var CommentEditorWithIntl = exports.CommentEditorWithIntl = function CommentEdit
|
|
|
247
247
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
248
248
|
,
|
|
249
249
|
className: (0, _classnames.default)('ak-editor-content-area', {
|
|
250
|
-
'less-margin': width < _editorSharedStyles.akEditorMobileBreakoutPoint
|
|
250
|
+
'less-margin': width < _editorSharedStyles.akEditorMobileBreakoutPoint
|
|
251
251
|
}),
|
|
252
252
|
featureFlags: featureFlags,
|
|
253
253
|
viewMode: editorViewMode,
|
|
@@ -26,7 +26,7 @@ var backgroundColorStyles = exports.backgroundColorStyles = (0, _react.css)({
|
|
|
26
26
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
27
27
|
'.fabric-background-color-mark': {
|
|
28
28
|
backgroundColor: 'var(--custom-palette-color, inherit)',
|
|
29
|
-
borderRadius:
|
|
29
|
+
borderRadius: "var(--ds-radius-xsmall, 2px)",
|
|
30
30
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
31
31
|
paddingTop: 1,
|
|
32
32
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
@@ -243,10 +243,10 @@ var layoutSelectedStylesAdvanced = exports.layoutSelectedStylesAdvanced = (0, _r
|
|
|
243
243
|
}), '&.selected.danger [data-layout-section]', {
|
|
244
244
|
backgroundColor: "var(--ds-background-danger, #FFECEB)",
|
|
245
245
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
|
|
246
|
-
borderRadius:
|
|
246
|
+
borderRadius: "var(--ds-radius-small, 4px)"
|
|
247
247
|
}), "&.".concat(akEditorSelectedNodeClassName, ":not(.danger) [data-layout-section]"), {
|
|
248
248
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)"),
|
|
249
|
-
borderRadius:
|
|
249
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
250
250
|
backgroundColor: "var(--ds-background-selected, #E9F2FF)",
|
|
251
251
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
252
252
|
'[data-layout-column]': [
|
|
@@ -353,8 +353,8 @@ var layoutBaseStyles = exports.layoutBaseStyles = (0, _react.css)({
|
|
|
353
353
|
minWidth: 0,
|
|
354
354
|
/* disable 4 borders when in view mode and advanced layouts is on */
|
|
355
355
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
356
|
-
border: "1px
|
|
357
|
-
borderRadius:
|
|
356
|
+
border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #091E4224)"),
|
|
357
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
358
358
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
359
359
|
padding: "var(--ds-space-150, 12px)",
|
|
360
360
|
boxSizing: 'border-box',
|
|
@@ -176,7 +176,7 @@ var mediaStyles = exports.mediaStyles = (0, _react.css)((_css = {
|
|
|
176
176
|
display: 'flex',
|
|
177
177
|
width: 3,
|
|
178
178
|
height: 64,
|
|
179
|
-
borderRadius:
|
|
179
|
+
borderRadius: "var(--ds-radius-medium, 6px)"
|
|
180
180
|
}), ".".concat(_styles.richMediaClassName, ":hover .richMedia-resize-handle-left::after, .").concat(_styles.richMediaClassName, ":hover .richMedia-resize-handle-right::after"), {
|
|
181
181
|
background: "var(--ds-border, #091E4224)"
|
|
182
182
|
}), ".".concat(_editorSharedStyles.akEditorSelectedNodeClassName, " .richMedia-resize-handle-right::after, .").concat(_editorSharedStyles.akEditorSelectedNodeClassName, " .richMedia-resize-handle-left::after, .").concat(_styles.richMediaClassName, " .richMedia-resize-handle-right:hover::after, .").concat(_styles.richMediaClassName, " .richMedia-resize-handle-left:hover::after, .").concat(_styles.richMediaClassName, ".is-resizing .richMedia-resize-handle-right::after, .").concat(_styles.richMediaClassName, ".is-resizing .richMedia-resize-handle-left::after"), {
|
|
@@ -102,7 +102,7 @@ var resizerStyles = exports.resizerStyles = (0, _react.css)((0, _defineProperty2
|
|
|
102
102
|
margin: "0 ".concat("var(--ds-space-025, 2px)"),
|
|
103
103
|
height: 64,
|
|
104
104
|
transition: 'background-color 0.2s',
|
|
105
|
-
borderRadius:
|
|
105
|
+
borderRadius: "var(--ds-radius-medium, 6px)",
|
|
106
106
|
border: 0,
|
|
107
107
|
padding: 0,
|
|
108
108
|
zIndex: 2,
|
|
@@ -131,7 +131,7 @@ var resizerStyles = exports.resizerStyles = (0, _react.css)((0, _defineProperty2
|
|
|
131
131
|
position: 'absolute',
|
|
132
132
|
width: 7,
|
|
133
133
|
height: 'calc(100% - 40px)',
|
|
134
|
-
borderRadius:
|
|
134
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
135
135
|
opacity: 0,
|
|
136
136
|
transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
|
|
137
137
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -173,7 +173,7 @@ var pragmaticResizerStylesForTooltip = exports.pragmaticResizerStylesForTooltip
|
|
|
173
173
|
justifyContent: 'center',
|
|
174
174
|
height: '100%',
|
|
175
175
|
cursor: 'col-resize',
|
|
176
|
-
borderRadius:
|
|
176
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
177
177
|
zIndex: 2,
|
|
178
178
|
// Tootip element
|
|
179
179
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -280,7 +280,7 @@ var pragmaticResizerStyles = exports.pragmaticResizerStyles = (0, _react.css)({
|
|
|
280
280
|
justifyContent: 'center',
|
|
281
281
|
height: '100%',
|
|
282
282
|
cursor: 'col-resize',
|
|
283
|
-
borderRadius:
|
|
283
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
284
284
|
transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
|
|
285
285
|
zIndex: 2,
|
|
286
286
|
opacity: 0,
|
|
@@ -316,7 +316,7 @@ var pragmaticResizerStyles = exports.pragmaticResizerStyles = (0, _react.css)({
|
|
|
316
316
|
// copied from resizeStyles.clamped
|
|
317
317
|
height: 'clamp(27px, calc(100% - 32px), 96px)',
|
|
318
318
|
background: "var(--ds-border, #091E4224)",
|
|
319
|
-
borderRadius:
|
|
319
|
+
borderRadius: "var(--ds-radius-medium, 6px)",
|
|
320
320
|
// sticky styles
|
|
321
321
|
position: 'sticky',
|
|
322
322
|
top: "var(--ds-space-150, 12px)",
|
|
@@ -402,7 +402,7 @@ var pragmaticResizerStylesNew = exports.pragmaticResizerStylesNew = (0, _react.c
|
|
|
402
402
|
justifyContent: 'center',
|
|
403
403
|
height: '100%',
|
|
404
404
|
cursor: 'col-resize',
|
|
405
|
-
borderRadius:
|
|
405
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
406
406
|
transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
|
|
407
407
|
zIndex: 2,
|
|
408
408
|
opacity: 0,
|
|
@@ -438,7 +438,7 @@ var pragmaticResizerStylesNew = exports.pragmaticResizerStylesNew = (0, _react.c
|
|
|
438
438
|
// copied from resizeStyles.clamped
|
|
439
439
|
height: 'clamp(27px, calc(100% - 32px), 96px)',
|
|
440
440
|
background: "var(--ds-border, #091E4224)",
|
|
441
|
-
borderRadius:
|
|
441
|
+
borderRadius: "var(--ds-radius-medium, 6px)",
|
|
442
442
|
// sticky styles
|
|
443
443
|
position: 'sticky',
|
|
444
444
|
top: "var(--ds-space-150, 12px)",
|
|
@@ -22,7 +22,7 @@ var scrollbarStyles = exports.scrollbarStyles = (0, _react.css)({
|
|
|
22
22
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
23
23
|
'&:hover::-webkit-scrollbar-thumb': {
|
|
24
24
|
backgroundColor: "var(--ds-background-neutral-bold, #44546F)",
|
|
25
|
-
borderRadius:
|
|
25
|
+
borderRadius: "var(--ds-radius-large, 8px)"
|
|
26
26
|
},
|
|
27
27
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
28
28
|
'&::-webkit-scrollbar-thumb:hover': {
|
|
@@ -25,7 +25,7 @@ const scrollbarStylesNew = css({
|
|
|
25
25
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
26
26
|
'&:hover::-webkit-scrollbar-thumb': {
|
|
27
27
|
backgroundColor: "var(--ds-background-neutral-bold, #44546F)",
|
|
28
|
-
borderRadius:
|
|
28
|
+
borderRadius: "var(--ds-radius-large, 8px)"
|
|
29
29
|
},
|
|
30
30
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
31
31
|
'&::-webkit-scrollbar-thumb:hover': {
|
|
@@ -236,7 +236,7 @@ export const CommentEditorWithIntl = props => {
|
|
|
236
236
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
237
237
|
,
|
|
238
238
|
className: classnames('ak-editor-content-area', {
|
|
239
|
-
'less-margin': width < akEditorMobileBreakoutPoint
|
|
239
|
+
'less-margin': width < akEditorMobileBreakoutPoint
|
|
240
240
|
}),
|
|
241
241
|
featureFlags: featureFlags,
|
|
242
242
|
viewMode: editorViewMode,
|
|
@@ -19,7 +19,7 @@ export const backgroundColorStyles = css({
|
|
|
19
19
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
20
20
|
'.fabric-background-color-mark': {
|
|
21
21
|
backgroundColor: 'var(--custom-palette-color, inherit)',
|
|
22
|
-
borderRadius:
|
|
22
|
+
borderRadius: "var(--ds-radius-xsmall, 2px)",
|
|
23
23
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
24
24
|
paddingTop: 1,
|
|
25
25
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
@@ -248,12 +248,12 @@ export const layoutSelectedStylesAdvanced = css({
|
|
|
248
248
|
'&.selected.danger [data-layout-section]': {
|
|
249
249
|
backgroundColor: "var(--ds-background-danger, #FFECEB)",
|
|
250
250
|
boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`,
|
|
251
|
-
borderRadius:
|
|
251
|
+
borderRadius: "var(--ds-radius-small, 4px)"
|
|
252
252
|
},
|
|
253
253
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
254
254
|
[`&.${akEditorSelectedNodeClassName}:not(.danger) [data-layout-section]`]: {
|
|
255
255
|
boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}`,
|
|
256
|
-
borderRadius:
|
|
256
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
257
257
|
backgroundColor: "var(--ds-background-selected, #E9F2FF)",
|
|
258
258
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
259
259
|
'[data-layout-column]': [
|
|
@@ -416,8 +416,8 @@ export const layoutBaseStyles = css({
|
|
|
416
416
|
minWidth: 0,
|
|
417
417
|
/* disable 4 borders when in view mode and advanced layouts is on */
|
|
418
418
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
419
|
-
border:
|
|
420
|
-
borderRadius:
|
|
419
|
+
border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #091E4224)"}`,
|
|
420
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
421
421
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
422
422
|
padding: "var(--ds-space-150, 12px)",
|
|
423
423
|
boxSizing: 'border-box',
|
|
@@ -250,7 +250,7 @@ export const mediaStyles = css({
|
|
|
250
250
|
display: 'flex',
|
|
251
251
|
width: 3,
|
|
252
252
|
height: 64,
|
|
253
|
-
borderRadius:
|
|
253
|
+
borderRadius: "var(--ds-radius-medium, 6px)"
|
|
254
254
|
},
|
|
255
255
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
256
256
|
[`.${richMediaClassName}:hover .richMedia-resize-handle-left::after, .${richMediaClassName}:hover .richMedia-resize-handle-right::after`]: {
|
|
@@ -130,7 +130,7 @@ export const resizerStyles = css({
|
|
|
130
130
|
margin: `0 ${"var(--ds-space-025, 2px)"}`,
|
|
131
131
|
height: 64,
|
|
132
132
|
transition: 'background-color 0.2s',
|
|
133
|
-
borderRadius:
|
|
133
|
+
borderRadius: "var(--ds-radius-medium, 6px)",
|
|
134
134
|
border: 0,
|
|
135
135
|
padding: 0,
|
|
136
136
|
zIndex: 2,
|
|
@@ -161,7 +161,7 @@ export const resizerStyles = css({
|
|
|
161
161
|
position: 'absolute',
|
|
162
162
|
width: 7,
|
|
163
163
|
height: 'calc(100% - 40px)',
|
|
164
|
-
borderRadius:
|
|
164
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
165
165
|
opacity: 0,
|
|
166
166
|
transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
|
|
167
167
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -218,7 +218,7 @@ export const pragmaticResizerStylesForTooltip = css({
|
|
|
218
218
|
justifyContent: 'center',
|
|
219
219
|
height: '100%',
|
|
220
220
|
cursor: 'col-resize',
|
|
221
|
-
borderRadius:
|
|
221
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
222
222
|
zIndex: 2,
|
|
223
223
|
// Tootip element
|
|
224
224
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -325,7 +325,7 @@ export const pragmaticResizerStyles = css({
|
|
|
325
325
|
justifyContent: 'center',
|
|
326
326
|
height: '100%',
|
|
327
327
|
cursor: 'col-resize',
|
|
328
|
-
borderRadius:
|
|
328
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
329
329
|
transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
|
|
330
330
|
zIndex: 2,
|
|
331
331
|
opacity: 0,
|
|
@@ -361,7 +361,7 @@ export const pragmaticResizerStyles = css({
|
|
|
361
361
|
// copied from resizeStyles.clamped
|
|
362
362
|
height: 'clamp(27px, calc(100% - 32px), 96px)',
|
|
363
363
|
background: "var(--ds-border, #091E4224)",
|
|
364
|
-
borderRadius:
|
|
364
|
+
borderRadius: "var(--ds-radius-medium, 6px)",
|
|
365
365
|
// sticky styles
|
|
366
366
|
position: 'sticky',
|
|
367
367
|
top: "var(--ds-space-150, 12px)",
|
|
@@ -447,7 +447,7 @@ export const pragmaticResizerStylesNew = css({
|
|
|
447
447
|
justifyContent: 'center',
|
|
448
448
|
height: '100%',
|
|
449
449
|
cursor: 'col-resize',
|
|
450
|
-
borderRadius:
|
|
450
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
451
451
|
transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
|
|
452
452
|
zIndex: 2,
|
|
453
453
|
opacity: 0,
|
|
@@ -483,7 +483,7 @@ export const pragmaticResizerStylesNew = css({
|
|
|
483
483
|
// copied from resizeStyles.clamped
|
|
484
484
|
height: 'clamp(27px, calc(100% - 32px), 96px)',
|
|
485
485
|
background: "var(--ds-border, #091E4224)",
|
|
486
|
-
borderRadius:
|
|
486
|
+
borderRadius: "var(--ds-radius-medium, 6px)",
|
|
487
487
|
// sticky styles
|
|
488
488
|
position: 'sticky',
|
|
489
489
|
top: "var(--ds-space-150, 12px)",
|
|
@@ -15,7 +15,7 @@ export const scrollbarStyles = css({
|
|
|
15
15
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
16
16
|
'&:hover::-webkit-scrollbar-thumb': {
|
|
17
17
|
backgroundColor: "var(--ds-background-neutral-bold, #44546F)",
|
|
18
|
-
borderRadius:
|
|
18
|
+
borderRadius: "var(--ds-radius-large, 8px)"
|
|
19
19
|
},
|
|
20
20
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
21
21
|
'&::-webkit-scrollbar-thumb:hover': {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "214.0.
|
|
2
|
+
export const version = "214.0.3";
|
|
@@ -32,7 +32,7 @@ var scrollbarStylesNew = css({
|
|
|
32
32
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
33
33
|
'&:hover::-webkit-scrollbar-thumb': {
|
|
34
34
|
backgroundColor: "var(--ds-background-neutral-bold, #44546F)",
|
|
35
|
-
borderRadius:
|
|
35
|
+
borderRadius: "var(--ds-radius-large, 8px)"
|
|
36
36
|
},
|
|
37
37
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
38
38
|
'&::-webkit-scrollbar-thumb:hover': {
|
|
@@ -236,7 +236,7 @@ export var CommentEditorWithIntl = function CommentEditorWithIntl(props) {
|
|
|
236
236
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
237
237
|
,
|
|
238
238
|
className: classnames('ak-editor-content-area', {
|
|
239
|
-
'less-margin': width < akEditorMobileBreakoutPoint
|
|
239
|
+
'less-margin': width < akEditorMobileBreakoutPoint
|
|
240
240
|
}),
|
|
241
241
|
featureFlags: featureFlags,
|
|
242
242
|
viewMode: editorViewMode,
|
|
@@ -19,7 +19,7 @@ export var backgroundColorStyles = css({
|
|
|
19
19
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
20
20
|
'.fabric-background-color-mark': {
|
|
21
21
|
backgroundColor: 'var(--custom-palette-color, inherit)',
|
|
22
|
-
borderRadius:
|
|
22
|
+
borderRadius: "var(--ds-radius-xsmall, 2px)",
|
|
23
23
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
24
24
|
paddingTop: 1,
|
|
25
25
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
@@ -235,10 +235,10 @@ export var layoutSelectedStylesAdvanced = css({
|
|
|
235
235
|
}), '&.selected.danger [data-layout-section]', {
|
|
236
236
|
backgroundColor: "var(--ds-background-danger, #FFECEB)",
|
|
237
237
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
|
|
238
|
-
borderRadius:
|
|
238
|
+
borderRadius: "var(--ds-radius-small, 4px)"
|
|
239
239
|
}), "&.".concat(akEditorSelectedNodeClassName, ":not(.danger) [data-layout-section]"), {
|
|
240
240
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)"),
|
|
241
|
-
borderRadius:
|
|
241
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
242
242
|
backgroundColor: "var(--ds-background-selected, #E9F2FF)",
|
|
243
243
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
244
244
|
'[data-layout-column]': [
|
|
@@ -345,8 +345,8 @@ export var layoutBaseStyles = css({
|
|
|
345
345
|
minWidth: 0,
|
|
346
346
|
/* disable 4 borders when in view mode and advanced layouts is on */
|
|
347
347
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
348
|
-
border: "1px
|
|
349
|
-
borderRadius:
|
|
348
|
+
border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #091E4224)"),
|
|
349
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
350
350
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
351
351
|
padding: "var(--ds-space-150, 12px)",
|
|
352
352
|
boxSizing: 'border-box',
|
|
@@ -170,7 +170,7 @@ export var mediaStyles = css((_css = {
|
|
|
170
170
|
display: 'flex',
|
|
171
171
|
width: 3,
|
|
172
172
|
height: 64,
|
|
173
|
-
borderRadius:
|
|
173
|
+
borderRadius: "var(--ds-radius-medium, 6px)"
|
|
174
174
|
}), ".".concat(richMediaClassName, ":hover .richMedia-resize-handle-left::after, .").concat(richMediaClassName, ":hover .richMedia-resize-handle-right::after"), {
|
|
175
175
|
background: "var(--ds-border, #091E4224)"
|
|
176
176
|
}), ".".concat(akEditorSelectedNodeClassName, " .richMedia-resize-handle-right::after, .").concat(akEditorSelectedNodeClassName, " .richMedia-resize-handle-left::after, .").concat(richMediaClassName, " .richMedia-resize-handle-right:hover::after, .").concat(richMediaClassName, " .richMedia-resize-handle-left:hover::after, .").concat(richMediaClassName, ".is-resizing .richMedia-resize-handle-right::after, .").concat(richMediaClassName, ".is-resizing .richMedia-resize-handle-left::after"), {
|
|
@@ -94,7 +94,7 @@ export var resizerStyles = css(_defineProperty(_defineProperty(_defineProperty(_
|
|
|
94
94
|
margin: "0 ".concat("var(--ds-space-025, 2px)"),
|
|
95
95
|
height: 64,
|
|
96
96
|
transition: 'background-color 0.2s',
|
|
97
|
-
borderRadius:
|
|
97
|
+
borderRadius: "var(--ds-radius-medium, 6px)",
|
|
98
98
|
border: 0,
|
|
99
99
|
padding: 0,
|
|
100
100
|
zIndex: 2,
|
|
@@ -123,7 +123,7 @@ export var resizerStyles = css(_defineProperty(_defineProperty(_defineProperty(_
|
|
|
123
123
|
position: 'absolute',
|
|
124
124
|
width: 7,
|
|
125
125
|
height: 'calc(100% - 40px)',
|
|
126
|
-
borderRadius:
|
|
126
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
127
127
|
opacity: 0,
|
|
128
128
|
transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
|
|
129
129
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -165,7 +165,7 @@ export var pragmaticResizerStylesForTooltip = css({
|
|
|
165
165
|
justifyContent: 'center',
|
|
166
166
|
height: '100%',
|
|
167
167
|
cursor: 'col-resize',
|
|
168
|
-
borderRadius:
|
|
168
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
169
169
|
zIndex: 2,
|
|
170
170
|
// Tootip element
|
|
171
171
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -272,7 +272,7 @@ export var pragmaticResizerStyles = css({
|
|
|
272
272
|
justifyContent: 'center',
|
|
273
273
|
height: '100%',
|
|
274
274
|
cursor: 'col-resize',
|
|
275
|
-
borderRadius:
|
|
275
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
276
276
|
transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
|
|
277
277
|
zIndex: 2,
|
|
278
278
|
opacity: 0,
|
|
@@ -308,7 +308,7 @@ export var pragmaticResizerStyles = css({
|
|
|
308
308
|
// copied from resizeStyles.clamped
|
|
309
309
|
height: 'clamp(27px, calc(100% - 32px), 96px)',
|
|
310
310
|
background: "var(--ds-border, #091E4224)",
|
|
311
|
-
borderRadius:
|
|
311
|
+
borderRadius: "var(--ds-radius-medium, 6px)",
|
|
312
312
|
// sticky styles
|
|
313
313
|
position: 'sticky',
|
|
314
314
|
top: "var(--ds-space-150, 12px)",
|
|
@@ -394,7 +394,7 @@ export var pragmaticResizerStylesNew = css({
|
|
|
394
394
|
justifyContent: 'center',
|
|
395
395
|
height: '100%',
|
|
396
396
|
cursor: 'col-resize',
|
|
397
|
-
borderRadius:
|
|
397
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
398
398
|
transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
|
|
399
399
|
zIndex: 2,
|
|
400
400
|
opacity: 0,
|
|
@@ -430,7 +430,7 @@ export var pragmaticResizerStylesNew = css({
|
|
|
430
430
|
// copied from resizeStyles.clamped
|
|
431
431
|
height: 'clamp(27px, calc(100% - 32px), 96px)',
|
|
432
432
|
background: "var(--ds-border, #091E4224)",
|
|
433
|
-
borderRadius:
|
|
433
|
+
borderRadius: "var(--ds-radius-medium, 6px)",
|
|
434
434
|
// sticky styles
|
|
435
435
|
position: 'sticky',
|
|
436
436
|
top: "var(--ds-space-150, 12px)",
|
|
@@ -15,7 +15,7 @@ export var scrollbarStyles = css({
|
|
|
15
15
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
16
16
|
'&:hover::-webkit-scrollbar-thumb': {
|
|
17
17
|
backgroundColor: "var(--ds-background-neutral-bold, #44546F)",
|
|
18
|
-
borderRadius:
|
|
18
|
+
borderRadius: "var(--ds-radius-large, 8px)"
|
|
19
19
|
},
|
|
20
20
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
21
21
|
'&::-webkit-scrollbar-thumb:hover': {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "214.0.
|
|
2
|
+
export var version = "214.0.3";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "214.0.
|
|
3
|
+
"version": "214.0.4",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
"uuid": "^3.1.0"
|
|
82
82
|
},
|
|
83
83
|
"peerDependencies": {
|
|
84
|
-
"@atlaskit/editor-common": "^110.
|
|
84
|
+
"@atlaskit/editor-common": "^110.3.0",
|
|
85
85
|
"@atlaskit/link-provider": "^4.0.0",
|
|
86
86
|
"@atlaskit/media-core": "^37.0.0",
|
|
87
87
|
"react": "^18.2.0",
|