@atlaskit/editor-core 208.4.1 → 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 (11) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +2 -1
  3. package/dist/cjs/ui/EditorContentContainer/styles/findReplaceStyles.js +61 -6
  4. package/dist/cjs/version-wrapper.js +1 -1
  5. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +2 -1
  6. package/dist/es2019/ui/EditorContentContainer/styles/findReplaceStyles.js +85 -6
  7. package/dist/es2019/version-wrapper.js +1 -1
  8. package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +2 -1
  9. package/dist/esm/ui/EditorContentContainer/styles/findReplaceStyles.js +61 -6
  10. package/dist/esm/version-wrapper.js +1 -1
  11. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,28 @@
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
+
13
+ ## 208.5.0
14
+
15
+ ### Minor Changes
16
+
17
+ - [#175370](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175370)
18
+ [`fb5f9531ef9d8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fb5f9531ef9d8) -
19
+ [ux] [ED-27956] this PR is adding support for Find with expand titles and updating the search
20
+ match styles behind the experiment `platform_editor_find_and_replace_improvements`
21
+
22
+ ### Patch Changes
23
+
24
+ - Updated dependencies
25
+
3
26
  ## 208.4.1
4
27
 
5
28
  ### Patch Changes
package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -10,6 +10,7 @@ var _react2 = require("@emotion/react");
10
10
  var _browser = require("@atlaskit/editor-common/browser");
11
11
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
12
12
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
+ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
13
14
  var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
14
15
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
15
16
  var _tokens = require("@atlaskit/tokens");
@@ -186,7 +187,7 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
186
187
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
187
188
  _expandStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes,
188
189
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
189
- (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _expandStyles.expandStylesMixin_fg_platform_visual_refresh_icons, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
190
+ (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _expandStyles.expandStylesMixin_fg_platform_visual_refresh_icons, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
190
191
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
191
192
  _findReplaceStyles.findReplaceStylesNew :
192
193
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/cjs/ui/EditorContentContainer/styles/findReplaceStyles.js CHANGED
@@ -24,15 +24,34 @@ var findReplaceStyles = exports.findReplaceStyles = (0, _react.css)({
24
24
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
25
25
  var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
26
26
  /** Text match styles */
27
+
28
+ /** Light mode */
29
+
27
30
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
28
- '.search-match': {
29
- borderRadius: '3px',
30
- backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
31
- boxShadow: "var(--ds-shadow-raised, 0 1px 1px 0 rgba(9, 30, 66, 0.25), 0 0 1px 0 rgba(9, 30, 66, 0.31))".concat(", inset 0 0 0 1px ", "var(--ds-border-input, #8590A2)")
31
+ '.search-match-text': {
32
+ borderRadius: "var(--ds-space-050, 4px)",
33
+ padding: "var(--ds-space-050, 4px)".concat(" 0"),
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
+ backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
36
+ color: "var(--ds-text, #172B4D)"
32
37
  },
33
38
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
34
- '.search-match-selected': {
35
- backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
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"),
41
+ backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
42
+ },
43
+ /** Dark mode */
44
+
45
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
46
+ '.search-match-text.search-match-dark': {
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"),
48
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
49
+ color: "var(--ds-text-inverse, #FFFFFF)"
50
+ },
51
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
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"),
54
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
36
55
  },
37
56
  /** Block match styles */
38
57
 
@@ -138,5 +157,41 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
138
157
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
139
158
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)", " !important")
140
159
  }
160
+ },
161
+ /** Expand title match styles */
162
+
163
+ /** Light mode */
164
+
165
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
166
+ '.search-match-expand-title > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
167
+ borderRadius: "var(--ds-space-050, 4px)",
168
+ padding: "var(--ds-space-050, 4px)".concat(" 0"),
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"),
170
+ backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
171
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
172
+ '.ak-editor-expand__title-input': {
173
+ color: "var(--ds-text, #172B4D)"
174
+ }
175
+ },
176
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
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"),
179
+ backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
180
+ },
181
+ /** Dark mode */
182
+
183
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
184
+ '.search-match-expand-title.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
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"),
186
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
187
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
188
+ '.ak-editor-expand__title-input': {
189
+ color: "var(--ds-text-inverse, #FFFFFF)"
190
+ }
191
+ },
192
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
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"),
195
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
141
196
  }
142
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.0";
8
+ var version = exports.version = "208.5.0";
package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -11,6 +11,7 @@ import { jsx, useTheme } from '@emotion/react';
11
11
  import { browser } from '@atlaskit/editor-common/browser';
12
12
  import { akEditorGutterPaddingDynamic, editorFontSize } from '@atlaskit/editor-shared-styles';
13
13
  import { fg } from '@atlaskit/platform-feature-flags';
14
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
14
15
  import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
15
16
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
16
17
  import { useThemeObserver } from '@atlaskit/tokens';
@@ -181,7 +182,7 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
181
182
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
182
183
  expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes,
183
184
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
184
- fg('platform-visual-refresh-icons') && expandStylesMixin_fg_platform_visual_refresh_icons, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
185
+ fg('platform-visual-refresh-icons') && expandStylesMixin_fg_platform_visual_refresh_icons, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
185
186
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
186
187
  findReplaceStylesNew :
187
188
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/es2019/ui/EditorContentContainer/styles/findReplaceStyles.js CHANGED
@@ -17,15 +17,46 @@ export const findReplaceStyles = css({
17
17
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
18
18
  export const findReplaceStylesNew = css({
19
19
  /** Text match styles */
20
+
21
+ /** Light mode */
22
+
20
23
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
21
- '.search-match': {
22
- borderRadius: '3px',
23
- backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
24
- boxShadow: `${"var(--ds-shadow-raised, 0 1px 1px 0 rgba(9, 30, 66, 0.25), 0 0 1px 0 rgba(9, 30, 66, 0.31))"}, inset 0 0 0 1px ${"var(--ds-border-input, #8590A2)"}`
24
+ '.search-match-text': {
25
+ borderRadius: "var(--ds-space-050, 4px)",
26
+ padding: `${"var(--ds-space-050, 4px)"} 0`,
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
+ `,
31
+ backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
32
+ color: "var(--ds-text, #172B4D)"
25
33
  },
26
34
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
27
- '.search-match-selected': {
28
- backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
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
+ `,
40
+ backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
41
+ },
42
+ /** Dark mode */
43
+
44
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
45
+ '.search-match-text.search-match-dark': {
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
+ `,
50
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
51
+ color: "var(--ds-text-inverse, #FFFFFF)"
52
+ },
53
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
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
+ `,
59
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
29
60
  },
30
61
  /** Block match styles */
31
62
 
@@ -159,5 +190,53 @@ export const findReplaceStylesNew = css({
159
190
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
160
191
  boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"} !important`
161
192
  }
