@atlaskit/editor-plugin-placeholder-text 4.0.0 → 5.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.
Files changed (10) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/ui/FloatingToolbar/styles.js +1 -1
  3. package/dist/cjs/ui/styles.js +3 -6
  4. package/dist/es2019/ui/FloatingToolbar/styles.js +1 -1
  5. package/dist/es2019/ui/styles.js +1 -10
  6. package/dist/esm/ui/FloatingToolbar/styles.js +1 -1
  7. package/dist/esm/ui/styles.js +3 -6
  8. package/dist/types/ui/styles.d.ts +0 -1
  9. package/dist/types-ts4.5/ui/styles.d.ts +0 -1
  10. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/editor-plugin-placeholder-text
2
2
 
3
+ ## 5.0.0
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 4.0.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [`1b0b9f3641b0f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1b0b9f3641b0f) -
14
+ [https://product-fabric.atlassian.net/browse/ED-28272](ED-28272) - cleanup
15
+ platform_editor_system_fake_text_highlight_colour FF
16
+ - [`e5001e144b74e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e5001e144b74e) -
17
+ Internal changes to how border radius is applied.
18
+ - Updated dependencies
19
+
3
20
  ## 4.0.0
4
21
 
5
22
  ### Patch Changes
package/dist/cjs/ui/FloatingToolbar/styles.js CHANGED
@@ -10,7 +10,7 @@ var _colors = require("@atlaskit/theme/colors");
10
10
 
