@atlaskit/editor-plugin-extension 8.2.0 → 8.2.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 +14 -0
- package/dist/cjs/ui/ConfigPanel/Fields/Expand.js +1 -1
- package/dist/cjs/ui/ConfigPanel/Fields/Fieldset.js +1 -1
- package/dist/cjs/ui/ConfigPanel/Header/HeaderIcon.js +1 -1
- package/dist/cjs/ui/ConfigPanel/Header.js +1 -1
- package/dist/es2019/ui/ConfigPanel/Fields/Expand.js +1 -1
- package/dist/es2019/ui/ConfigPanel/Fields/Fieldset.js +1 -1
- package/dist/es2019/ui/ConfigPanel/Header/HeaderIcon.js +1 -1
- package/dist/es2019/ui/ConfigPanel/Header.js +1 -1
- package/dist/esm/ui/ConfigPanel/Fields/Expand.js +1 -1
- package/dist/esm/ui/ConfigPanel/Fields/Fieldset.js +1 -1
- package/dist/esm/ui/ConfigPanel/Header/HeaderIcon.js +1 -1
- package/dist/esm/ui/ConfigPanel/Header.js +1 -1
- package/example-utils/config-panel/ConfigPanelWithExtensionPicker.tsx +1 -1
- package/example-utils/config-panel/ExtensionNodePicker.tsx +3 -2
- package/example-utils/config-panel/FieldTypePicker.tsx +3 -2
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-extension
|
|
2
2
|
|
|
3
|
+
## 8.2.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 8.2.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`6fb79942fc3a5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6fb79942fc3a5) -
|
|
14
|
+
Internal changes to how borders are applied.
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 8.2.0
|
|
4
18
|
|
|
5
19
|
### Minor Changes
|
|
@@ -24,7 +24,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
24
24
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
25
25
|
|
|
26
26
|
var expandContainerStyles = (0, _react2.css)({
|
|
27
|
-
borderBottom: "1px
|
|
27
|
+
borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")"))
|
|
28
28
|
});
|
|
29
29
|
var expandControlStyles = (0, _react2.css)({
|
|
30
30
|
display: 'flex',
|
|
@@ -37,7 +37,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
37
37
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
38
38
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
39
39
|
var actionsWrapperStyles = (0, _react2.css)({
|
|
40
|
-
borderTop: "1px
|
|
40
|
+
borderTop: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40A, ")")),
|
|
41
41
|
marginTop: "var(--ds-space-200, 16px)",
|
|
42
42
|
paddingTop: "var(--ds-space-200, 16px)"
|
|
43
43
|
});
|
|
@@ -16,7 +16,7 @@ var itemIconStyles = (0, _primitives.xcss)({
|
|
|
16
16
|
width: iconWidth,
|
|
17
17
|
height: iconWidth,
|
|
18
18
|
overflow: 'hidden',
|
|
19
|
-
border: "1px
|
|
19
|
+
border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, rgba(223, 225, 229, 0.5))"),
|
|
20
20
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
21
21
|
boxSizing: 'border-box',
|
|
22
22
|
display: 'flex',
|
|
@@ -36,7 +36,7 @@ var itemIconStyles = (0, _react2.css)({
|
|
|
36
36
|
width: iconWidth,
|
|
37
37
|
height: iconWidth,
|
|
38
38
|
overflow: 'hidden',
|
|
39
|
-
border: "1px
|
|
39
|
+
border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, rgba(223, 225, 229, 0.5))"),
|
|
40
40
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
41
41
|
boxSizing: 'border-box',
|
|
42
42
|
display: 'flex',
|
|
@@ -13,7 +13,7 @@ import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
|
13
13
|
import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
|
|
14
14
|
import { N40 } from '@atlaskit/theme/colors';
|
|
15
15
|
const expandContainerStyles = css({
|
|
16
|
-
borderBottom:
|
|
16
|
+
borderBottom: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`
|
|
17
17
|
});
|
|
18
18
|
const expandControlStyles = css({
|
|
19
19
|
display: 'flex',
|
|
@@ -20,7 +20,7 @@ import Select from '@atlaskit/select';
|
|
|
20
20
|
import { N40A } from '@atlaskit/theme/colors';
|
|
21
21
|
import { getNameFromDuplicateField, isDuplicateField } from '../utils';
|
|
22
22
|
const actionsWrapperStyles = css({
|
|
23
|
-
borderTop:
|
|
23
|
+
borderTop: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40A})`}`,
|
|
24
24
|
marginTop: "var(--ds-space-200, 16px)",
|
|
25
25
|
paddingTop: "var(--ds-space-200, 16px)"
|
|
26
26
|
});
|
|
@@ -7,7 +7,7 @@ const itemIconStyles = xcss({
|
|
|
7
7
|
width: iconWidth,
|
|
8
8
|
height: iconWidth,
|
|
9
9
|
overflow: 'hidden',
|
|
10
|
-
border:
|
|
10
|
+
border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, rgba(223, 225, 229, 0.5))"}`,
|
|
11
11
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
12
12
|
boxSizing: 'border-box',
|
|
13
13
|
display: 'flex',
|
|
@@ -27,7 +27,7 @@ const itemIconStyles = css({
|
|
|
27
27
|
width: iconWidth,
|
|
28
28
|
height: iconWidth,
|
|
29
29
|
overflow: 'hidden',
|
|
30
|
-
border:
|
|
30
|
+
border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, rgba(223, 225, 229, 0.5))"}`,
|
|
31
31
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
32
32
|
boxSizing: 'border-box',
|
|
33
33
|
display: 'flex',
|
|
@@ -14,7 +14,7 @@ import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
|
14
14
|
import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
|
|
15
15
|
import { N40 } from '@atlaskit/theme/colors';
|
|
16
16
|
var expandContainerStyles = css({
|
|
17
|
-
borderBottom: "1px
|
|
17
|
+
borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")"))
|
|
18
18
|
});
|
|
19
19
|
var expandControlStyles = css({
|
|
20
20
|
display: 'flex',
|
|
@@ -31,7 +31,7 @@ import Select from '@atlaskit/select';
|
|
|
31
31
|
import { N40A } from '@atlaskit/theme/colors';
|
|
32
32
|
import { getNameFromDuplicateField, isDuplicateField } from '../utils';
|
|
33
33
|
var actionsWrapperStyles = css({
|
|
34
|
-
borderTop: "1px
|
|
34
|
+
borderTop: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40A, ")")),
|
|
35
35
|
marginTop: "var(--ds-space-200, 16px)",
|
|
36
36
|
paddingTop: "var(--ds-space-200, 16px)"
|
|
37
37
|
});
|
|
@@ -7,7 +7,7 @@ var itemIconStyles = xcss({
|
|
|
7
7
|
width: iconWidth,
|
|
8
8
|
height: iconWidth,
|
|
9
9
|
overflow: 'hidden',
|
|
10
|
-
border: "1px
|
|
10
|
+
border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, rgba(223, 225, 229, 0.5))"),
|
|
11
11
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
12
12
|
boxSizing: 'border-box',
|
|
13
13
|
display: 'flex',
|
|
@@ -27,7 +27,7 @@ var itemIconStyles = css({
|
|
|
27
27
|
width: iconWidth,
|
|
28
28
|
height: iconWidth,
|
|
29
29
|
overflow: 'hidden',
|
|
30
|
-
border: "1px
|
|
30
|
+
border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, rgba(223, 225, 229, 0.5))"),
|
|
31
31
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
32
32
|
boxSizing: 'border-box',
|
|
33
33
|
display: 'flex',
|
|
@@ -45,7 +45,7 @@ const column = (width: number | string) =>
|
|
|
45
45
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
46
46
|
h3: {
|
|
47
47
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
48
|
-
borderBottom:
|
|
48
|
+
borderBottom: `${token('border.width')} solid ${colors.N50}`,
|
|
49
49
|
marginBottom: token('space.200', '16px'),
|
|
50
50
|
},
|
|
51
51
|
});
|
|
@@ -14,6 +14,7 @@ import type {
|
|
|
14
14
|
} from '@atlaskit/editor-common/extensions';
|
|
15
15
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
16
16
|
import { ButtonItem, HeadingItem, MenuGroup, Section } from '@atlaskit/menu';
|
|
17
|
+
import { token } from '@atlaskit/tokens';
|
|
17
18
|
|
|
18
19
|
import { useStateFromPromise } from '../../src/ui/ConfigPanel/use-state-from-promise';
|
|
19
20
|
|
|
@@ -45,11 +46,11 @@ export default function ExtensionNodePicker({
|
|
|
45
46
|
return (
|
|
46
47
|
<div
|
|
47
48
|
style={{
|
|
48
|
-
border:
|
|
49
|
+
border: `${token('border.width')} solid #ccc`,
|
|
49
50
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
50
51
|
boxShadow: '0px 4px 8px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31)',
|
|
51
52
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
52
|
-
borderRadius:
|
|
53
|
+
borderRadius: token('radius.small'),
|
|
53
54
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
54
55
|
maxWidth: 320,
|
|
55
56
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
@@ -4,6 +4,7 @@ import React, { useState } from 'react';
|
|
|
4
4
|
import type { FieldDefinition } from '@atlaskit/editor-common/extensions';
|
|
5
5
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
6
6
|
import { ButtonItem, HeadingItem, MenuGroup, Section } from '@atlaskit/menu';
|
|
7
|
+
import { token } from '@atlaskit/tokens';
|
|
7
8
|
|
|
8
9
|
export default function ExtensionNodePicker({
|
|
9
10
|
fields,
|
|
@@ -19,11 +20,11 @@ export default function ExtensionNodePicker({
|
|
|
19
20
|
return (
|
|
20
21
|
<div
|
|
21
22
|
style={{
|
|
22
|
-
border:
|
|
23
|
+
border: `${token('border.width')} solid #ccc`,
|
|
23
24
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
24
25
|
boxShadow: '0px 4px 8px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31)',
|
|
25
26
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
26
|
-
borderRadius:
|
|
27
|
+
borderRadius: token('radius.small'),
|
|
27
28
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
28
29
|
maxWidth: 320,
|
|
29
30
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-extension",
|
|
3
|
-
"version": "8.2.
|
|
3
|
+
"version": "8.2.2",
|
|
4
4
|
"description": "editor-plugin-extension plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -40,22 +40,22 @@
|
|
|
40
40
|
"@atlaskit/editor-shared-styles": "^3.6.0",
|
|
41
41
|
"@atlaskit/editor-tables": "^2.9.0",
|
|
42
42
|
"@atlaskit/empty-state": "^10.1.0",
|
|
43
|
-
"@atlaskit/form": "^
|
|
43
|
+
"@atlaskit/form": "^13.0.0",
|
|
44
44
|
"@atlaskit/heading": "^5.2.0",
|
|
45
|
-
"@atlaskit/icon": "^28.
|
|
45
|
+
"@atlaskit/icon": "^28.2.0",
|
|
46
46
|
"@atlaskit/link": "^3.2.0",
|
|
47
47
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
48
|
-
"@atlaskit/primitives": "^14.
|
|
48
|
+
"@atlaskit/primitives": "^14.15.0",
|
|
49
49
|
"@atlaskit/radio": "^8.3.0",
|
|
50
50
|
"@atlaskit/section-message": "^8.7.0",
|
|
51
|
-
"@atlaskit/select": "^21.
|
|
51
|
+
"@atlaskit/select": "^21.3.0",
|
|
52
52
|
"@atlaskit/smart-user-picker": "^8.2.0",
|
|
53
53
|
"@atlaskit/spinner": "^19.0.0",
|
|
54
54
|
"@atlaskit/tabs": "^18.1.0",
|
|
55
55
|
"@atlaskit/textarea": "^8.0.0",
|
|
56
56
|
"@atlaskit/textfield": "^8.0.0",
|
|
57
57
|
"@atlaskit/theme": "^21.0.0",
|
|
58
|
-
"@atlaskit/tmp-editor-statsig": "^12.
|
|
58
|
+
"@atlaskit/tmp-editor-statsig": "^12.26.0",
|
|
59
59
|
"@atlaskit/toggle": "^15.1.0",
|
|
60
60
|
"@atlaskit/tokens": "^6.3.0",
|
|
61
61
|
"@atlaskit/tooltip": "^20.4.0",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
"uuid": "^3.1.0"
|
|
70
70
|
},
|
|
71
71
|
"peerDependencies": {
|
|
72
|
-
"@atlaskit/editor-common": "^109.
|
|
72
|
+
"@atlaskit/editor-common": "^109.11.0",
|
|
73
73
|
"react": "^18.2.0",
|
|
74
74
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
75
75
|
},
|