@atlaskit/editor-core 211.2.0 → 211.2.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 +8 -0
- package/dist/cjs/ui/Addon/Dropdown/styles.js +1 -1
- package/dist/cjs/ui/Appearance/Comment/Comment.js +1 -1
- package/dist/cjs/ui/ChromeCollapsed/styles.js +1 -1
- package/dist/cjs/ui/ContentStyles/code-bidi-warning.js +1 -1
- package/dist/cjs/ui/ContentStyles/layout.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/styles/codeBidiWarningStyles.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/styles/codeBlockStyles.js +3 -3
- package/dist/cjs/ui/EditorContentContainer/styles/codeMarkStyles.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/styles/layout.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/styles/panelStyles.js +1 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/Addon/Dropdown/styles.js +1 -1
- package/dist/es2019/ui/Appearance/Comment/Comment.js +1 -1
- package/dist/es2019/ui/ChromeCollapsed/styles.js +1 -1
- package/dist/es2019/ui/ContentStyles/code-bidi-warning.js +1 -1
- package/dist/es2019/ui/ContentStyles/layout.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/styles/codeBidiWarningStyles.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/styles/codeBlockStyles.js +3 -3
- package/dist/es2019/ui/EditorContentContainer/styles/codeMarkStyles.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/styles/layout.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/styles/panelStyles.js +1 -1
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/Addon/Dropdown/styles.js +1 -1
- package/dist/esm/ui/Appearance/Comment/Comment.js +1 -1
- package/dist/esm/ui/ChromeCollapsed/styles.js +1 -1
- package/dist/esm/ui/ContentStyles/code-bidi-warning.js +1 -1
- package/dist/esm/ui/ContentStyles/layout.js +1 -1
- package/dist/esm/ui/EditorContentContainer/styles/codeBidiWarningStyles.js +1 -1
- package/dist/esm/ui/EditorContentContainer/styles/codeBlockStyles.js +3 -3
- package/dist/esm/ui/EditorContentContainer/styles/codeMarkStyles.js +1 -1
- package/dist/esm/ui/EditorContentContainer/styles/layout.js +1 -1
- package/dist/esm/ui/EditorContentContainer/styles/panelStyles.js +1 -1
- package/dist/esm/version-wrapper.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 211.2.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`255837cfba315`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/255837cfba315) -
|
|
8
|
+
Internal changes to how border radius is applied.
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 211.2.0
|
|
4
12
|
|
|
5
13
|
### Minor Changes
|
|
@@ -13,7 +13,7 @@ var dropdown = exports.dropdown = (0, _react.css)({
|
|
|
13
13
|
flexDirection: 'column',
|
|
14
14
|
background: "var(--ds-surface-overlay, white)",
|
|
15
15
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
16
|
-
borderRadius: "var(--ds-
|
|
16
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
17
17
|
boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",
|
|
18
18
|
boxSizing: 'border-box',
|
|
19
19
|
padding: "var(--ds-space-050, 4px)".concat(" 0")
|
|
@@ -59,7 +59,7 @@ var commentEditorStyles = (0, _react2.css)({
|
|
|
59
59
|
border: "1px solid ".concat("var(--ds-border-input, #8590A2)"),
|
|
60
60
|
boxSizing: 'border-box',
|
|
61
61
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
62
|
-
borderRadius: "var(--ds-
|
|
62
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
63
63
|
maxWidth: 'inherit',
|
|
64
64
|
wordWrap: 'break-word'
|
|
65
65
|
});
|
|
@@ -16,7 +16,7 @@ var inputStyle = exports.inputStyle = (0, _react.css)({
|
|
|
16
16
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
17
17
|
border: "1px solid ".concat("var(--ds-border-input, ".concat(_editorSharedStyles.akEditorSubtleAccent, ")")),
|
|
18
18
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
19
|
-
borderRadius: "var(--ds-
|
|
19
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
20
20
|
boxSizing: 'border-box',
|
|
21
21
|
height: '40px',
|
|
22
22
|
paddingLeft: "var(--ds-space-250, 20px)",
|
|
@@ -41,7 +41,7 @@ var codeBidiWarningStyles = exports.codeBidiWarningStyles = (0, _react.css)({
|
|
|
41
41
|
color: "var(--ds-text-inverse, #FFFFFF)",
|
|
42
42
|
overflowWrap: 'break-word',
|
|
43
43
|
cursor: 'default',
|
|
44
|
-
borderRadius: "var(--ds-
|
|
44
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
45
45
|
margin: "var(--ds-space-0, 0px)",
|
|
46
46
|
padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)"),
|
|
47
47
|
position: 'fixed',
|
|
@@ -31,7 +31,7 @@ var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
|
|
|
31
31
|
// TODO handle responsive
|
|
32
32
|
var layoutColumnStyles = function layoutColumnStyles() {
|
|
33
33
|
return (0, _experiments.editorExperiment)('advanced_layouts', true) ? // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
34
|
-
(0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t> [data-layout-column] {\n\t\t\t\t\tmargin: 0 ", "px;\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column]:first-of-type {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column]:last-of-type {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\n\t\t\t\t@media screen and (max-width: ", "px) {\n\t\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column].", ":not(.danger) {\n\t\t\t\t\t", ";\n\t\t\t\t\t/* layout column selection shorter after layout border has been removed */\n\t\t\t\t\t::before {\n\t\t\t\t\t\twidth: calc(100% - 8px);\n\t\t\t\t\t\tleft: 4px;\n\t\t\t\t\t\tborder-radius: ", ";\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"])), _styles.LAYOUT_SECTION_MARGIN / 2, _editorSharedStyles.gridMediumMaxWidth, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket]), "var(--ds-
|
|
34
|
+
(0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t> [data-layout-column] {\n\t\t\t\t\tmargin: 0 ", "px;\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column]:first-of-type {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column]:last-of-type {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\n\t\t\t\t@media screen and (max-width: ", "px) {\n\t\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column].", ":not(.danger) {\n\t\t\t\t\t", ";\n\t\t\t\t\t/* layout column selection shorter after layout border has been removed */\n\t\t\t\t\t::before {\n\t\t\t\t\t\twidth: calc(100% - 8px);\n\t\t\t\t\t\tleft: 4px;\n\t\t\t\t\t\tborder-radius: ", ";\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"])), _styles.LAYOUT_SECTION_MARGIN / 2, _editorSharedStyles.gridMediumMaxWidth, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket]), "var(--ds-radius-small, 3px)") : // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
35
35
|
(0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\tmargin-left: ", "px;\n\t\t\t\t}\n\n\t\t\t\t@media screen and (max-width: ", "px) {\n\t\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"])), _styles.LAYOUT_SECTION_MARGIN, _editorSharedStyles.gridMediumMaxWidth);
|
|
36
36
|
};
|
|
37
37
|
var layoutSectionStyles = function layoutSectionStyles() {
|
|
@@ -41,7 +41,7 @@ var codeBidiWarningStyles = exports.codeBidiWarningStyles = (0, _react.css)({
|
|
|
41
41
|
color: "var(--ds-text-inverse, #FFFFFF)",
|
|
42
42
|
overflowWrap: 'break-word',
|
|
43
43
|
cursor: 'default',
|
|
44
|
-
borderRadius: "var(--ds-
|
|
44
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
45
45
|
margin: "var(--ds-space-0, 0px)",
|
|
46
46
|
padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)"),
|
|
47
47
|
position: 'fixed',
|
|
@@ -58,7 +58,7 @@ var codeBlockStyles = exports.codeBlockStyles = (0, _react.css)({
|
|
|
58
58
|
}), ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
|
|
59
59
|
position: 'relative',
|
|
60
60
|
backgroundColor: "var(--ds-surface-raised, #FFFFFF)",
|
|
61
|
-
borderRadius: "var(--ds-
|
|
61
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
62
62
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
63
63
|
margin: "".concat(blockNodesVerticalMargin, " 0 0 0"),
|
|
64
64
|
fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
|
|
@@ -90,7 +90,7 @@ var codeBlockStyles = exports.codeBlockStyles = (0, _react.css)({
|
|
|
90
90
|
position: 'relative',
|
|
91
91
|
backgroundColor: "var(--ds-background-neutral, #091E420F)",
|
|
92
92
|
display: 'flex',
|
|
93
|
-
borderRadius: "var(--ds-
|
|
93
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
94
94
|
width: '100%',
|
|
95
95
|
counterReset: 'line',
|
|
96
96
|
overflowX: 'auto',
|
|
@@ -122,7 +122,7 @@ var codeBlockStyles = exports.codeBlockStyles = (0, _react.css)({
|
|
|
122
122
|
tabSize: 4,
|
|
123
123
|
cursor: 'text',
|
|
124
124
|
color: "var(--ds-text, #172B4D)",
|
|
125
|
-
borderRadius: "var(--ds-
|
|
125
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
126
126
|
margin: "var(--ds-space-100, 8px)",
|
|
127
127
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
128
128
|
fontSize: fontSize14px,
|
|
@@ -16,7 +16,7 @@ var codeMarkStyles = exports.codeMarkStyles = (0, _react.css)({
|
|
|
16
16
|
display: 'inline',
|
|
17
17
|
padding: '2px 0.5ch',
|
|
18
18
|
backgroundColor: "var(--ds--code--bg-color,".concat("var(--ds-background-neutral, #091E420F)", ")"),
|
|
19
|
-
borderRadius: "var(--ds-
|
|
19
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
20
20
|
borderStyle: 'none',
|
|
21
21
|
boxDecorationBreak: 'clone',
|
|
22
22
|
color: "var(--ds-text, #172B4D)",
|
|
@@ -28,7 +28,7 @@ var panelStyles = exports.panelStyles = (0, _react.css)({
|
|
|
28
28
|
},
|
|
29
29
|
// panelSharedStyles()
|
|
30
30
|
// panelSharedStylesWithoutPrefix()
|
|
31
|
-
borderRadius: "var(--ds-
|
|
31
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
32
32
|
margin: "0.75rem 0 0",
|
|
33
33
|
paddingTop: "var(--ds-space-100, 8px)",
|
|
34
34
|
paddingRight: "var(--ds-space-200, 16px)",
|
|
@@ -6,7 +6,7 @@ export const dropdown = css({
|
|
|
6
6
|
flexDirection: 'column',
|
|
7
7
|
background: "var(--ds-surface-overlay, white)",
|
|
8
8
|
// 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
|
-
borderRadius: "var(--ds-
|
|
9
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
10
10
|
boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",
|
|
11
11
|
boxSizing: 'border-box',
|
|
12
12
|
padding: `${"var(--ds-space-050, 4px)"} 0`
|
|
@@ -47,7 +47,7 @@ const commentEditorStyles = css({
|
|
|
47
47
|
border: `1px solid ${"var(--ds-border-input, #8590A2)"}`,
|
|
48
48
|
boxSizing: 'border-box',
|
|
49
49
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
50
|
-
borderRadius: "var(--ds-
|
|
50
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
51
51
|
maxWidth: 'inherit',
|
|
52
52
|
wordWrap: 'break-word'
|
|
53
53
|
});
|
|
@@ -9,7 +9,7 @@ export const inputStyle = css({
|
|
|
9
9
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
10
10
|
border: `1px solid ${`var(--ds-border-input, ${akEditorSubtleAccent})`}`,
|
|
11
11
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
12
|
-
borderRadius: "var(--ds-
|
|
12
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
13
13
|
boxSizing: 'border-box',
|
|
14
14
|
height: '40px',
|
|
15
15
|
paddingLeft: "var(--ds-space-250, 20px)",
|
|
@@ -34,7 +34,7 @@ export const codeBidiWarningStyles = css({
|
|
|
34
34
|
color: "var(--ds-text-inverse, #FFFFFF)",
|
|
35
35
|
overflowWrap: 'break-word',
|
|
36
36
|
cursor: 'default',
|
|
37
|
-
borderRadius: "var(--ds-
|
|
37
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
38
38
|
margin: "var(--ds-space-0, 0px)",
|
|
39
39
|
padding: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-075, 6px)"}`,
|
|
40
40
|
position: 'fixed',
|
|
@@ -34,7 +34,7 @@ export const codeBidiWarningStyles = css({
|
|
|
34
34
|
color: "var(--ds-text-inverse, #FFFFFF)",
|
|
35
35
|
overflowWrap: 'break-word',
|
|
36
36
|
cursor: 'default',
|
|
37
|
-
borderRadius: "var(--ds-
|
|
37
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
38
38
|
margin: "var(--ds-space-0, 0px)",
|
|
39
39
|
padding: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-075, 6px)"}`,
|
|
40
40
|
position: 'fixed',
|
|
@@ -55,7 +55,7 @@ export const codeBlockStyles = css({
|
|
|
55
55
|
[`.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER}`]: {
|
|
56
56
|
position: 'relative',
|
|
57
57
|
backgroundColor: "var(--ds-surface-raised, #FFFFFF)",
|
|
58
|
-
borderRadius: "var(--ds-
|
|
58
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
59
59
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
60
60
|
margin: `${blockNodesVerticalMargin} 0 0 0`,
|
|
61
61
|
fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
|
|
@@ -92,7 +92,7 @@ export const codeBlockStyles = css({
|
|
|
92
92
|
position: 'relative',
|
|
93
93
|
backgroundColor: "var(--ds-background-neutral, #091E420F)",
|
|
94
94
|
display: 'flex',
|
|
95
|
-
borderRadius: "var(--ds-
|
|
95
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
96
96
|
width: '100%',
|
|
97
97
|
counterReset: 'line',
|
|
98
98
|
overflowX: 'auto',
|
|
@@ -149,7 +149,7 @@ export const codeBlockStyles = css({
|
|
|
149
149
|
tabSize: 4,
|
|
150
150
|
cursor: 'text',
|
|
151
151
|
color: "var(--ds-text, #172B4D)",
|
|
152
|
-
borderRadius: "var(--ds-
|
|
152
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
153
153
|
margin: "var(--ds-space-100, 8px)",
|
|
154
154
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
155
155
|
fontSize: fontSize14px,
|
|
@@ -9,7 +9,7 @@ export const codeMarkStyles = css({
|
|
|
9
9
|
display: 'inline',
|
|
10
10
|
padding: '2px 0.5ch',
|
|
11
11
|
backgroundColor: `var(--ds--code--bg-color,${"var(--ds-background-neutral, #091E420F)"})`,
|
|
12
|
-
borderRadius: "var(--ds-
|
|
12
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
13
13
|
borderStyle: 'none',
|
|
14
14
|
boxDecorationBreak: 'clone',
|
|
15
15
|
color: "var(--ds-text, #172B4D)",
|
|
@@ -21,7 +21,7 @@ export const panelStyles = css({
|
|
|
21
21
|
},
|
|
22
22
|
// panelSharedStyles()
|
|
23
23
|
// panelSharedStylesWithoutPrefix()
|
|
24
|
-
borderRadius: "var(--ds-
|
|
24
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
25
25
|
margin: `0.75rem 0 0`,
|
|
26
26
|
paddingTop: "var(--ds-space-100, 8px)",
|
|
27
27
|
paddingRight: "var(--ds-space-200, 16px)",
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "
|
|
2
|
+
export const version = "211.2.0";
|
|
@@ -6,7 +6,7 @@ export var dropdown = css({
|
|
|
6
6
|
flexDirection: 'column',
|
|
7
7
|
background: "var(--ds-surface-overlay, white)",
|
|
8
8
|
// 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
|
-
borderRadius: "var(--ds-
|
|
9
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
10
10
|
boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",
|
|
11
11
|
boxSizing: 'border-box',
|
|
12
12
|
padding: "var(--ds-space-050, 4px)".concat(" 0")
|
|
@@ -51,7 +51,7 @@ var commentEditorStyles = css({
|
|
|
51
51
|
border: "1px solid ".concat("var(--ds-border-input, #8590A2)"),
|
|
52
52
|
boxSizing: 'border-box',
|
|
53
53
|
// 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
|
-
borderRadius: "var(--ds-
|
|
54
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
55
55
|
maxWidth: 'inherit',
|
|
56
56
|
wordWrap: 'break-word'
|
|
57
57
|
});
|
|
@@ -9,7 +9,7 @@ export var inputStyle = css({
|
|
|
9
9
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
10
10
|
border: "1px solid ".concat("var(--ds-border-input, ".concat(akEditorSubtleAccent, ")")),
|
|
11
11
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
12
|
-
borderRadius: "var(--ds-
|
|
12
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
13
13
|
boxSizing: 'border-box',
|
|
14
14
|
height: '40px',
|
|
15
15
|
paddingLeft: "var(--ds-space-250, 20px)",
|
|
@@ -34,7 +34,7 @@ export var codeBidiWarningStyles = css({
|
|
|
34
34
|
color: "var(--ds-text-inverse, #FFFFFF)",
|
|
35
35
|
overflowWrap: 'break-word',
|
|
36
36
|
cursor: 'default',
|
|
37
|
-
borderRadius: "var(--ds-
|
|
37
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
38
38
|
margin: "var(--ds-space-0, 0px)",
|
|
39
39
|
padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)"),
|
|
40
40
|
position: 'fixed',
|
|
@@ -25,7 +25,7 @@ var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
|
|
|
25
25
|
// TODO handle responsive
|
|
26
26
|
var layoutColumnStyles = function layoutColumnStyles() {
|
|
27
27
|
return editorExperiment('advanced_layouts', true) ? // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
28
|
-
css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t\t\t\t> [data-layout-column] {\n\t\t\t\t\tmargin: 0 ", "px;\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column]:first-of-type {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column]:last-of-type {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\n\t\t\t\t@media screen and (max-width: ", "px) {\n\t\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column].", ":not(.danger) {\n\t\t\t\t\t", ";\n\t\t\t\t\t/* layout column selection shorter after layout border has been removed */\n\t\t\t\t\t::before {\n\t\t\t\t\t\twidth: calc(100% - 8px);\n\t\t\t\t\t\tleft: 4px;\n\t\t\t\t\t\tborder-radius: ", ";\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"])), LAYOUT_SECTION_MARGIN / 2, gridMediumMaxWidth, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.Blanket]), "var(--ds-
|
|
28
|
+
css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t\t\t\t> [data-layout-column] {\n\t\t\t\t\tmargin: 0 ", "px;\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column]:first-of-type {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column]:last-of-type {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\n\t\t\t\t@media screen and (max-width: ", "px) {\n\t\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> [data-layout-column].", ":not(.danger) {\n\t\t\t\t\t", ";\n\t\t\t\t\t/* layout column selection shorter after layout border has been removed */\n\t\t\t\t\t::before {\n\t\t\t\t\t\twidth: calc(100% - 8px);\n\t\t\t\t\t\tleft: 4px;\n\t\t\t\t\t\tborder-radius: ", ";\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"])), LAYOUT_SECTION_MARGIN / 2, gridMediumMaxWidth, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.Blanket]), "var(--ds-radius-small, 3px)") : // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
29
29
|
css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\tmargin-left: ", "px;\n\t\t\t\t}\n\n\t\t\t\t@media screen and (max-width: ", "px) {\n\t\t\t\t\t[data-layout-column] + [data-layout-column] {\n\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"])), LAYOUT_SECTION_MARGIN, gridMediumMaxWidth);
|
|
30
30
|
};
|
|
31
31
|
var layoutSectionStyles = function layoutSectionStyles() {
|
|
@@ -34,7 +34,7 @@ export var codeBidiWarningStyles = css({
|
|
|
34
34
|
color: "var(--ds-text-inverse, #FFFFFF)",
|
|
35
35
|
overflowWrap: 'break-word',
|
|
36
36
|
cursor: 'default',
|
|
37
|
-
borderRadius: "var(--ds-
|
|
37
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
38
38
|
margin: "var(--ds-space-0, 0px)",
|
|
39
39
|
padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)"),
|
|
40
40
|
position: 'fixed',
|
|
@@ -50,7 +50,7 @@ export var codeBlockStyles = css({
|
|
|
50
50
|
}), ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
|
|
51
51
|
position: 'relative',
|
|
52
52
|
backgroundColor: "var(--ds-surface-raised, #FFFFFF)",
|
|
53
|
-
borderRadius: "var(--ds-
|
|
53
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
54
54
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
55
55
|
margin: "".concat(blockNodesVerticalMargin, " 0 0 0"),
|
|
56
56
|
fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
|
|
@@ -82,7 +82,7 @@ export var codeBlockStyles = css({
|
|
|
82
82
|
position: 'relative',
|
|
83
83
|
backgroundColor: "var(--ds-background-neutral, #091E420F)",
|
|
84
84
|
display: 'flex',
|
|
85
|
-
borderRadius: "var(--ds-
|
|
85
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
86
86
|
width: '100%',
|
|
87
87
|
counterReset: 'line',
|
|
88
88
|
overflowX: 'auto',
|
|
@@ -114,7 +114,7 @@ export var codeBlockStyles = css({
|
|
|
114
114
|
tabSize: 4,
|
|
115
115
|
cursor: 'text',
|
|
116
116
|
color: "var(--ds-text, #172B4D)",
|
|
117
|
-
borderRadius: "var(--ds-
|
|
117
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
118
118
|
margin: "var(--ds-space-100, 8px)",
|
|
119
119
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
120
120
|
fontSize: fontSize14px,
|
|
@@ -9,7 +9,7 @@ export var codeMarkStyles = css({
|
|
|
9
9
|
display: 'inline',
|
|
10
10
|
padding: '2px 0.5ch',
|
|
11
11
|
backgroundColor: "var(--ds--code--bg-color,".concat("var(--ds-background-neutral, #091E420F)", ")"),
|
|
12
|
-
borderRadius: "var(--ds-
|
|
12
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
13
13
|
borderStyle: 'none',
|
|
14
14
|
boxDecorationBreak: 'clone',
|
|
15
15
|
color: "var(--ds-text, #172B4D)",
|
|
@@ -21,7 +21,7 @@ export var panelStyles = css({
|
|
|
21
21
|
},
|
|
22
22
|
// panelSharedStyles()
|
|
23
23
|
// panelSharedStylesWithoutPrefix()
|
|
24
|
-
borderRadius: "var(--ds-
|
|
24
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
25
25
|
margin: "0.75rem 0 0",
|
|
26
26
|
paddingTop: "var(--ds-space-100, 8px)",
|
|
27
27
|
paddingRight: "var(--ds-space-200, 16px)",
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "
|
|
2
|
+
export var version = "211.2.0";
|