193
+ },
194
+ /** Expand title match styles */
195
+
196
+ /** Light mode */
197
+
198
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
199
+ '.search-match-expand-title > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
200
+ borderRadius: "var(--ds-space-050, 4px)",
201
+ padding: `${"var(--ds-space-050, 4px)"} 0`,
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
+ `,
206
+ backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
207
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
208
+ '.ak-editor-expand__title-input': {
209
+ color: "var(--ds-text, #172B4D)"
210
+ }
211
+ },
212
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
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
+ `,
218
+ backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
219
+ },
220
+ /** Dark mode */
221
+
222
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
223
+ '.search-match-expand-title.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
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
+ `,
228
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
229
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
230
+ '.ak-editor-expand__title-input': {
231
+ color: "var(--ds-text-inverse, #FFFFFF)"
232
+ }
233
+ },
234
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
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
+ `,
240
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
162
241
  }
163
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.0";
2
+ export const version = "208.5.0";
package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js CHANGED
@@ -11,6 +11,7 @@ import { jsx, useTheme } from '@emotion/react';
11
11
  import { browser } from '@atlaskit/editor-common/browser';
12
12
  import { akEditorGutterPaddingDynamic, editorFontSize } from '@atlaskit/editor-shared-styles';
13
13
  import { fg } from '@atlaskit/platform-feature-flags';
