@atlaskit/editor-plugin-find-replace 2.10.0 → 2.10.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/editor-plugin-find-replace
2
2
 
3
+ ## 2.10.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
+
3
12
  ## 2.10.0
4
13
 
5
14
  ### Minor Changes
@@ -36,16 +36,18 @@ var findReplaceStyles = exports.findReplaceStyles = (0, _react.css)((0, _defineP
36
36
  var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)((_css2 = {}, (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)(_css2, ".".concat(searchMatchTextClass), {
37
37
  borderRadius: "var(--ds-space-050, 4px)",
38
38
  padding: "var(--ds-space-050, 4px)".concat(" 0"),
39
- border: "1px solid ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
39
+ 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"),
40
40
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
41
41
  color: "var(--ds-text, #172B4D)"
42
42
  }), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass), {
43
+ 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"),
43
44
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
44
45
  }), ".".concat(searchMatchTextClass, ".").concat(darkModeSearchMatchClass), {
45
- border: "1px solid ".concat("var(--ds-background-accent-yellow-bolder, #946F00)"),
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-pressed, #533F04)", "\n\t\t"),
46
47
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
47
48
  color: "var(--ds-text-inverse, #FFFFFF)"
48
49
  }), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass), {
50
+ 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"),
49
51
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
50
52
  }), ".".concat(blockSearchMatchClass), (0, _defineProperty2.default)({
51
53
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -69,7 +71,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)((_css2
69
71
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
70
72
  }
71
73
  }, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
72
- // TODO: will clean up !important later
74
+ // TODO: ED-28376 - clean up !important later
73
75
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", " !important")
74
76
  })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
75
77
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -77,7 +79,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)((_css2
77
79
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
78
80
  }
79
81
  }, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
80
- // TODO: will clean up !important later
82
+ // TODO: ED-28376 - clean up !important later
81
83
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", " !important")
82
84
  })), ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass), (0, _defineProperty2.default)({
83
85
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -112,17 +114,19 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)((_css2
112
114
  })), ".".concat(searchMatchExpandTitleClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), (0, _defineProperty2.default)({
113
115
  borderRadius: "var(--ds-space-050, 4px)",
114
116
  padding: "var(--ds-space-050, 4px)".concat(" 0"),
115
- border: "1px solid ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
117
+ 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"),
116
118
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)"
117
119
  }, ".".concat(_styles.expandClassNames.titleInput), {
118
120
  color: "var(--ds-text, #172B4D)"
119
121
  })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), {
122
+ 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"),
120
123
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
121
124
  }), ".".concat(searchMatchExpandTitleClass, ".").concat(darkModeSearchMatchClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), (0, _defineProperty2.default)({
122
- border: "1px solid ".concat("var(--ds-background-accent-yellow-bolder, #946F00)"),
125
+ 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"),
123
126
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)"
124
127
  }, ".".concat(_styles.expandClassNames.titleInput), {
125
128
  color: "var(--ds-text-inverse, #FFFFFF)"
126
129
  })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), {
130
+ 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"),
127
131
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
128
132
  })));
