@atlaskit/renderer 121.0.0 → 121.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/dist/cjs/react/nodes/codeBlock/components/lightWeightCodeBlock.js +3 -3
- package/dist/cjs/react/nodes/panel.js +1 -1
- package/dist/cjs/ui/Expand.js +1 -1
- package/dist/cjs/ui/Renderer/RendererStyleContainer.js +3 -3
- package/dist/es2019/react/nodes/codeBlock/components/lightWeightCodeBlock.js +3 -3
- package/dist/es2019/react/nodes/panel.js +1 -1
- package/dist/es2019/ui/Expand.js +1 -1
- package/dist/es2019/ui/Renderer/RendererStyleContainer.js +3 -3
- package/dist/esm/react/nodes/codeBlock/components/lightWeightCodeBlock.js +3 -3
- package/dist/esm/react/nodes/panel.js +1 -1
- package/dist/esm/ui/Expand.js +1 -1
- package/dist/esm/ui/Renderer/RendererStyleContainer.js +3 -3
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 121.0.2
|
|
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
|
+
|
|
11
|
+
## 121.0.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`e5001e144b74e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e5001e144b74e) -
|
|
16
|
+
Internal changes to how border radius is applied.
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 121.0.0
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -41,7 +41,7 @@ var codeBlockSharedStyles = (0, _react2.css)((0, _defineProperty2.default)((0, _
|
|
|
41
41
|
}), ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
|
|
42
42
|
position: 'relative',
|
|
43
43
|
backgroundColor: "var(--ds-surface-raised, #FFFFFF)",
|
|
44
|
-
borderRadius: "var(--ds-
|
|
44
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
45
45
|
margin: "".concat(_editorSharedStyles.blockNodesVerticalMargin, " 0 0 0"),
|
|
46
46
|
fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
|
|
47
47
|
minWidth: "".concat(_editorSharedStyles.akEditorTableCellMinWidth, "px"),
|
|
@@ -69,7 +69,7 @@ var codeBlockSharedStyles = (0, _react2.css)((0, _defineProperty2.default)((0, _
|
|
|
69
69
|
position: 'relative',
|
|
70
70
|
backgroundColor: "var(--ds-background-neutral, #091E420F)",
|
|
71
71
|
display: 'flex',
|
|
72
|
-
borderRadius: "var(--ds-
|
|
72
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
73
73
|
width: '100%',
|
|
74
74
|
counterReset: 'line',
|
|
75
75
|
overflowX: 'auto',
|
|
@@ -101,7 +101,7 @@ var codeBlockSharedStyles = (0, _react2.css)((0, _defineProperty2.default)((0, _
|
|
|
101
101
|
tabSize: 4,
|
|
102
102
|
cursor: 'text',
|
|
103
103
|
color: "var(--ds-text, #172B4D)",
|
|
104
|
-
borderRadius: "var(--ds-
|
|
104
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
105
105
|
margin: "var(--ds-space-100, 8px)",
|
|
106
106
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
107
107
|
fontSize: "".concat(14 / 16, "rem"),
|
|
@@ -33,7 +33,7 @@ var akEditorTableCellMinWidth = 48;
|
|
|
33
33
|
var panelBaseStyles = (0, _react2.css)({
|
|
34
34
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
35
35
|
'&.ak-editor-panel': {
|
|
36
|
-
borderRadius: "var(--ds-
|
|
36
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
37
37
|
margin: "".concat(blockNodesVerticalMargin, " 0 0"),
|
|
38
38
|
paddingTop: "var(--ds-space-100, 8px)",
|
|
39
39
|
paddingRight: "var(--ds-space-200, 16px)",
|
package/dist/cjs/ui/Expand.js
CHANGED
|
@@ -47,7 +47,7 @@ var containerStyles = (0, _react.css)({
|
|
|
47
47
|
borderWidth: '1px',
|
|
48
48
|
borderStyle: 'solid',
|
|
49
49
|
borderColor: 'transparent',
|
|
50
|
-
borderRadius: "var(--ds-
|
|
50
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
51
51
|
minHeight: '25px',
|
|
52
52
|
background: "var(--ds-background-neutral-subtle, transparent)",
|
|
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
|
|
@@ -677,7 +677,7 @@ var codeMarkSharedStyles = (0, _react.css)({
|
|
|
677
677
|
backgroundColor: "var(--ds--code--bg-color,".concat("var(--ds-background-neutral, ".concat(_colors.N20, ")"), ")"),
|
|
678
678
|
color: "var(--ds-text, ".concat(_colors.N800, ")"),
|
|
679
679
|
borderStyle: 'none',
|
|
680
|
-
borderRadius: "var(--ds-
|
|
680
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
681
681
|
display: 'inline',
|
|
682
682
|
padding: '2px 0.5ch',
|
|
683
683
|
boxDecorationBreak: 'clone',
|
|
@@ -839,7 +839,7 @@ var baseOtherStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineP
|
|
|
839
839
|
},
|
|
840
840
|
'& span.date-node': {
|
|
841
841
|
background: "var(--ds-background-neutral, ".concat(_colors.N30A, ")"),
|
|
842
|
-
borderRadius: "var(--ds-
|
|
842
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
843
843
|
color: "var(--ds-text, ".concat(_colors.N800, ")"),
|
|
844
844
|
padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)"),
|
|
845
845
|
margin: "0 1px",
|
|
@@ -1320,7 +1320,7 @@ var codeBlockAndLayoutStyles = (0, _react.css)((0, _defineProperty2.default)((0,
|
|
|
1320
1320
|
maxWidth: '100%',
|
|
1321
1321
|
display: 'block',
|
|
1322
1322
|
position: 'relative',
|
|
1323
|
-
borderRadius: "var(--ds-
|
|
1323
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
1324
1324
|
/*
|
|
1325
1325
|
* The overall renderer has word-wrap: break; which causes issues with
|
|
1326
1326
|
* code block line numbers in Safari / iOS.
|
|
@@ -35,7 +35,7 @@ const codeBlockSharedStyles = css({
|
|
|
35
35
|
[`.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER}`]: {
|
|
36
36
|
position: 'relative',
|
|
37
37
|
backgroundColor: "var(--ds-surface-raised, #FFFFFF)",
|
|
38
|
-
borderRadius: "var(--ds-
|
|
38
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
39
39
|
margin: `${blockNodesVerticalMargin} 0 0 0`,
|
|
40
40
|
fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
|
|
41
41
|
minWidth: `${akEditorTableCellMinWidth}px`,
|
|
@@ -65,7 +65,7 @@ const codeBlockSharedStyles = css({
|
|
|
65
65
|
position: 'relative',
|
|
66
66
|
backgroundColor: "var(--ds-background-neutral, #091E420F)",
|
|
67
67
|
display: 'flex',
|
|
68
|
-
borderRadius: "var(--ds-
|
|
68
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
69
69
|
width: '100%',
|
|
70
70
|
counterReset: 'line',
|
|
71
71
|
overflowX: 'auto',
|
|
@@ -119,7 +119,7 @@ const codeBlockSharedStyles = css({
|
|
|
119
119
|
tabSize: 4,
|
|
120
120
|
cursor: 'text',
|
|
121
121
|
color: "var(--ds-text, #172B4D)",
|
|
122
|
-
borderRadius: "var(--ds-
|
|
122
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
123
123
|
margin: "var(--ds-space-100, 8px)",
|
|
124
124
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
125
125
|
fontSize: `${14 / 16}rem`,
|
|
@@ -24,7 +24,7 @@ const akEditorTableCellMinWidth = 48;
|
|
|
24
24
|
const panelBaseStyles = css({
|
|
25
25
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
26
26
|
'&.ak-editor-panel': {
|
|
27
|
-
borderRadius: "var(--ds-
|
|
27
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
28
28
|
margin: `${blockNodesVerticalMargin} 0 0`,
|
|
29
29
|
paddingTop: "var(--ds-space-100, 8px)",
|
|
30
30
|
paddingRight: "var(--ds-space-200, 16px)",
|
package/dist/es2019/ui/Expand.js
CHANGED
|
@@ -35,7 +35,7 @@ const containerStyles = css({
|
|
|
35
35
|
borderWidth: '1px',
|
|
36
36
|
borderStyle: 'solid',
|
|
37
37
|
borderColor: 'transparent',
|
|
38
|
-
borderRadius: "var(--ds-
|
|
38
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
39
39
|
minHeight: '25px',
|
|
40
40
|
background: "var(--ds-background-neutral-subtle, transparent)",
|
|
41
41
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
@@ -784,7 +784,7 @@ const codeMarkSharedStyles = css({
|
|
|
784
784
|
backgroundColor: `var(--ds--code--bg-color,${`var(--ds-background-neutral, ${N20})`})`,
|
|
785
785
|
color: `var(--ds-text, ${N800})`,
|
|
786
786
|
borderStyle: 'none',
|
|
787
|
-
borderRadius: "var(--ds-
|
|
787
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
788
788
|
display: 'inline',
|
|
789
789
|
padding: '2px 0.5ch',
|
|
790
790
|
boxDecorationBreak: 'clone',
|
|
@@ -976,7 +976,7 @@ const baseOtherStyles = css({
|
|
|
976
976
|
},
|
|
977
977
|
'& span.date-node': {
|
|
978
978
|
background: `var(--ds-background-neutral, ${N30A})`,
|
|
979
|
-
borderRadius: "var(--ds-
|
|
979
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
980
980
|
color: `var(--ds-text, ${N800})`,
|
|
981
981
|
padding: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-050, 4px)"}`,
|
|
982
982
|
margin: `0 1px`,
|
|
@@ -1696,7 +1696,7 @@ const codeBlockAndLayoutStyles = css({
|
|
|
1696
1696
|
maxWidth: '100%',
|
|
1697
1697
|
display: 'block',
|
|
1698
1698
|
position: 'relative',
|
|
1699
|
-
borderRadius: "var(--ds-
|
|
1699
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
1700
1700
|
/*
|
|
1701
1701
|
* The overall renderer has word-wrap: break; which causes issues with
|
|
1702
1702
|
* code block line numbers in Safari / iOS.
|
|
@@ -32,7 +32,7 @@ var codeBlockSharedStyles = css(_defineProperty(_defineProperty(_defineProperty(
|
|
|
32
32
|
}), ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
|
|
33
33
|
position: 'relative',
|
|
34
34
|
backgroundColor: "var(--ds-surface-raised, #FFFFFF)",
|
|
35
|
-
borderRadius: "var(--ds-
|
|
35
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
36
36
|
margin: "".concat(blockNodesVerticalMargin, " 0 0 0"),
|
|
37
37
|
fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
|
|
38
38
|
minWidth: "".concat(akEditorTableCellMinWidth, "px"),
|
|
@@ -60,7 +60,7 @@ var codeBlockSharedStyles = css(_defineProperty(_defineProperty(_defineProperty(
|
|
|
60
60
|
position: 'relative',
|
|
61
61
|
backgroundColor: "var(--ds-background-neutral, #091E420F)",
|
|
62
62
|
display: 'flex',
|
|
63
|
-
borderRadius: "var(--ds-
|
|
63
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
64
64
|
width: '100%',
|
|
65
65
|
counterReset: 'line',
|
|
66
66
|
overflowX: 'auto',
|
|
@@ -92,7 +92,7 @@ var codeBlockSharedStyles = css(_defineProperty(_defineProperty(_defineProperty(
|
|
|
92
92
|
tabSize: 4,
|
|
93
93
|
cursor: 'text',
|
|
94
94
|
color: "var(--ds-text, #172B4D)",
|
|
95
|
-
borderRadius: "var(--ds-
|
|
95
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
96
96
|
margin: "var(--ds-space-100, 8px)",
|
|
97
97
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
98
98
|
fontSize: "".concat(14 / 16, "rem"),
|
|
@@ -26,7 +26,7 @@ var akEditorTableCellMinWidth = 48;
|
|
|
26
26
|
var panelBaseStyles = css({
|
|
27
27
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
28
28
|
'&.ak-editor-panel': {
|
|
29
|
-
borderRadius: "var(--ds-
|
|
29
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
30
30
|
margin: "".concat(blockNodesVerticalMargin, " 0 0"),
|
|
31
31
|
paddingTop: "var(--ds-space-100, 8px)",
|
|
32
32
|
paddingRight: "var(--ds-space-200, 16px)",
|
package/dist/esm/ui/Expand.js
CHANGED
|
@@ -38,7 +38,7 @@ var containerStyles = css({
|
|
|
38
38
|
borderWidth: '1px',
|
|
39
39
|
borderStyle: 'solid',
|
|
40
40
|
borderColor: 'transparent',
|
|
41
|
-
borderRadius: "var(--ds-
|
|
41
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
42
42
|
minHeight: '25px',
|
|
43
43
|
background: "var(--ds-background-neutral-subtle, transparent)",
|
|
44
44
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
@@ -670,7 +670,7 @@ var codeMarkSharedStyles = css({
|
|
|
670
670
|
backgroundColor: "var(--ds--code--bg-color,".concat("var(--ds-background-neutral, ".concat(N20, ")"), ")"),
|
|
671
671
|
color: "var(--ds-text, ".concat(N800, ")"),
|
|
672
672
|
borderStyle: 'none',
|
|
673
|
-
borderRadius: "var(--ds-
|
|
673
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
674
674
|
display: 'inline',
|
|
675
675
|
padding: '2px 0.5ch',
|
|
676
676
|
boxDecorationBreak: 'clone',
|
|
@@ -832,7 +832,7 @@ var baseOtherStyles = css(_defineProperty(_defineProperty(_defineProperty(_defin
|
|
|
832
832
|
},
|
|
833
833
|
'& span.date-node': {
|
|
834
834
|
background: "var(--ds-background-neutral, ".concat(N30A, ")"),
|
|
835
|
-
borderRadius: "var(--ds-
|
|
835
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
836
836
|
color: "var(--ds-text, ".concat(N800, ")"),
|
|
837
837
|
padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)"),
|
|
838
838
|
margin: "0 1px",
|
|
@@ -1313,7 +1313,7 @@ var codeBlockAndLayoutStyles = css(_defineProperty(_defineProperty(_defineProper
|
|
|
1313
1313
|
maxWidth: '100%',
|
|
1314
1314
|
display: 'block',
|
|
1315
1315
|
position: 'relative',
|
|
1316
|
-
borderRadius: "var(--ds-
|
|
1316
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
1317
1317
|
/*
|
|
1318
1318
|
* The overall renderer has word-wrap: break; which causes issues with
|
|
1319
1319
|
* code block line numbers in Safari / iOS.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "121.0.
|
|
3
|
+
"version": "121.0.2",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"@atlaskit/status": "^3.0.0",
|
|
55
55
|
"@atlaskit/task-decision": "^19.2.0",
|
|
56
56
|
"@atlaskit/theme": "^20.0.0",
|
|
57
|
-
"@atlaskit/tmp-editor-statsig": "^12.
|
|
57
|
+
"@atlaskit/tmp-editor-statsig": "^12.2.0",
|
|
58
58
|
"@atlaskit/tokens": "^6.1.0",
|
|
59
59
|
"@atlaskit/tooltip": "^20.4.0",
|
|
60
60
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"uuid": "^3.1.0"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
|
-
"@atlaskit/editor-common": "^108.
|
|
71
|
+
"@atlaskit/editor-common": "^108.1.0",
|
|
72
72
|
"@atlaskit/link-provider": "^3.7.0",
|
|
73
73
|
"@atlaskit/media-core": "^37.0.0",
|
|
74
74
|
"react": "^18.2.0",
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
"@atlaskit/mention": "^24.2.0",
|
|
90
90
|
"@atlaskit/modal-dialog": "^14.3.0",
|
|
91
91
|
"@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-d1445f2f74.patch",
|
|
92
|
-
"@atlaskit/profilecard": "^24.
|
|
92
|
+
"@atlaskit/profilecard": "^24.10.0",
|
|
93
93
|
"@atlaskit/util-data-test": "^18.1.0",
|
|
94
94
|
"@atlassian/feature-flags-test-utils": "^0.3.0",
|
|
95
95
|
"@testing-library/react": "^13.4.0",
|