14
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
14
15
  import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
15
16
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
16
17
  import { useThemeObserver } from '@atlaskit/tokens';
@@ -178,7 +179,7 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
178
179
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
179
180
  expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes,
180
181
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
181
- fg('platform-visual-refresh-icons') && expandStylesMixin_fg_platform_visual_refresh_icons, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
182
+ fg('platform-visual-refresh-icons') && expandStylesMixin_fg_platform_visual_refresh_icons, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
182
183
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
183
184
  findReplaceStylesNew :
184
185
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
package/dist/esm/ui/EditorContentContainer/styles/findReplaceStyles.js CHANGED
@@ -17,15 +17,34 @@ export var findReplaceStyles = css({
17
17
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
18
18
  export var findReplaceStylesNew = css({
19
19
  /** Text match styles */
20
+
21
+ /** Light mode */
22
+
20
23
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
21
- '.search-match': {
22
- borderRadius: '3px',
23
- backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
24
- boxShadow: "var(--ds-shadow-raised, 0 1px 1px 0 rgba(9, 30, 66, 0.25), 0 0 1px 0 rgba(9, 30, 66, 0.31))".concat(", inset 0 0 0 1px ", "var(--ds-border-input, #8590A2)")
24
+ '.search-match-text': {
25
+ borderRadius: "var(--ds-space-050, 4px)",
26
+ padding: "var(--ds-space-050, 4px)".concat(" 0"),
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
+ backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
29
+ color: "var(--ds-text, #172B4D)"
25
30
  },
26
31
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
27
- '.search-match-selected': {
28
- backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
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"),
34
+ backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
35
+ },
36
+ /** Dark mode */
37
+
38
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
39
+ '.search-match-text.search-match-dark': {
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"),
41
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
42
+ color: "var(--ds-text-inverse, #FFFFFF)"
43
+ },
44
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
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"),
47
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
29
48
  },
30
49
  /** Block match styles */
31
50
 
@@ -131,5 +150,41 @@ export var findReplaceStylesNew = css({
131
150
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
132
151
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)", " !important")
133
152
  }
153
+ },
154
+ /** Expand title match styles */
155
+
156
+ /** Light mode */
157
+
158
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
159
+ '.search-match-expand-title > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
160
+ borderRadius: "var(--ds-space-050, 4px)",
161
+ padding: "var(--ds-space-050, 4px)".concat(" 0"),
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"),
163
+ backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
164
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
165
+ '.ak-editor-expand__title-input': {
166
+ color: "var(--ds-text, #172B4D)"
167
+ }
168
+ },
169
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
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"),
172
+ backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
173
+ },
174
+ /** Dark mode */
175
+
176
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
177
+ '.search-match-expand-title.search-match-dark > .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-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t"),
179
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
180
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
181
+ '.ak-editor-expand__title-input': {
182
+ color: "var(--ds-text-inverse, #FFFFFF)"
183
+ }
184
+ },
185
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
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"),
188
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
134
189
  }
135
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.0";
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.4.1",
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/"
@@ -51,7 +51,7 @@
51
51
  "@atlaskit/editor-performance-metrics": "^2.1.0",
52
52
  "@atlaskit/editor-plugin-quick-insert": "^2.6.0",
53
53
  "@atlaskit/editor-plugin-user-preferences": "^0.2.0",
54
- "@atlaskit/editor-plugins": "^9.3.0",
54
+ "@atlaskit/editor-plugins": "^9.4.0",
55
55
  "@atlaskit/editor-prosemirror": "7.0.0",
56
56
  "@atlaskit/editor-shared-styles": "^3.4.0",
57
57
  "@atlaskit/emoji": "^69.3.0",
@@ -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:^",