@atlaskit/editor-common 110.9.0 → 110.9.1
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 +15 -0
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/panel.js +0 -12
- package/dist/cjs/styles/index.js +0 -204
- package/dist/cjs/styles/shared/annotation.js +1 -68
- package/dist/cjs/styles/shared/code-block.js +2 -17
- package/dist/cjs/styles/shared/date.js +2 -12
- package/dist/cjs/styles/shared/grid.js +2 -41
- package/dist/cjs/styles/shared/lists.js +2 -10
- package/dist/cjs/styles/shared/panel.js +1 -39
- package/dist/cjs/styles/shared/resizer.js +2 -202
- package/dist/cjs/styles/shared/smart-card.js +1 -6
- package/dist/cjs/styles/shared/smartCard.js +2 -16
- package/dist/cjs/styles/shared/task-decision.js +2 -12
- package/dist/cjs/styles/shared/unsupported-content.js +2 -12
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui/Expand/sharedStyles.js +2 -97
- package/dist/cjs/ui/index.js +0 -7
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/panel.js +1 -1
- package/dist/es2019/styles/index.js +11 -23
- package/dist/es2019/styles/shared/annotation.js +1 -106
- package/dist/es2019/styles/shared/code-block.js +1 -164
- package/dist/es2019/styles/shared/date.js +1 -11
- package/dist/es2019/styles/shared/grid.js +1 -39
- package/dist/es2019/styles/shared/lists.js +1 -121
- package/dist/es2019/styles/shared/panel.js +1 -138
- package/dist/es2019/styles/shared/resizer.js +2 -211
- package/dist/es2019/styles/shared/smart-card.js +1 -24
- package/dist/es2019/styles/shared/smartCard.js +1 -151
- package/dist/es2019/styles/shared/task-decision.js +1 -63
- package/dist/es2019/styles/shared/unsupported-content.js +1 -27
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui/Expand/sharedStyles.js +1 -113
- package/dist/es2019/ui/index.js +0 -1
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/panel.js +1 -1
- package/dist/esm/styles/index.js +11 -23
- package/dist/esm/styles/shared/annotation.js +0 -67
- package/dist/esm/styles/shared/code-block.js +1 -15
- package/dist/esm/styles/shared/date.js +1 -9
- package/dist/esm/styles/shared/grid.js +1 -39
- package/dist/esm/styles/shared/lists.js +1 -10
- package/dist/esm/styles/shared/panel.js +0 -37
- package/dist/esm/styles/shared/resizer.js +2 -202
- package/dist/esm/styles/shared/smart-card.js +0 -5
- package/dist/esm/styles/shared/smartCard.js +1 -15
- package/dist/esm/styles/shared/task-decision.js +1 -10
- package/dist/esm/styles/shared/unsupported-content.js +1 -11
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui/Expand/sharedStyles.js +1 -96
- package/dist/esm/ui/index.js +0 -1
- package/dist/types/panel.d.ts +1 -1
- package/dist/types/styles/index.d.ts +11 -23
- package/dist/types/styles/shared/annotation.d.ts +0 -30
- package/dist/types/styles/shared/code-block.d.ts +0 -3
- package/dist/types/styles/shared/date.d.ts +0 -2
- package/dist/types/styles/shared/grid.d.ts +0 -2
- package/dist/types/styles/shared/lists.d.ts +0 -2
- package/dist/types/styles/shared/panel.d.ts +0 -2
- package/dist/types/styles/shared/resizer.d.ts +0 -4
- package/dist/types/styles/shared/smart-card.d.ts +0 -2
- package/dist/types/styles/shared/smartCard.d.ts +0 -1
- package/dist/types/styles/shared/task-decision.d.ts +0 -2
- package/dist/types/styles/shared/unsupported-content.d.ts +0 -2
- package/dist/types/ui/Expand/sharedStyles.d.ts +0 -6
- package/dist/types/ui/index.d.ts +0 -2
- package/dist/types-ts4.5/panel.d.ts +1 -1
- package/dist/types-ts4.5/styles/index.d.ts +11 -23
- package/dist/types-ts4.5/styles/shared/annotation.d.ts +0 -30
- package/dist/types-ts4.5/styles/shared/code-block.d.ts +0 -3
- package/dist/types-ts4.5/styles/shared/date.d.ts +0 -2
- package/dist/types-ts4.5/styles/shared/grid.d.ts +0 -2
- package/dist/types-ts4.5/styles/shared/lists.d.ts +0 -2
- package/dist/types-ts4.5/styles/shared/panel.d.ts +0 -2
- package/dist/types-ts4.5/styles/shared/resizer.d.ts +0 -4
- package/dist/types-ts4.5/styles/shared/smart-card.d.ts +0 -2
- package/dist/types-ts4.5/styles/shared/smartCard.d.ts +0 -1
- package/dist/types-ts4.5/styles/shared/task-decision.d.ts +0 -2
- package/dist/types-ts4.5/styles/shared/unsupported-content.d.ts +0 -2
- package/dist/types-ts4.5/ui/Expand/sharedStyles.d.ts +0 -6
- package/dist/types-ts4.5/ui/index.d.ts +0 -2
- package/package.json +1 -1
- package/dist/cjs/styles/shared/background-color.js +0 -33
- package/dist/cjs/styles/shared/block-marks.js +0 -14
- package/dist/cjs/styles/shared/code-mark.js +0 -32
- package/dist/cjs/styles/shared/column-layout.js +0 -70
- package/dist/cjs/styles/shared/embedCard.js +0 -42
- package/dist/cjs/styles/shared/indentation.js +0 -40
- package/dist/cjs/styles/shared/link.js +0 -24
- package/dist/cjs/styles/shared/paragraph.js +0 -39
- package/dist/cjs/styles/shared/rule.js +0 -24
- package/dist/cjs/styles/shared/shadow.js +0 -64
- package/dist/cjs/styles/shared/text-color.js +0 -20
- package/dist/cjs/styles/shared/whitespace.js +0 -15
- package/dist/es2019/styles/shared/background-color.js +0 -26
- package/dist/es2019/styles/shared/block-marks.js +0 -37
- package/dist/es2019/styles/shared/code-mark.js +0 -25
- package/dist/es2019/styles/shared/column-layout.js +0 -66
- package/dist/es2019/styles/shared/embedCard.js +0 -33
- package/dist/es2019/styles/shared/indentation.js +0 -34
- package/dist/es2019/styles/shared/link.js +0 -18
- package/dist/es2019/styles/shared/paragraph.js +0 -32
- package/dist/es2019/styles/shared/rule.js +0 -15
- package/dist/es2019/styles/shared/shadow.js +0 -69
- package/dist/es2019/styles/shared/text-color.js +0 -14
- package/dist/es2019/styles/shared/whitespace.js +0 -9
- package/dist/esm/styles/shared/background-color.js +0 -26
- package/dist/esm/styles/shared/block-marks.js +0 -8
- package/dist/esm/styles/shared/code-mark.js +0 -25
- package/dist/esm/styles/shared/column-layout.js +0 -63
- package/dist/esm/styles/shared/embedCard.js +0 -35
- package/dist/esm/styles/shared/indentation.js +0 -34
- package/dist/esm/styles/shared/link.js +0 -18
- package/dist/esm/styles/shared/paragraph.js +0 -32
- package/dist/esm/styles/shared/rule.js +0 -17
- package/dist/esm/styles/shared/shadow.js +0 -57
- package/dist/esm/styles/shared/text-color.js +0 -14
- package/dist/esm/styles/shared/whitespace.js +0 -9
- package/dist/types/styles/shared/background-color.d.ts +0 -1
- package/dist/types/styles/shared/block-marks.d.ts +0 -2
- package/dist/types/styles/shared/code-mark.d.ts +0 -1
- package/dist/types/styles/shared/column-layout.d.ts +0 -4
- package/dist/types/styles/shared/embedCard.d.ts +0 -3
- package/dist/types/styles/shared/indentation.d.ts +0 -2
- package/dist/types/styles/shared/link.d.ts +0 -2
- package/dist/types/styles/shared/paragraph.d.ts +0 -1
- package/dist/types/styles/shared/rule.d.ts +0 -1
- package/dist/types/styles/shared/shadow.d.ts +0 -15
- package/dist/types/styles/shared/text-color.d.ts +0 -2
- package/dist/types/styles/shared/whitespace.d.ts +0 -2
- package/dist/types-ts4.5/styles/shared/background-color.d.ts +0 -1
- package/dist/types-ts4.5/styles/shared/block-marks.d.ts +0 -2
- package/dist/types-ts4.5/styles/shared/code-mark.d.ts +0 -1
- package/dist/types-ts4.5/styles/shared/column-layout.d.ts +0 -4
- package/dist/types-ts4.5/styles/shared/embedCard.d.ts +0 -3
- package/dist/types-ts4.5/styles/shared/indentation.d.ts +0 -2
- package/dist/types-ts4.5/styles/shared/link.d.ts +0 -2
- package/dist/types-ts4.5/styles/shared/paragraph.d.ts +0 -1
- package/dist/types-ts4.5/styles/shared/rule.d.ts +0 -1
- package/dist/types-ts4.5/styles/shared/shadow.d.ts +0 -15
- package/dist/types-ts4.5/styles/shared/text-color.d.ts +0 -2
- package/dist/types-ts4.5/styles/shared/whitespace.d.ts +0 -2
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.columnLayoutSharedStyle = exports.columnLayoutResponsiveSharedStyle = exports.columnLayoutResponsiveRendererStyles = void 0;
|
|
8
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _react = require("@emotion/react");
|
|
10
|
-
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
11
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
12
|
-
|
|
13
|
-
var columnLayoutSharedStyle = exports.columnLayoutSharedStyle = (0, _react.css)({
|
|
14
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
15
|
-
'[data-layout-section]': (0, _defineProperty2.default)({
|
|
16
|
-
position: 'relative',
|
|
17
|
-
display: 'flex',
|
|
18
|
-
flexDirection: 'row',
|
|
19
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
20
|
-
'& > *': {
|
|
21
|
-
flex: 1,
|
|
22
|
-
minWidth: 0
|
|
23
|
-
},
|
|
24
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
25
|
-
'& > .unsupportedBlockView-content-wrap': {
|
|
26
|
-
minWidth: 'initial'
|
|
27
|
-
}
|
|
28
|
-
}, "@media screen and (max-width: ".concat(_editorSharedStyles.gridMediumMaxWidth, "px)"), {
|
|
29
|
-
flexDirection: 'column'
|
|
30
|
-
})
|
|
31
|
-
});
|
|
32
|
-
var columnLayoutResponsiveSharedStyle = exports.columnLayoutResponsiveSharedStyle = (0, _react.css)({
|
|
33
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
34
|
-
'[data-layout-section]': {
|
|
35
|
-
display: 'flex',
|
|
36
|
-
flexDirection: 'row',
|
|
37
|
-
gap: "var(--ds-space-100, 8px)",
|
|
38
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
39
|
-
'& > *': {
|
|
40
|
-
flex: 1,
|
|
41
|
-
minWidth: 0
|
|
42
|
-
},
|
|
43
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
44
|
-
'& > .unsupportedBlockView-content-wrap': {
|
|
45
|
-
minWidth: 'initial'
|
|
46
|
-
}
|
|
47
|
-
},
|
|
48
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
49
|
-
'.layout-section-container': {
|
|
50
|
-
containerType: 'inline-size',
|
|
51
|
-
containerName: 'layout-area'
|
|
52
|
-
}
|
|
53
|
-
});
|
|
54
|
-
var LAYOUT_BREAKPOINT_RENDERER = 629;
|
|
55
|
-
|
|
56
|
-
/* jest warning: JSDOM version (22) doesn't support the new @container CSS rule */
|
|
57
|
-
var columnLayoutResponsiveRendererStyles = exports.columnLayoutResponsiveRendererStyles = (0, _react.css)({
|
|
58
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
59
|
-
'.layout-section-container': {
|
|
60
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
61
|
-
'[data-layout-section]': (0, _defineProperty2.default)({
|
|
62
|
-
gap: "var(--ds-space-600, 48px)"
|
|
63
|
-
}, "@container layout-area (max-width:".concat(LAYOUT_BREAKPOINT_RENDERER, "px)"), {
|
|
64
|
-
flexDirection: 'column',
|
|
65
|
-
gap: "var(--ds-space-400, 32px)"
|
|
66
|
-
})
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
|
|
70
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.embedSpacingStyles = exports.embedCardStyles = void 0;
|
|
7
|
-
var _react = require("@emotion/react");
|
|
8
|
-
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
9
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
10
|
-
|
|
11
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
12
|
-
var embedCardStyles = exports.embedCardStyles = function embedCardStyles() {
|
|
13
|
-
return (0, _react.css)({
|
|
14
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
15
|
-
'.ProseMirror': {
|
|
16
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
17
|
-
".embedCardView-content-wrap[layout^='wrap-']": {
|
|
18
|
-
maxWidth: '100%',
|
|
19
|
-
position: 'relative',
|
|
20
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
21
|
-
zIndex: _editorSharedStyles.akEditorWrappedNodeZIndex
|
|
22
|
-
},
|
|
23
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
24
|
-
".embedCardView-content-wrap[layout='wrap-left']": {
|
|
25
|
-
float: 'left'
|
|
26
|
-
},
|
|
27
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
28
|
-
".embedCardView-content-wrap[layout='wrap-right']": {
|
|
29
|
-
float: 'right'
|
|
30
|
-
},
|
|
31
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
32
|
-
".embedCardView-content-wrap[layout='wrap-right'] + .embedCardView-content-wrap[layout='wrap-left']": {
|
|
33
|
-
clear: 'both'
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
40
|
-
var embedSpacingStyles = exports.embedSpacingStyles = (0, _react.css)({
|
|
41
|
-
margin: "0 ".concat("var(--ds-space-150, 12px)")
|
|
42
|
-
});
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.indentationSharedStyles = void 0;
|
|
7
|
-
var _react = require("@emotion/react");
|
|
8
|
-
/* eslint-disable @atlaskit/design-system/use-tokens-space */
|
|
9
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
10
|
-
|
|
11
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
12
|
-
var indentationSharedStyles = exports.indentationSharedStyles = (0, _react.css)({
|
|
13
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
14
|
-
'.fabric-editor-indentation-mark': {
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
16
|
-
"&[data-level='1']": {
|
|
17
|
-
marginLeft: '30px'
|
|
18
|
-
},
|
|
19
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
20
|
-
"&[data-level='2']": {
|
|
21
|
-
marginLeft: '60px'
|
|
22
|
-
},
|
|
23
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
24
|
-
"&[data-level='3']": {
|
|
25
|
-
marginLeft: '90px'
|
|
26
|
-
},
|
|
27
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
28
|
-
"&[data-level='4']": {
|
|
29
|
-
marginLeft: '120px'
|
|
30
|
-
},
|
|
31
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
32
|
-
"&[data-level='5']": {
|
|
33
|
-
marginLeft: '150px'
|
|
34
|
-
},
|
|
35
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
36
|
-
"&[data-level='6']": {
|
|
37
|
-
marginLeft: '180px'
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
});
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.linkSharedStyle = void 0;
|
|
7
|
-
var _react = require("@emotion/react");
|
|
8
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
|
-
|
|
10
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
11
|
-
var linkSharedStyle = exports.linkSharedStyle = (0, _react.css)({
|
|
12
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
13
|
-
'a.blockLink': {
|
|
14
|
-
display: 'block'
|
|
15
|
-
},
|
|
16
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
17
|
-
'a[data-prosemirror-mark-name="link"]': {
|
|
18
|
-
textDecoration: 'underline'
|
|
19
|
-
},
|
|
20
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
21
|
-
'a[data-prosemirror-mark-name="link"]:hover': {
|
|
22
|
-
textDecoration: 'none'
|
|
23
|
-
}
|
|
24
|
-
});
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.paragraphSharedStyles = void 0;
|
|
8
|
-
var _react = require("@emotion/react");
|
|
9
|
-
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
10
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
11
|
-
var _getEditorUgcToken = _interopRequireDefault(require("../../ugc-tokens/get-editor-ugc-token"));
|
|
12
|
-
/* eslint-disable @atlaskit/ui-styling-standard/no-exported-styles */
|
|
13
|
-
/* eslint-disable @atlaskit/design-system/use-tokens-typography */
|
|
14
|
-
/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
|
|
15
|
-
/* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
|
|
16
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
17
|
-
|
|
18
|
-
// @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
|
|
19
|
-
var paragraphSharedStyles = exports.paragraphSharedStyles = function paragraphSharedStyles(typographyTheme) {
|
|
20
|
-
return (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? (0, _react.css)({
|
|
21
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
22
|
-
'& p': {
|
|
23
|
-
font: (0, _getEditorUgcToken.default)('editor.font.body'),
|
|
24
|
-
marginTop: _editorSharedStyles.blockNodesVerticalMargin,
|
|
25
|
-
marginBottom: 0
|
|
26
|
-
}
|
|
27
|
-
}) : (0, _react.css)({
|
|
28
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
29
|
-
'& p': {
|
|
30
|
-
fontSize: '1em',
|
|
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
|
-
lineHeight: _editorSharedStyles.akEditorLineHeight,
|
|
33
|
-
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
34
|
-
marginTop: _editorSharedStyles.blockNodesVerticalMargin,
|
|
35
|
-
marginBottom: 0,
|
|
36
|
-
letterSpacing: '-0.005em'
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.ruleSharedStyles = void 0;
|
|
7
|
-
var _react = require("@emotion/react");
|
|
8
|
-
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
9
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
10
|
-
|
|
11
|
-
// @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
|
|
12
|
-
var ruleSharedStyles = exports.ruleSharedStyles = function ruleSharedStyles() {
|
|
13
|
-
return (0, _react.css)({
|
|
14
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
15
|
-
'& hr': {
|
|
16
|
-
border: 'none',
|
|
17
|
-
backgroundColor: "var(--ds-border, #091E4224)",
|
|
18
|
-
// 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
|
|
19
|
-
margin: "".concat(_editorSharedStyles.akEditorLineHeight, "em 0"),
|
|
20
|
-
height: '2px',
|
|
21
|
-
borderRadius: '1px'
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
};
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.shadowSharedStyle = void 0;
|
|
8
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _react = require("@emotion/react");
|
|
10
|
-
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
11
|
-
var _OverflowShadow = require("../../ui/OverflowShadow");
|
|
12
|
-
var _shadowObserver = require("../../ui/OverflowShadow/shadowObserver");
|
|
13
|
-
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
14
|
-
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
16
|
-
|
|
17
|
-
var shadowWidth = 8;
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* TODO: This is close to working and removes a tone of JS from OverflowShadow component
|
|
21
|
-
*
|
|
22
|
-
* background: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)),
|
|
23
|
-
* linear-gradient(to right, rgba(255, 255, 255, 0), white 70%) 100% 0,
|
|
24
|
-
* linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),
|
|
25
|
-
* linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)) 100% 0;
|
|
26
|
-
* background-repeat: no-repeat;
|
|
27
|
-
* background-color: white;
|
|
28
|
-
* background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
|
|
29
|
-
*
|
|
30
|
-
* background-attachment: local, local, scroll, scroll;
|
|
31
|
-
*/
|
|
32
|
-
|
|
33
|
-
var shadowSharedStyle = exports.shadowSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "& .".concat(_OverflowShadow.shadowClassNames.RIGHT_SHADOW, "::before, .").concat(_OverflowShadow.shadowClassNames.RIGHT_SHADOW, "::after, .").concat(_OverflowShadow.shadowClassNames.LEFT_SHADOW, "::before, .").concat(_OverflowShadow.shadowClassNames.LEFT_SHADOW, "::after"), {
|
|
34
|
-
display: 'none',
|
|
35
|
-
position: 'absolute',
|
|
36
|
-
pointerEvents: 'none',
|
|
37
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
38
|
-
zIndex: _editorSharedStyles.akEditorShadowZIndex,
|
|
39
|
-
width: "".concat(shadowWidth, "px"),
|
|
40
|
-
content: "''",
|
|
41
|
-
height: 'calc(100%)'
|
|
42
|
-
}), "& .".concat(_OverflowShadow.shadowClassNames.RIGHT_SHADOW, ", .").concat(_OverflowShadow.shadowClassNames.LEFT_SHADOW), {
|
|
43
|
-
position: 'relative'
|
|
44
|
-
}), "& .".concat(_OverflowShadow.shadowClassNames.LEFT_SHADOW, "::before"), {
|
|
45
|
-
background: "linear-gradient( to left, transparent 0, ".concat("var(--ds-shadow-overflow-spread, #091e4229)", " 140% ), linear-gradient( to right, ", "var(--ds-shadow-overflow-perimeter, transparent)", " 0px, transparent 1px )"),
|
|
46
|
-
top: '0px',
|
|
47
|
-
left: 0,
|
|
48
|
-
display: 'block'
|
|
49
|
-
}), "& .".concat(_OverflowShadow.shadowClassNames.RIGHT_SHADOW, "::after"), {
|
|
50
|
-
background: "linear-gradient( to right, transparent 0, ".concat("var(--ds-shadow-overflow-spread, #091e4229)", " 140% ), linear-gradient( to left, ", "var(--ds-shadow-overflow-perimeter, transparent)", " 0px, transparent 1px )"),
|
|
51
|
-
right: '0px',
|
|
52
|
-
top: '0px',
|
|
53
|
-
display: 'block'
|
|
54
|
-
}), "& .".concat(_shadowObserver.shadowObserverClassNames.SENTINEL_LEFT), {
|
|
55
|
-
height: '100%',
|
|
56
|
-
width: '0px',
|
|
57
|
-
minWidth: '0px'
|
|
58
|
-
}), "& .".concat(_shadowObserver.shadowObserverClassNames.SENTINEL_RIGHT), {
|
|
59
|
-
height: '100%',
|
|
60
|
-
width: '0px',
|
|
61
|
-
minWidth: '0px'
|
|
62
|
-
}));
|
|
63
|
-
|
|
64
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.textColorStyles = void 0;
|
|
7
|
-
var _react = require("@emotion/react");
|
|
8
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
|
-
|
|
10
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
11
|
-
var textColorStyles = exports.textColorStyles = (0, _react.css)({
|
|
12
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
13
|
-
'.fabric-text-color-mark': {
|
|
14
|
-
color: 'var(--custom-palette-color, inherit)'
|
|
15
|
-
},
|
|
16
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
17
|
-
'a .fabric-text-color-mark': {
|
|
18
|
-
color: 'unset'
|
|
19
|
-
}
|
|
20
|
-
});
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.whitespaceSharedStyles = void 0;
|
|
7
|
-
var _react = require("@emotion/react");
|
|
8
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
|
-
|
|
10
|
-
var whitespaceSharedStyles = exports.whitespaceSharedStyles = (0, _react.css)({
|
|
11
|
-
wordWrap: 'break-word',
|
|
12
|
-
whiteSpace: 'pre-wrap'
|
|
13
|
-
});
|
|
14
|
-
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
4
|
-
export const backgroundColorStyles = () => {
|
|
5
|
-
return css({
|
|
6
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
7
|
-
'.fabric-background-color-mark': {
|
|
8
|
-
backgroundColor: 'var(--custom-palette-color, inherit)',
|
|
9
|
-
borderRadius: "var(--ds-radius-xsmall, 2px)",
|
|
10
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-space
|
|
11
|
-
paddingTop: '1px',
|
|
12
|
-
paddingBottom: "var(--ds-space-025, 2px)",
|
|
13
|
-
boxDecorationBreak: 'clone'
|
|
14
|
-
},
|
|
15
|
-
// Don't show text highlight styling when there is a hyperlink
|
|
16
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
17
|
-
'a .fabric-background-color-mark': {
|
|
18
|
-
backgroundColor: 'unset'
|
|
19
|
-
},
|
|
20
|
-
// Don't show text highlight styling when there is an inline comment
|
|
21
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
22
|
-
'.fabric-background-color-mark .ak-editor-annotation': {
|
|
23
|
-
backgroundColor: 'unset'
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression -- Perfectly safe to auto-fix, but leaving it up to the team to remediate as the readability only gets worse with autofixing */
|
|
2
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
|
-
import { css } from '@emotion/react';
|
|
4
|
-
|
|
5
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
6
|
-
export const blockMarksSharedStyles = css`
|
|
7
|
-
/**
|
|
8
|
-
* We need to remove margin-top from first item
|
|
9
|
-
* inside doc, tableCell, tableHeader, blockquote, etc.
|
|
10
|
-
*/
|
|
11
|
-
*:not(.fabric-editor-block-mark) >,
|
|
12
|
-
/* For nested block marks apart from those with indentation mark */
|
|
13
|
-
*:not(.fabric-editor-block-mark) >
|
|
14
|
-
div.fabric-editor-block-mark:first-of-type
|
|
15
|
-
/* Do not remove the margin top for nodes inside indentation marks */
|
|
16
|
-
:not(.fabric-editor-indentation-mark)
|
|
17
|
-
/* Do not remove the margin top for nodes inside alignment marks */
|
|
18
|
-
:not(.fabric-editor-alignment),
|
|
19
|
-
/* If first element inside a block node has alignment mark, then remove the margin-top */
|
|
20
|
-
.fabric-editor-alignment:first-of-type:first-child,
|
|
21
|
-
/* If first document element has indentation mark remove margin-top */
|
|
22
|
-
.ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child {
|
|
23
|
-
p,
|
|
24
|
-
h1,
|
|
25
|
-
h2,
|
|
26
|
-
h3,
|
|
27
|
-
h4,
|
|
28
|
-
h5,
|
|
29
|
-
h6,
|
|
30
|
-
.heading-wrapper {
|
|
31
|
-
:first-child:not(style),
|
|
32
|
-
style:first-child + * {
|
|
33
|
-
margin-top: 0;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
`;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
export const codeMarkSharedStyles = () => {
|
|
4
|
-
return css({
|
|
5
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
6
|
-
'.code': {
|
|
7
|
-
'--ds--code--bg-color': "var(--ds-background-neutral, #091E420F)",
|
|
8
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
9
|
-
display: 'inline',
|
|
10
|
-
padding: '2px 0.5ch',
|
|
11
|
-
backgroundColor: `var(--ds--code--bg-color,${"var(--ds-background-neutral, #091E420F)"})`,
|
|
12
|
-
borderRadius: "var(--ds-radius-small, 3px)",
|
|
13
|
-
borderStyle: 'none',
|
|
14
|
-
boxDecorationBreak: 'clone',
|
|
15
|
-
color: "var(--ds-text, #172B4D)",
|
|
16
|
-
fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
|
|
17
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
18
|
-
fontSize: '0.875em',
|
|
19
|
-
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
20
|
-
overflow: 'auto',
|
|
21
|
-
overflowWrap: 'break-word',
|
|
22
|
-
whiteSpace: 'pre-wrap'
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
};
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
import { gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
|
|
4
|
-
const columnLayoutSharedStyle = css({
|
|
5
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
6
|
-
'[data-layout-section]': {
|
|
7
|
-
position: 'relative',
|
|
8
|
-
display: 'flex',
|
|
9
|
-
flexDirection: 'row',
|
|
10
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
11
|
-
'& > *': {
|
|
12
|
-
flex: 1,
|
|
13
|
-
minWidth: 0
|
|
14
|
-
},
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
16
|
-
'& > .unsupportedBlockView-content-wrap': {
|
|
17
|
-
minWidth: 'initial'
|
|
18
|
-
},
|
|
19
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
20
|
-
[`@media screen and (max-width: ${gridMediumMaxWidth}px)`]: {
|
|
21
|
-
flexDirection: 'column'
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
const columnLayoutResponsiveSharedStyle = css({
|
|
26
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
27
|
-
'[data-layout-section]': {
|
|
28
|
-
display: 'flex',
|
|
29
|
-
flexDirection: 'row',
|
|
30
|
-
gap: "var(--ds-space-100, 8px)",
|
|
31
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
32
|
-
'& > *': {
|
|
33
|
-
flex: 1,
|
|
34
|
-
minWidth: 0
|
|
35
|
-
},
|
|
36
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
37
|
-
'& > .unsupportedBlockView-content-wrap': {
|
|
38
|
-
minWidth: 'initial'
|
|
39
|
-
}
|
|
40
|
-
},
|
|
41
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
42
|
-
'.layout-section-container': {
|
|
43
|
-
containerType: 'inline-size',
|
|
44
|
-
containerName: 'layout-area'
|
|
45
|
-
}
|
|
46
|
-
});
|
|
47
|
-
const LAYOUT_BREAKPOINT_RENDERER = 629;
|
|
48
|
-
|
|
49
|
-
/* jest warning: JSDOM version (22) doesn't support the new @container CSS rule */
|
|
50
|
-
const columnLayoutResponsiveRendererStyles = css({
|
|
51
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
52
|
-
'.layout-section-container': {
|
|
53
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
54
|
-
'[data-layout-section]': {
|
|
55
|
-
gap: "var(--ds-space-600, 48px)",
|
|
56
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
57
|
-
[`@container layout-area (max-width:${LAYOUT_BREAKPOINT_RENDERER}px)`]: {
|
|
58
|
-
flexDirection: 'column',
|
|
59
|
-
gap: "var(--ds-space-400, 32px)"
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
});
|
|
64
|
-
|
|
65
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
66
|
-
export { columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle, columnLayoutResponsiveRendererStyles };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
import { akEditorWrappedNodeZIndex } from '@atlaskit/editor-shared-styles';
|
|
4
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
5
|
-
export const embedCardStyles = () => css({
|
|
6
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
7
|
-
'.ProseMirror': {
|
|
8
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
9
|
-
".embedCardView-content-wrap[layout^='wrap-']": {
|
|
10
|
-
maxWidth: '100%',
|
|
11
|
-
position: 'relative',
|
|
12
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
13
|
-
zIndex: akEditorWrappedNodeZIndex
|
|
14
|
-
},
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
16
|
-
".embedCardView-content-wrap[layout='wrap-left']": {
|
|
17
|
-
float: 'left'
|
|
18
|
-
},
|
|
19
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
20
|
-
".embedCardView-content-wrap[layout='wrap-right']": {
|
|
21
|
-
float: 'right'
|
|
22
|
-
},
|
|
23
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
24
|
-
".embedCardView-content-wrap[layout='wrap-right'] + .embedCardView-content-wrap[layout='wrap-left']": {
|
|
25
|
-
clear: 'both'
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
|
|
30
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
31
|
-
export const embedSpacingStyles = css({
|
|
32
|
-
margin: `0 ${"var(--ds-space-150, 12px)"}`
|
|
33
|
-
});
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/* eslint-disable @atlaskit/design-system/use-tokens-space */
|
|
2
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
|
-
import { css } from '@emotion/react';
|
|
4
|
-
|
|
5
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
6
|
-
export const indentationSharedStyles = css({
|
|
7
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
8
|
-
'.fabric-editor-indentation-mark': {
|
|
9
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
10
|
-
"&[data-level='1']": {
|
|
11
|
-
marginLeft: '30px'
|
|
12
|
-
},
|
|
13
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
14
|
-
"&[data-level='2']": {
|
|
15
|
-
marginLeft: '60px'
|
|
16
|
-
},
|
|
17
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
18
|
-
"&[data-level='3']": {
|
|
19
|
-
marginLeft: '90px'
|
|
20
|
-
},
|
|
21
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
22
|
-
"&[data-level='4']": {
|
|
23
|
-
marginLeft: '120px'
|
|
24
|
-
},
|
|
25
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
26
|
-
"&[data-level='5']": {
|
|
27
|
-
marginLeft: '150px'
|
|
28
|
-
},
|
|
29
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
30
|
-
"&[data-level='6']": {
|
|
31
|
-
marginLeft: '180px'
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
});
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
|
|
4
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
5
|
-
export const linkSharedStyle = css({
|
|
6
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
7
|
-
'a.blockLink': {
|
|
8
|
-
display: 'block'
|
|
9
|
-
},
|
|
10
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
11
|
-
'a[data-prosemirror-mark-name="link"]': {
|
|
12
|
-
textDecoration: 'underline'
|
|
13
|
-
},
|
|
14
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
15
|
-
'a[data-prosemirror-mark-name="link"]:hover': {
|
|
16
|
-
textDecoration: 'none'
|
|
17
|
-
}
|
|
18
|
-
});
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/* eslint-disable @atlaskit/ui-styling-standard/no-exported-styles */
|
|
2
|
-
/* eslint-disable @atlaskit/design-system/use-tokens-typography */
|
|
3
|
-
/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
|
|
4
|
-
/* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
|
|
5
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
6
|
-
import { css } from '@emotion/react';
|
|
7
|
-
import { akEditorLineHeight, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
|
|
8
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
|
-
import editorUGCToken from '../../ugc-tokens/get-editor-ugc-token';
|
|
10
|
-
|
|
11
|
-
// @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
|
|
12
|
-
export const paragraphSharedStyles = typographyTheme => {
|
|
13
|
-
return fg('platform_editor_typography_ugc') ? css({
|
|
14
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
15
|
-
'& p': {
|
|
16
|
-
font: editorUGCToken('editor.font.body'),
|
|
17
|
-
marginTop: blockNodesVerticalMargin,
|
|
18
|
-
marginBottom: 0
|
|
19
|
-
}
|
|
20
|
-
}) : css({
|
|
21
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
22
|
-
'& p': {
|
|
23
|
-
fontSize: '1em',
|
|
24
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
25
|
-
lineHeight: akEditorLineHeight,
|
|
26
|
-
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
27
|
-
marginTop: blockNodesVerticalMargin,
|
|
28
|
-
marginBottom: 0,
|
|
29
|
-
letterSpacing: '-0.005em'
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
import { akEditorLineHeight } from '@atlaskit/editor-shared-styles';
|
|
4
|
-
// @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
|
|
5
|
-
export const ruleSharedStyles = () => css({
|
|
6
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
7
|
-
'& hr': {
|
|
8
|
-
border: 'none',
|
|
9
|
-
backgroundColor: "var(--ds-border, #091E4224)",
|
|
10
|
-
// 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
|
|
11
|
-
margin: `${akEditorLineHeight}em 0`,
|
|
12
|
-
height: '2px',
|
|
13
|
-
borderRadius: '1px'
|
|
14
|
-
}
|
|
15
|
-
});
|