@atlaskit/editor-plugin-placeholder-text 5.3.0 → 7.0.0
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 +17 -0
- package/package.json +7 -7
- package/dist/cjs/ui/styles.js +0 -17
- package/dist/es2019/ui/styles.js +0 -61
- package/dist/esm/ui/styles.js +0 -11
- package/dist/types/ui/styles.d.ts +0 -1
- package/dist/types-ts4.5/ui/styles.d.ts +0 -1
- package/styles/package.json +0 -17
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-placeholder-text
|
|
2
2
|
|
|
3
|
+
## 7.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [`be54c7e850cd3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/be54c7e850cd3) -
|
|
8
|
+
remove unused deprecated styles used to be consumed in editor content styles
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
14
|
+
## 6.0.0
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 5.3.0
|
|
4
21
|
|
|
5
22
|
### Minor Changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-placeholder-text",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "7.0.0",
|
|
4
4
|
"description": "placeholder text plugin for @atlaskit/editor-core",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -28,18 +28,18 @@
|
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@atlaskit/adf-schema": "^51.2.0",
|
|
31
|
-
"@atlaskit/editor-plugin-analytics": "^
|
|
32
|
-
"@atlaskit/editor-plugin-type-ahead": "^
|
|
31
|
+
"@atlaskit/editor-plugin-analytics": "^6.1.0",
|
|
32
|
+
"@atlaskit/editor-plugin-type-ahead": "^6.3.0",
|
|
33
33
|
"@atlaskit/editor-prosemirror": "7.0.0",
|
|
34
34
|
"@atlaskit/editor-shared-styles": "^3.6.0",
|
|
35
|
-
"@atlaskit/icon": "^28.
|
|
35
|
+
"@atlaskit/icon": "^28.5.0",
|
|
36
36
|
"@atlaskit/theme": "^21.0.0",
|
|
37
|
-
"@atlaskit/tokens": "^6.
|
|
37
|
+
"@atlaskit/tokens": "^6.4.0",
|
|
38
38
|
"@babel/runtime": "^7.0.0",
|
|
39
39
|
"@emotion/react": "^11.7.1"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
|
-
"@atlaskit/editor-common": "^
|
|
42
|
+
"@atlaskit/editor-common": "^110.9.0",
|
|
43
43
|
"react": "^18.2.0",
|
|
44
44
|
"react-dom": "^18.2.0",
|
|
45
45
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@af/visual-regression": "workspace:^",
|
|
49
49
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
50
|
-
"@atlaskit/editor-plugin-floating-toolbar": "^
|
|
50
|
+
"@atlaskit/editor-plugin-floating-toolbar": "^8.2.0",
|
|
51
51
|
"@atlaskit/ssr": "workspace:^",
|
|
52
52
|
"@testing-library/react": "^13.4.0",
|
|
53
53
|
"wait-for-expect": "^1.2.0"
|
package/dist/cjs/ui/styles.js
DELETED
|
@@ -1,17 +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.placeholderTextStyles = void 0;
|
|
8
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
|
-
var _react = require("@emotion/react");
|
|
10
|
-
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
11
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
12
|
-
var _templateObject;
|
|
13
|
-
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
14
|
-
// Entry file in package.json
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
16
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
17
|
-
var placeholderTextStyles = exports.placeholderTextStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror span[data-placeholder] {\n\t\tcolor: ", ";\n\t\tdisplay: inline;\n\t}\n\n\t.ProseMirror span.pm-placeholder {\n\t\tdisplay: inline;\n\t\tcolor: ", ";\n\t}\n\t.ProseMirror span.pm-placeholder__text {\n\t\tdisplay: inline;\n\t\tcolor: ", ";\n\t}\n\n\t.ProseMirror span.pm-placeholder.", " {\n\t\t", "\n\t}\n\n\t.ProseMirror span.pm-placeholder__text[data-placeholder]::after {\n\t\tcolor: ", ";\n\t\tcursor: text;\n\t\tcontent: attr(data-placeholder);\n\t\tdisplay: inline;\n\t}\n\n\t.ProseMirror {\n\t\t.ProseMirror-fake-text-cursor {\n\t\t\tdisplay: inline;\n\t\t\tpointer-events: none;\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.ProseMirror-fake-text-cursor::after {\n\t\t\tcontent: '';\n\t\t\tdisplay: inline;\n\t\t\ttop: 0;\n\t\t\tposition: absolute;\n\t\t\tborder-right: 1px solid ", ";\n\t\t}\n\n\t\t.ProseMirror-fake-text-selection {\n\t\t\tdisplay: inline;\n\t\t\tpointer-events: none;\n\t\t\tposition: relative;\n\t\t\t/* Follow the system highlight colour to match native text selection */\n\t\t\tbackground-color: Highlight;\n\t\t\t/* We should also match the text colour to the system highlight text colour.\n\t\t\t That way if the system highlight background is dark, the text will still be readable. */\n\t\t\tcolor: HighlightText;\n\t\t}\n\t}\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Background]), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-border, rgba(0, 0, 0, 0.4))");
|
package/dist/es2019/ui/styles.js
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
|
-
// Entry file in package.json
|
|
3
|
-
|
|
4
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
5
|
-
import { css } from '@emotion/react';
|
|
6
|
-
import { akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
|
|
7
|
-
import { N200 } from '@atlaskit/theme/colors';
|
|
8
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
9
|
-
export const placeholderTextStyles = css`
|
|
10
|
-
.ProseMirror span[data-placeholder] {
|
|
11
|
-
color: ${`var(--ds-text-subtlest, ${N200})`};
|
|
12
|
-
display: inline;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.ProseMirror span.pm-placeholder {
|
|
16
|
-
display: inline;
|
|
17
|
-
color: ${`var(--ds-text-subtlest, ${N200})`};
|
|
18
|
-
}
|
|
19
|
-
.ProseMirror span.pm-placeholder__text {
|
|
20
|
-
display: inline;
|
|
21
|
-
color: ${`var(--ds-text-subtlest, ${N200})`};
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.ProseMirror span.pm-placeholder.${akEditorSelectedNodeClassName} {
|
|
25
|
-
${getSelectionStyles([SelectionStyle.Background])}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.ProseMirror span.pm-placeholder__text[data-placeholder]::after {
|
|
29
|
-
color: ${`var(--ds-text-subtlest, ${N200})`};
|
|
30
|
-
cursor: text;
|
|
31
|
-
content: attr(data-placeholder);
|
|
32
|
-
display: inline;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.ProseMirror {
|
|
36
|
-
.ProseMirror-fake-text-cursor {
|
|
37
|
-
display: inline;
|
|
38
|
-
pointer-events: none;
|
|
39
|
-
position: relative;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.ProseMirror-fake-text-cursor::after {
|
|
43
|
-
content: '';
|
|
44
|
-
display: inline;
|
|
45
|
-
top: 0;
|
|
46
|
-
position: absolute;
|
|
47
|
-
border-right: 1px solid ${"var(--ds-border, rgba(0, 0, 0, 0.4))"};
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.ProseMirror-fake-text-selection {
|
|
51
|
-
display: inline;
|
|
52
|
-
pointer-events: none;
|
|
53
|
-
position: relative;
|
|
54
|
-
/* Follow the system highlight colour to match native text selection */
|
|
55
|
-
background-color: Highlight;
|
|
56
|
-
/* We should also match the text colour to the system highlight text colour.
|
|
57
|
-
That way if the system highlight background is dark, the text will still be readable. */
|
|
58
|
-
color: HighlightText;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
`;
|
package/dist/esm/ui/styles.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject;
|
|
3
|
-
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
4
|
-
// Entry file in package.json
|
|
5
|
-
|
|
6
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
7
|
-
import { css } from '@emotion/react';
|
|
8
|
-
import { akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
|
|
9
|
-
import { N200 } from '@atlaskit/theme/colors';
|
|
10
|
-
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
11
|
-
export var placeholderTextStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.ProseMirror span[data-placeholder] {\n\t\tcolor: ", ";\n\t\tdisplay: inline;\n\t}\n\n\t.ProseMirror span.pm-placeholder {\n\t\tdisplay: inline;\n\t\tcolor: ", ";\n\t}\n\t.ProseMirror span.pm-placeholder__text {\n\t\tdisplay: inline;\n\t\tcolor: ", ";\n\t}\n\n\t.ProseMirror span.pm-placeholder.", " {\n\t\t", "\n\t}\n\n\t.ProseMirror span.pm-placeholder__text[data-placeholder]::after {\n\t\tcolor: ", ";\n\t\tcursor: text;\n\t\tcontent: attr(data-placeholder);\n\t\tdisplay: inline;\n\t}\n\n\t.ProseMirror {\n\t\t.ProseMirror-fake-text-cursor {\n\t\t\tdisplay: inline;\n\t\t\tpointer-events: none;\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.ProseMirror-fake-text-cursor::after {\n\t\t\tcontent: '';\n\t\t\tdisplay: inline;\n\t\t\ttop: 0;\n\t\t\tposition: absolute;\n\t\t\tborder-right: 1px solid ", ";\n\t\t}\n\n\t\t.ProseMirror-fake-text-selection {\n\t\t\tdisplay: inline;\n\t\t\tpointer-events: none;\n\t\t\tposition: relative;\n\t\t\t/* Follow the system highlight colour to match native text selection */\n\t\t\tbackground-color: Highlight;\n\t\t\t/* We should also match the text colour to the system highlight text colour.\n\t\t\t That way if the system highlight background is dark, the text will still be readable. */\n\t\t\tcolor: HighlightText;\n\t\t}\n\t}\n"])), "var(--ds-text-subtlest, ".concat(N200, ")"), "var(--ds-text-subtlest, ".concat(N200, ")"), "var(--ds-text-subtlest, ".concat(N200, ")"), akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.Background]), "var(--ds-text-subtlest, ".concat(N200, ")"), "var(--ds-border, rgba(0, 0, 0, 0.4))");
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const placeholderTextStyles: import("@emotion/react").SerializedStyles;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const placeholderTextStyles: import("@emotion/react").SerializedStyles;
|
package/styles/package.json
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@atlaskit/editor-plugin-placeholder-text/styles",
|
|
3
|
-
"main": "../dist/cjs/ui/styles.js",
|
|
4
|
-
"module": "../dist/esm/ui/styles.js",
|
|
5
|
-
"module:es2019": "../dist/es2019/ui/styles.js",
|
|
6
|
-
"sideEffects": [
|
|
7
|
-
"*.compiled.css"
|
|
8
|
-
],
|
|
9
|
-
"types": "../dist/types/ui/styles.d.ts",
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../dist/types-ts4.5/ui/styles.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
}
|