11
11
  var container = exports.container = function container(height) {
12
12
  return (0, _react.css)({
13
- borderRadius: "var(--ds-border-radius-100, 3px)",
13
+ borderRadius: "var(--ds-radius-small, 3px)",
14
14
  boxShadow: "var(--ds-shadow-overlay, ".concat("0 12px 24px -6px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"),
15
15
  display: 'flex',
16
16
  alignItems: 'center',
package/dist/cjs/ui/styles.js CHANGED
@@ -4,17 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.placeholderTextStyles_fg_platform_editor_system_fake_text_highlight_colour = exports.placeholderTextStyles = void 0;
7
+ exports.placeholderTextStyles = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
9
  var _react = require("@emotion/react");
10
10
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
11
11
  var _colors = require("@atlaskit/theme/colors");
12
- var _templateObject, _templateObject2;
12
+ var _templateObject;
13
13
  /* eslint-disable @atlaskit/editor/no-re-export */
14
14
  // Entry file in package.json
15
15
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
16
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\tbackground-color: ", ";\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))", "var(--ds-background-selected, ".concat(_colors.B75, ")"));
18
-
19
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles,@atlaskit/design-system/no-css-tagged-template-expression
20
- var placeholderTextStyles_fg_platform_editor_system_fake_text_highlight_colour = exports.placeholderTextStyles_fg_platform_editor_system_fake_text_highlight_colour = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t.ProseMirror-fake-text-selection {\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"])));
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/FloatingToolbar/styles.js CHANGED
@@ -2,7 +2,7 @@
2
2
  import { css } from '@emotion/react';
3
3
  import { N0, N50A, N60A } from '@atlaskit/theme/colors';
4
4
  export const container = height => css({
5
- borderRadius: "var(--ds-border-radius-100, 3px)",
5
+ borderRadius: "var(--ds-radius-small, 3px)",
6
6
  boxShadow: `var(--ds-shadow-overlay, ${`0 12px 24px -6px ${N50A}, 0 0 1px ${N60A}`})`,
7
7
  display: 'flex',
8
8
  alignItems: 'center',
package/dist/es2019/ui/styles.js CHANGED
@@ -4,7 +4,7 @@
4
4
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
5
5
  import { css } from '@emotion/react';
6
6
  import { akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
7
- import { B75, N200 } from '@atlaskit/theme/colors';
7
+ import { N200 } from '@atlaskit/theme/colors';
8
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
9
  export const placeholderTextStyles = css`
10
10
  .ProseMirror span[data-placeholder] {
@@ -51,15 +51,6 @@ export const placeholderTextStyles = css`
51
51
  display: inline;
52
52
  pointer-events: none;
53
53
  position: relative;
54
- background-color: ${`var(--ds-background-selected, ${B75})`};
55
- }
56
- }
57
- `;
58
-
59
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles,@atlaskit/design-system/no-css-tagged-template-expression
60
- export const placeholderTextStyles_fg_platform_editor_system_fake_text_highlight_colour = css`
61
- .ProseMirror {
62
- .ProseMirror-fake-text-selection {
63
54
  /* Follow the system highlight colour to match native text selection */
64
55
  background-color: Highlight;
65
56
  /* We should also match the text colour to the system highlight text colour.
package/dist/esm/ui/FloatingToolbar/styles.js CHANGED
@@ -3,7 +3,7 @@ import { css } from '@emotion/react';
3
3
  import { N0, N50A, N60A } from '@atlaskit/theme/colors';
4
4
  export var container = function container(height) {
5
5
  return css({
6
- borderRadius: "var(--ds-border-radius-100, 3px)",
6
+ borderRadius: "var(--ds-radius-small, 3px)",
7
7
  boxShadow: "var(--ds-shadow-overlay, ".concat("0 12px 24px -6px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"),
8
8
  display: 'flex',
9
9
  alignItems: 'center',
package/dist/esm/ui/styles.js CHANGED
@@ -1,14 +1,11 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2;
2
+ var _templateObject;
3
3
  /* eslint-disable @atlaskit/editor/no-re-export */
4
4
  // Entry file in package.json
5
5
 
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { css } from '@emotion/react';
8
8
  import { akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
9
- import { B75, N200 } from '@atlaskit/theme/colors';
9
+ import { N200 } from '@atlaskit/theme/colors';
10
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\tbackground-color: ", ";\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))", "var(--ds-background-selected, ".concat(B75, ")"));
12
-
13
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles,@atlaskit/design-system/no-css-tagged-template-expression
14
- export var placeholderTextStyles_fg_platform_editor_system_fake_text_highlight_colour = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t.ProseMirror-fake-text-selection {\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"])));
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))");
package/dist/types/ui/styles.d.ts CHANGED
@@ -1,2 +1 @@
1
1
  export declare const placeholderTextStyles: import("@emotion/react").SerializedStyles;
2
- export declare const placeholderTextStyles_fg_platform_editor_system_fake_text_highlight_colour: import("@emotion/react").SerializedStyles;
package/dist/types-ts4.5/ui/styles.d.ts CHANGED
@@ -1,2 +1 @@
1
1
  export declare const placeholderTextStyles: import("@emotion/react").SerializedStyles;
2
- export declare const placeholderTextStyles_fg_platform_editor_system_fake_text_highlight_colour: import("@emotion/react").SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-placeholder-text",
3
- "version": "4.0.0",
3
+ "version": "5.0.0",
4
4
  "description": "placeholder text plugin for @atlaskit/editor-core",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -27,19 +27,19 @@
27
27
  }
28
28
  },
29
29
  "dependencies": {
30
- "@atlaskit/adf-schema": "^50.2.3",
31
- "@atlaskit/editor-plugin-analytics": "^4.0.0",
32
- "@atlaskit/editor-plugin-type-ahead": "^4.0.0",
30
+ "@atlaskit/adf-schema": "^51.0.0",
31
+ "@atlaskit/editor-plugin-analytics": "^5.0.0",
32
+ "@atlaskit/editor-plugin-type-ahead": "^5.0.0",
33
33
  "@atlaskit/editor-prosemirror": "7.0.0",
34
34
  "@atlaskit/editor-shared-styles": "^3.6.0",
35
35
  "@atlaskit/icon": "^28.1.0",
36
36
  "@atlaskit/theme": "^20.0.0",
37
- "@atlaskit/tokens": "^6.1.0",
37
+ "@atlaskit/tokens": "^6.3.0",
38
38
  "@babel/runtime": "^7.0.0",
39
39
  "@emotion/react": "^11.7.1"
40
40
  },
41
41
  "peerDependencies": {
42
- "@atlaskit/editor-common": "^108.0.0",
42
+ "@atlaskit/editor-common": "^109.0.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": "^6.0.0",
50
+ "@atlaskit/editor-plugin-floating-toolbar": "^7.0.0",
51
51
  "@atlaskit/ssr": "workspace:^",
52
52
  "@testing-library/react": "^13.4.0",
53
53
  "wait-for-expect": "^1.2.0"