@@ -38,24 +38,38 @@ export const findReplaceStylesNew = css({
38
38
  [`.${searchMatchTextClass}`]: {
39
39
  borderRadius: "var(--ds-space-050, 4px)",
40
40
  padding: `${"var(--ds-space-050, 4px)"} 0`,
41
- border: `1px solid ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`,
41
+ boxShadow: `
42
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
43
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}
44
+ `,
42
45
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
43
46
  color: "var(--ds-text, #172B4D)"
44
47
  },
45
48
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
46
49
  [`.${searchMatchTextClass}.${selectedSearchMatchClass}`]: {
50
+ boxShadow: `
51
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
52
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}
53
+ `,
47
54
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
48
55
  },
49
56
  /** Dark mode */
50
57
 
51
58
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
52
59
  [`.${searchMatchTextClass}.${darkModeSearchMatchClass}`]: {
53
- border: `1px solid ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`,
60
+ boxShadow: `
61
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
62
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}
63
+ `,
54
64
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
55
65
  color: "var(--ds-text-inverse, #FFFFFF)"
56
66
  },
57
67
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
58
68
  [`.${searchMatchTextClass}.${selectedSearchMatchClass}.${darkModeSearchMatchClass}`]: {
69
+ boxShadow: `
70
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
71
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}
72
+ `,
59
73
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
60
74
  },
61
75
  /** Block match styles */
@@ -100,7 +114,7 @@ export const findReplaceStylesNew = css({
100
114
  `
101
115
  },
102
116
  [`${inlineCardSelector}, ${statusSelector}`]: {
103
- // TODO: will clean up !important later
117
+ // TODO: ED-28376 - clean up !important later
104
118
  boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"} !important`
105
119
  }
106
120
  },
@@ -114,7 +128,7 @@ export const findReplaceStylesNew = css({
114
128
  `
115
129
  },
116
130
  [`${inlineCardSelector}, ${statusSelector}`]: {
117
- // TODO: will clean up !important later
131
+ // TODO: ED-28376 - clean up !important later
118
132
  boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"} !important`
119
133
  }
120
134
  },
@@ -181,7 +195,10 @@ export const findReplaceStylesNew = css({
181
195
  [`.${searchMatchExpandTitleClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
182
196
  borderRadius: "var(--ds-space-050, 4px)",
183
197
  padding: `${"var(--ds-space-050, 4px)"} 0`,
184
- border: `1px solid ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`,
198
+ boxShadow: `
199
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
200
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}
201
+ `,
185
202
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
186
203
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
187
204
  [`.${expandClassNames.titleInput}`]: {
@@ -190,13 +207,20 @@ export const findReplaceStylesNew = css({
190
207
  },
191
208
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
192
209
  [`.${searchMatchExpandTitleClass}.${selectedSearchMatchClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
210
+ boxShadow: `
211
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
212
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}
213
+ `,
193
214
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
194
215
  },
195
216
  /** Dark mode */
196
217
 
197
218
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
198
219
  [`.${searchMatchExpandTitleClass}.${darkModeSearchMatchClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
199
- border: `1px solid ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`,
220
+ boxShadow: `
221
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
222
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}
223
+ `,
200
224
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
201
225
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
202
226
  [`.${expandClassNames.titleInput}`]: {
@@ -205,6 +229,10 @@ export const findReplaceStylesNew = css({
205
229
  },
206
230
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
207
231
  [`.${searchMatchExpandTitleClass}.${selectedSearchMatchClass}.${darkModeSearchMatchClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
232
+ boxShadow: `
233
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
234
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}
235
+ `,
208
236
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
209
237
  }
210
238
  });
@@ -31,16 +31,18 @@ export var findReplaceStyles = css(_defineProperty(_defineProperty({}, ".".conca
31
31
  export var findReplaceStylesNew = css((_css2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css2, ".".concat(searchMatchTextClass), {
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
  }), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass), {
38
+ 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"),
38
39
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
39
40
  }), ".".concat(searchMatchTextClass, ".").concat(darkModeSearchMatchClass), {
40
- border: "1px solid ".concat("var(--ds-background-accent-yellow-bolder, #946F00)"),
41
+ 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
42
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
42
43
  color: "var(--ds-text-inverse, #FFFFFF)"
43
44
  }), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass), {
45
+ 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"),
44
46
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
45
47
  }), ".".concat(blockSearchMatchClass), _defineProperty({
46
48
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -64,7 +66,7 @@ export var findReplaceStylesNew = css((_css2 = {}, _defineProperty(_defineProper
64
66
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
65
67
  }
66
68
  }, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
67
- // TODO: will clean up !important later
69
+ // TODO: ED-28376 - clean up !important later
68
70
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", " !important")
69
71
  })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
70
72
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -72,7 +74,7 @@ export var findReplaceStylesNew = css((_css2 = {}, _defineProperty(_defineProper
72
74
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
73
75
  }
74
76
  }, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
75
- // TODO: will clean up !important later
77
+ // TODO: ED-28376 - clean up !important later
76
78
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", " !important")
77
79
  })), ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass), _defineProperty({
78
80
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -107,17 +109,19 @@ export var findReplaceStylesNew = css((_css2 = {}, _defineProperty(_defineProper
107
109
  })), ".".concat(searchMatchExpandTitleClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), _defineProperty({
108
110
  borderRadius: "var(--ds-space-050, 4px)",
109
111
  padding: "var(--ds-space-050, 4px)".concat(" 0"),
110
- border: "1px solid ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
112
+ 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"),
111
113
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)"
112
114
  }, ".".concat(expandClassNames.titleInput), {
113
115
  color: "var(--ds-text, #172B4D)"
114
116
  })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), {
117
+ 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"),
115
118
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
116
119
  }), ".".concat(searchMatchExpandTitleClass, ".").concat(darkModeSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), _defineProperty({
117
- border: "1px solid ".concat("var(--ds-background-accent-yellow-bolder, #946F00)"),
120
+ 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"),
118
121
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)"
119
122
  }, ".".concat(expandClassNames.titleInput), {
120
123
  color: "var(--ds-text-inverse, #FFFFFF)"
121
124
  })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), {
125
+ 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"),
122
126
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
123
127
  })));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-find-replace",
3
- "version": "2.10.0",
3
+ "version": "2.10.1",
4
4
  "description": "find replace plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",