@atlaskit/editor-core 208.5.0 → 208.5.1

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 +10 -0
  2. package/dist/cjs/ui/EditorContentContainer/styles/findReplaceStyles.js +8 -4
  3. package/dist/cjs/version-wrapper.js +1 -1
  4. package/dist/es2019/ui/EditorContentContainer/styles/findReplaceStyles.js +32 -4
  5. package/dist/es2019/version-wrapper.js +1 -1
  6. package/dist/esm/ui/EditorContentContainer/styles/findReplaceStyles.js +8 -4
  7. package/dist/esm/version-wrapper.js +1 -1
  8. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 208.5.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#177994](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/177994)
8
+ [`f19d2fadee3a8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f19d2fadee3a8) -
9
+ [ux] [ED-28377] convert borders to boxShadows to prevent a layout shift while Finding with the
10
+ platform_editor_find_and_replace_improvements experiment
11
+ - Updated dependencies
12
+
3
13
  ## 208.5.0
4
14
 
5
15
  ### Minor Changes
package/dist/cjs/ui/EditorContentContainer/styles/findReplaceStyles.js CHANGED
@@ -31,24 +31,26 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
31
31
  '.search-match-text': {
32
32
  borderRadius: "var(--ds-space-050, 4px)",
33
33
  padding: "var(--ds-space-050, 4px)".concat(" 0"),
34
- border: "1px solid ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
34
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", "\n\t\t"),
35
35
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
36
36
  color: "var(--ds-text, #172B4D)"
37
37
  },
38
38
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
39
39
  '.search-match-text.selected-search-match': {
40
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", "\n\t\t"),
40
41
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
41
42
  },
42
43
  /** Dark mode */
43
44
 
44
45
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
45
46
  '.search-match-text.search-match-dark': {
46
- border: "1px solid ".concat("var(--ds-background-accent-yellow-bolder, #946F00)"),
47
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t"),
47
48
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
48
49
  color: "var(--ds-text-inverse, #FFFFFF)"
49
50
  },
50
51
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
51
52
  '.search-match-text.selected-search-match.search-match-dark': {
53
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "\n\t\t"),
52
54
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
53
55
  },
54
56
  /** Block match styles */
@@ -164,7 +166,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
164
166
  '.search-match-expand-title > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
165
167
  borderRadius: "var(--ds-space-050, 4px)",
166
168
  padding: "var(--ds-space-050, 4px)".concat(" 0"),
167
- border: "1px solid ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
169
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", "\n\t\t"),
168
170
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
169
171
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
170
172
  '.ak-editor-expand__title-input': {
@@ -173,13 +175,14 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
173
175
  },
174
176
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
175
177
  '.search-match-expand-title.selected-search-match > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
178
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", "\n\t\t"),
176
179
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
177
180
  },
178
181
  /** Dark mode */
179
182
 
180
183
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
181
184
  '.search-match-expand-title.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
182
- border: "1px solid ".concat("var(--ds-background-accent-yellow-bolder, #946F00)"),
185
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t"),
183
186
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
184
187
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
185
188
  '.ak-editor-expand__title-input': {
@@ -188,6 +191,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
188
191
  },
189
192
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
190
193
  '.search-match-expand-title.selected-search-match.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
194
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "\n\t\t"),
191
195
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
192
196
  }
193
197
  });
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 = "208.4.1";
8
+ var version = exports.version = "208.5.0";
package/dist/es2019/ui/EditorContentContainer/styles/findReplaceStyles.js CHANGED
@@ -24,24 +24,38 @@ export const findReplaceStylesNew = css({
24
24
  '.search-match-text': {
25
25
  borderRadius: "var(--ds-space-050, 4px)",
26
26
  padding: `${"var(--ds-space-050, 4px)"} 0`,
27
- border: `1px solid ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`,
27
+ boxShadow: `
28
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
29
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}
30
+ `,
28
31
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
29
32
  color: "var(--ds-text, #172B4D)"
30
33
  },
31
34
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
32
35
  '.search-match-text.selected-search-match': {
36
+ boxShadow: `
37
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
38
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}
39
+ `,
33
40
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
34
41
  },
35
42
  /** Dark mode */
36
43
 
37
44
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
38
45
  '.search-match-text.search-match-dark': {
39
- border: `1px solid ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`,
46
+ boxShadow: `
47
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
48
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}
49
+ `,
40
50
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
41
51
  color: "var(--ds-text-inverse, #FFFFFF)"
42
52
  },
43
53
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
44
54
  '.search-match-text.selected-search-match.search-match-dark': {
55
+ boxShadow: `
56
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
57
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}
58
+ `,
45
59
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
46
60
  },
47
61
  /** Block match styles */
@@ -185,7 +199,10 @@ export const findReplaceStylesNew = css({
185
199
  '.search-match-expand-title > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
186
200
  borderRadius: "var(--ds-space-050, 4px)",
187
201
  padding: `${"var(--ds-space-050, 4px)"} 0`,
188
- border: `1px solid ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`,
202
+ boxShadow: `
203
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
204
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}
205
+ `,
189
206
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
190
207
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
191
208
  '.ak-editor-expand__title-input': {
@@ -194,13 +211,20 @@ export const findReplaceStylesNew = css({
194
211
  },
195
212
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
196
213
  '.search-match-expand-title.selected-search-match > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
214
+ boxShadow: `
215
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
216
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}
217
+ `,
197
218
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
198
219
  },
199
220
  /** Dark mode */
200
221
 
201
222
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
202
223
  '.search-match-expand-title.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
203
- border: `1px solid ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`,
224
+ boxShadow: `
225
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
226
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}
227
+ `,
204
228
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
205
229
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
206
230
  '.ak-editor-expand__title-input': {
@@ -209,6 +233,10 @@ export const findReplaceStylesNew = css({
209
233
  },
210
234
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
211
235
  '.search-match-expand-title.selected-search-match.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
236
+ boxShadow: `
237
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
238
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}
239
+ `,
212
240
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
213
241
  }
214
242
  });
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "208.4.1";
2
+ export const version = "208.5.0";
package/dist/esm/ui/EditorContentContainer/styles/findReplaceStyles.js CHANGED
@@ -24,24 +24,26 @@ export var findReplaceStylesNew = css({
24
24
  '.search-match-text': {
25
25
  borderRadius: "var(--ds-space-050, 4px)",
26
26
  padding: "var(--ds-space-050, 4px)".concat(" 0"),
27
- border: "1px solid ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
27
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", "\n\t\t"),
28
28
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
29
29
  color: "var(--ds-text, #172B4D)"
30
30
  },
31
31
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
32
32
  '.search-match-text.selected-search-match': {
33
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", "\n\t\t"),
33
34
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
34
35
  },
35
36
  /** Dark mode */
36
37
 
37
38
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
38
39
  '.search-match-text.search-match-dark': {
39
- border: "1px solid ".concat("var(--ds-background-accent-yellow-bolder, #946F00)"),
40
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t"),
40
41
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
41
42
  color: "var(--ds-text-inverse, #FFFFFF)"
42
43
  },
43
44
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
44
45
  '.search-match-text.selected-search-match.search-match-dark': {
46
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "\n\t\t"),
45
47
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
46
48
  },
47
49
  /** Block match styles */
@@ -157,7 +159,7 @@ export var findReplaceStylesNew = css({
157
159
  '.search-match-expand-title > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
158
160
  borderRadius: "var(--ds-space-050, 4px)",
159
161
  padding: "var(--ds-space-050, 4px)".concat(" 0"),
160
- border: "1px solid ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
162
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", "\n\t\t"),
161
163
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
162
164
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
163
165
  '.ak-editor-expand__title-input': {
@@ -166,13 +168,14 @@ export var findReplaceStylesNew = css({
166
168
  },
167
169
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
168
170
  '.search-match-expand-title.selected-search-match > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
171
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", "\n\t\t"),
169
172
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
170
173
  },
171
174
  /** Dark mode */
172
175
 
173
176
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
174
177
  '.search-match-expand-title.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
175
- border: "1px solid ".concat("var(--ds-background-accent-yellow-bolder, #946F00)"),
178
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t"),
176
179
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
177
180
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
178
181
  '.ak-editor-expand__title-input': {
@@ -181,6 +184,7 @@ export var findReplaceStylesNew = css({
181
184
  },
182
185
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
183
186
  '.search-match-expand-title.selected-search-match.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
187
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "\n\t\t"),
184
188
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
185
189
  }
186
190
  });
package/dist/esm/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "208.4.1";
2
+ export var version = "208.5.0";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "208.5.0",
3
+ "version": "208.5.1",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -103,7 +103,7 @@
103
103
  "@atlaskit/media-test-helpers": "^37.0.0",
104
104
  "@atlaskit/modal-dialog": "^14.2.0",
105
105
  "@atlaskit/primitives": "^14.9.0",
106
- "@atlaskit/renderer": "^119.0.0",
106
+ "@atlaskit/renderer": "^119.1.0",
107
107
  "@atlaskit/section-message": "^8.2.0",
108
108
  "@atlaskit/smart-card": "^38.16.0",
109
109
  "@atlaskit/synchrony-test-helpers": "workspace:^",