@atlaskit/editor-core 216.8.2 → 216.8.3

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 (8) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/ui/EditorContentContainer/styles/syncBlockStyles.js +22 -1
  3. package/dist/cjs/version-wrapper.js +1 -1
  4. package/dist/es2019/ui/EditorContentContainer/styles/syncBlockStyles.js +27 -1
  5. package/dist/es2019/version-wrapper.js +1 -1
  6. package/dist/esm/ui/EditorContentContainer/styles/syncBlockStyles.js +23 -2
  7. package/dist/esm/version-wrapper.js +1 -1
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 216.8.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`ab4e4e442ad49`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ab4e4e442ad49) -
8
+ [ux] [EDITOR-3694] Add loading state to bodiedSyncBlock for when saving new block to BE
9
+ - Updated dependencies
10
+
3
11
  ## 216.8.2
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/ui/EditorContentContainer/styles/syncBlockStyles.js CHANGED
@@ -12,8 +12,13 @@ var _syncBlock = require("@atlaskit/editor-common/sync-block");
12
12
 
13
13
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
14
14
  var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)((0, _defineProperty2.default)({
15
+ '@property --angle': {
16
+ syntax: '"<angle>"',
17
+ initialValue: '0deg',
18
+ inherits: 'false'
19
+ },
15
20
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
16
- '.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
21
+ '.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.prefix, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
17
22
  position: 'relative',
18
23
  cursor: 'pointer',
19
24
  borderRadius: "var(--ds-radius-small, 3px)",
@@ -78,6 +83,22 @@ var syncBlockStyles = exports.syncBlockStyles = (0, _react.css)((0, _definePrope
78
83
  '&::before': {
79
84
  border: 'none'
80
85
  }
86
+ })), "&.".concat(_syncBlock.SyncBlockStateCssClassName.creationLoadingClassName), (0, _defineProperty2.default)({
87
+ animation: "".concat((0, _react.keyframes)({
88
+ from: {
89
+ '--angle': '0deg'
90
+ },
91
+ to: {
92
+ '--angle': '360deg'
93
+ }
94
+ }), " 2s linear infinite"),
95
+ border: '1px solid transparent',
96
+ background: "linear-gradient(".concat("var(--ds-surface, #FFFFFF)", ", ", "var(--ds-surface, #FFFFFF)", ") padding-box, conic-gradient(from var(--angle), #1868DB, ", "var(--ds-background-accent-purple-subtlest-pressed, #E3BDFA)", ", #3279E0, #1868DB) border-box"),
97
+ backgroundClip: 'padding-box, border-box',
98
+ boxShadow: 'none',
99
+ transition: 'boxShadow 200ms ease-in'
100
+ }, ".".concat(_syncBlock.SyncBlockLabelSharedCssClassName.labelClassName), {
101
+ display: 'none'
81
102
  })), ":has(.".concat(_syncBlock.SyncBlockSharedCssClassName.error, ")"), {
82
103
  backgroundColor: "var(--ds-background-disabled, #17171708)"
83
104
  }), ":has(.".concat(_syncBlock.SyncBlockSharedCssClassName.loading, ")"), (0, _defineProperty2.default)({
package/dist/cjs/version-wrapper.js CHANGED
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "216.8.1";
8
+ var version = exports.version = "0.0.0-development";
package/dist/es2019/ui/EditorContentContainer/styles/syncBlockStyles.js CHANGED
@@ -1,8 +1,13 @@
1
1
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
2
- import { css } from '@emotion/react';
2
+ import { css, keyframes } from '@emotion/react';
3
3
  import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/sync-block';
4
4
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
5
5
  export const syncBlockStyles = css({
6
+ '@property --angle': {
7
+ syntax: '"<angle>"',
8
+ initialValue: '0deg',
9
+ inherits: 'false'
10
+ },
6
11
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
7
12
  '.ProseMirror': {
8
13
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
@@ -93,6 +98,27 @@ export const syncBlockStyles = css({
93
98
  }
94
99
  }
95
100
  },
101
+ /* Creation loading state */
102
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
103
+ [`&.${SyncBlockStateCssClassName.creationLoadingClassName}`]: {
104
+ animation: `${keyframes({
105
+ from: {
106
+ '--angle': '0deg'
107
+ },
108
+ to: {
109
+ '--angle': '360deg'
110
+ }
111
+ })} 2s linear infinite`,
112
+ border: '1px solid transparent',
113
+ background: `linear-gradient(${"var(--ds-surface, #FFFFFF)"}, ${"var(--ds-surface, #FFFFFF)"}) padding-box, conic-gradient(from var(--angle), #1868DB, ${"var(--ds-background-accent-purple-subtlest-pressed, #E3BDFA)"}, #3279E0, #1868DB) border-box`,
114
+ backgroundClip: 'padding-box, border-box',
115
+ boxShadow: 'none',
116
+ transition: 'boxShadow 200ms ease-in',
117
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
118
+ [`.${SyncBlockLabelSharedCssClassName.labelClassName}`]: {
119
+ display: 'none'
120
+ }
121
+ },
96
122
  /* Error state */
97
123
  /* In error state sync block should have disabled background colour */
98
124
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "216.8.1";
2
+ export const version = "0.0.0-development";
package/dist/esm/ui/EditorContentContainer/styles/syncBlockStyles.js CHANGED
@@ -1,11 +1,16 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
3
- import { css } from '@emotion/react';
3
+ import { css, keyframes } from '@emotion/react';
4
4
  import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/sync-block';
5
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
6
6
  export var syncBlockStyles = css(_defineProperty({
7
+ '@property --angle': {
8
+ syntax: '"<angle>"',
9
+ initialValue: '0deg',
10
+ inherits: 'false'
11
+ },
7
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
8
- '.ProseMirror': _defineProperty(_defineProperty(_defineProperty({}, ".".concat(SyncBlockSharedCssClassName.prefix, ", .").concat(BodiedSyncBlockSharedCssClassName.prefix), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
13
+ '.ProseMirror': _defineProperty(_defineProperty(_defineProperty({}, ".".concat(SyncBlockSharedCssClassName.prefix, ", .").concat(BodiedSyncBlockSharedCssClassName.prefix), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
9
14
  position: 'relative',
10
15
  cursor: 'pointer',
11
16
  borderRadius: "var(--ds-radius-small, 3px)",
@@ -70,6 +75,22 @@ export var syncBlockStyles = css(_defineProperty({
70
75
  '&::before': {
71
76
  border: 'none'
72
77
  }
78
+ })), "&.".concat(SyncBlockStateCssClassName.creationLoadingClassName), _defineProperty({
79
+ animation: "".concat(keyframes({
80
+ from: {
81
+ '--angle': '0deg'
82
+ },
83
+ to: {
84
+ '--angle': '360deg'
85
+ }
86
+ }), " 2s linear infinite"),
87
+ border: '1px solid transparent',
88
+ background: "linear-gradient(".concat("var(--ds-surface, #FFFFFF)", ", ", "var(--ds-surface, #FFFFFF)", ") padding-box, conic-gradient(from var(--angle), #1868DB, ", "var(--ds-background-accent-purple-subtlest-pressed, #E3BDFA)", ", #3279E0, #1868DB) border-box"),
89
+ backgroundClip: 'padding-box, border-box',
90
+ boxShadow: 'none',
91
+ transition: 'boxShadow 200ms ease-in'
92
+ }, ".".concat(SyncBlockLabelSharedCssClassName.labelClassName), {
93
+ display: 'none'
73
94
  })), ":has(.".concat(SyncBlockSharedCssClassName.error, ")"), {
74
95
  backgroundColor: "var(--ds-background-disabled, #17171708)"
75
96
  }), ":has(.".concat(SyncBlockSharedCssClassName.loading, ")"), _defineProperty({
package/dist/esm/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "216.8.1";
2
+ export var version = "0.0.0-development";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "216.8.2",
3
+ "version": "216.8.3",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"