@atlaskit/editor-plugin-find-replace 2.10.0 → 2.10.2

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 (7) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/ui/styles.js +19 -19
  3. package/dist/es2019/ui/styles.js +43 -19
  4. package/dist/esm/ui/styles.js +19 -19
  5. package/dist/types/pm-plugins/utils/index.d.ts +2 -2
  6. package/dist/types-ts4.5/pm-plugins/utils/index.d.ts +2 -2
  7. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/editor-plugin-find-replace
2
2
 
3
+ ## 2.10.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#178265](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178265)
8
+ [`4a9fa08952bfe`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4a9fa08952bfe) -
9
+ [ux] ED-28379 fix styles for date match in find and replace
10
+ - Updated dependencies
11
+
12
+ ## 2.10.1
13
+
14
+ ### Patch Changes
15
+
16
+ - [#177994](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/177994)
17
+ [`f19d2fadee3a8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f19d2fadee3a8) -
18
+ [ux] [ED-28377] convert borders to boxShadows to prevent a layout shift while Finding with the
19
+ platform_editor_find_and_replace_improvements experiment
20
+
3
21
  ## 2.10.0
4
22
 
5
23
  ### Minor Changes
package/dist/cjs/ui/styles.js CHANGED
@@ -25,7 +25,7 @@ var searchMatchExpandTitleClass = exports.searchMatchExpandTitleClass = 'search-
25
25
  var inlineCardSelector = '.loader-wrapper>a';
26
26
  var statusSelector = '.lozenge-wrapper';
27
27
  var mentionSelector = '.editor-mention-primitive';
28
- var dateSelector = '.date-lozenger-container';
28
+ var dateSelector = '.date-lozenger-container>span';
29
29
  var findReplaceStyles = exports.findReplaceStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(searchMatchClass), {
30
30
  borderRadius: '3px',
31
31
  backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
@@ -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
@@ -53,31 +55,29 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)((_css2
53
55
  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\t")
54
56
  }
55
57
  }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
56
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
57
- borderRadius: '3px'
58
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)")
58
59
  })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass), (0, _defineProperty2.default)({
59
60
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
60
61
  '[data-smart-link-container="true"], .loader-wrapper>div::after': {
61
62
  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\t")
62
63
  }
63
64
  }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
64
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
65
- borderRadius: '3px'
65
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)")
66
66
  })), ".".concat(blockSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
67
67
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
68
68
  '.loader-wrapper>div::after': {
69
69
  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
70
  }
71
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
72
- // TODO: will clean up !important later
71
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
72
+ // TODO: ED-28376 - will clean up !important later
73
73
  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
74
  })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
75
75
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
76
76
  '[data-smart-link-container="true"], .loader-wrapper>div::after': {
77
77
  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
78
  }
79
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
80
- // TODO: will clean up !important later
79
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
80
+ // TODO: ED-28376 - will clean up !important later
81
81
  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
82
  })), ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass), (0, _defineProperty2.default)({
83
83
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -85,44 +85,44 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)((_css2
85
85
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t\t")
86
86
  }
87
87
  }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
88
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)"),
89
- borderRadius: '3px'
88
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)")
90
89
  })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass), (0, _defineProperty2.default)({
91
90
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
92
91
  '[data-smart-link-container="true"], .loader-wrapper>div::after': {
93
92
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "\n\t\t\t")
94
93
  }
95
94
  }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
96
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)"),
97
- borderRadius: '3px'
95
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)")
98
96
  })), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css2, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
99
97
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
100
98
  '.loader-wrapper>div::after': {
101
99
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
102
100
  }
103
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
101
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
104
102
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)", " !important")
105
103
  })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
106
104
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
107
105
  '[data-smart-link-container="true"], .loader-wrapper>div::after': {
108
106
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
109
107
  }
110
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
108
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
111
109
  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")
112
110
  })), ".".concat(searchMatchExpandTitleClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), (0, _defineProperty2.default)({
113
111
  borderRadius: "var(--ds-space-050, 4px)",
114
112
  padding: "var(--ds-space-050, 4px)".concat(" 0"),
115
- border: "1px solid ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
113
+ 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
114
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)"
117
115
  }, ".".concat(_styles.expandClassNames.titleInput), {
118
116
  color: "var(--ds-text, #172B4D)"
119
117
  })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), {
118
+ 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
119
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
121
120
  }), ".".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)"),
121
+ 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
122
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)"
124
123
  }, ".".concat(_styles.expandClassNames.titleInput), {
125
124
  color: "var(--ds-text-inverse, #FFFFFF)"
126
125
  })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), {
126
+ 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
127
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
128
128
  })));
package/dist/es2019/ui/styles.js CHANGED
@@ -18,7 +18,7 @@ export const searchMatchExpandTitleClass = 'search-match-expand-title';
18
18
  const inlineCardSelector = '.loader-wrapper>a';
19
19
  const statusSelector = '.lozenge-wrapper';
20
20
  const mentionSelector = '.editor-mention-primitive';
21
- const dateSelector = '.date-lozenger-container';
21
+ const dateSelector = '.date-lozenger-container>span';
22
22
  export const findReplaceStyles = css({
23
23
  [`.${searchMatchClass}`]: {
24
24
  borderRadius: '3px',
@@ -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 */
@@ -72,8 +86,7 @@ export const findReplaceStylesNew = css({
72
86
  `
73
87
  },
74
88
  [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
75
- boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`,
76
- borderRadius: '3px'
89
+ boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`
77
90
  }
78
91
  },
79
92
  [`.${blockSearchMatchClass}.${selectedBlockSearchMatchClass}`]: {
@@ -85,8 +98,7 @@ export const findReplaceStylesNew = css({
85
98
  `
86
99
  },
87
100
  [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
88
- boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`,
89
- borderRadius: '3px'
101
+ boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`
90
102
  }
91
103
  },
92
104
  /** With node selection */
@@ -99,8 +111,8 @@ export const findReplaceStylesNew = css({
99
111
  0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
100
112
  `
101
113
  },
102
- [`${inlineCardSelector}, ${statusSelector}`]: {
103
- // TODO: will clean up !important later
114
+ [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
115
+ // TODO: ED-28376 - will clean up !important later
104
116
  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
117
  }
106
118
  },
@@ -113,8 +125,8 @@ export const findReplaceStylesNew = css({
113
125
  0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
114
126
  `
115
127
  },
116
- [`${inlineCardSelector}, ${statusSelector}`]: {
117
- // TODO: will clean up !important later
128
+ [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
129
+ // TODO: ED-28376 - will clean up !important later
118
130
  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
131
  }
120
132
  },
@@ -129,8 +141,7 @@ export const findReplaceStylesNew = css({
129
141
  `
130
142
  },
131
143
  [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
132
- boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`,
133
- borderRadius: '3px'
144
+ boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`
134
145
  }
135
146
  },
136
147
  [`.${blockSearchMatchClass}.${selectedBlockSearchMatchClass}.${darkModeSearchMatchClass}`]: {
@@ -142,8 +153,7 @@ export const findReplaceStylesNew = css({
142
153
  `
143
154
  },
144
155
  [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
145
- boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`,
146
- borderRadius: '3px'
156
+ boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`
147
157
  }
148
158
  },
149
159
  /** With node selection */
@@ -156,7 +166,7 @@ export const findReplaceStylesNew = css({
156
166
  0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
157
167
  `
158
168
  },
159
- [`${inlineCardSelector}, ${statusSelector}`]: {
169
+ [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
160
170
  boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"} !important`
161
171
  }
162
172
  },
@@ -169,7 +179,7 @@ export const findReplaceStylesNew = css({
169
179
  0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
170
180
  `
171
181
  },
172
- [`${inlineCardSelector}, ${statusSelector}`]: {
182
+ [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
173
183
  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`
174
184
  }
175
185
  },
@@ -181,7 +191,10 @@ export const findReplaceStylesNew = css({
181
191
  [`.${searchMatchExpandTitleClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
182
192
  borderRadius: "var(--ds-space-050, 4px)",
183
193
  padding: `${"var(--ds-space-050, 4px)"} 0`,
184
- border: `1px solid ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`,
194
+ boxShadow: `
195
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
196
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}
197
+ `,
185
198
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
186
199
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
187
200
  [`.${expandClassNames.titleInput}`]: {
@@ -190,13 +203,20 @@ export const findReplaceStylesNew = css({
190
203
  },
191
204
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
192
205
  [`.${searchMatchExpandTitleClass}.${selectedSearchMatchClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
206
+ boxShadow: `
207
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
208
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}
209
+ `,
193
210
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
194
211
  },
195
212
  /** Dark mode */
196
213
 
197
214
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
198
215
  [`.${searchMatchExpandTitleClass}.${darkModeSearchMatchClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
199
- border: `1px solid ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`,
216
+ boxShadow: `
217
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
218
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}
219
+ `,
200
220
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
201
221
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
202
222
  [`.${expandClassNames.titleInput}`]: {
@@ -205,6 +225,10 @@ export const findReplaceStylesNew = css({
205
225
  },
206
226
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
207
227
  [`.${searchMatchExpandTitleClass}.${selectedSearchMatchClass}.${darkModeSearchMatchClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
228
+ boxShadow: `
229
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
230
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}
231
+ `,
208
232
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
209
233
  }
210
234
  });
package/dist/esm/ui/styles.js CHANGED
@@ -20,7 +20,7 @@ export var searchMatchExpandTitleClass = 'search-match-expand-title';
20
20
  var inlineCardSelector = '.loader-wrapper>a';
21
21
  var statusSelector = '.lozenge-wrapper';
22
22
  var mentionSelector = '.editor-mention-primitive';
23
- var dateSelector = '.date-lozenger-container';
23
+ var dateSelector = '.date-lozenger-container>span';
24
24
  export var findReplaceStyles = css(_defineProperty(_defineProperty({}, ".".concat(searchMatchClass), {
25
25
  borderRadius: '3px',
26
26
  backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
@@ -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
@@ -48,31 +50,29 @@ export var findReplaceStylesNew = css((_css2 = {}, _defineProperty(_defineProper
48
50
  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\t")
49
51
  }
50
52
  }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
51
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
52
- borderRadius: '3px'
53
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)")
53
54
  })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass), _defineProperty({
54
55
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
55
56
  '[data-smart-link-container="true"], .loader-wrapper>div::after': {
56
57
  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\t")
57
58
  }
58
59
  }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
59
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
60
- borderRadius: '3px'
60
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)")
61
61
  })), ".".concat(blockSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
62
62
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
63
63
  '.loader-wrapper>div::after': {
64
64
  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
65
  }
66
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
67
- // TODO: will clean up !important later
66
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
67
+ // TODO: ED-28376 - will clean up !important later
68
68
  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
69
  })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
70
70
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
71
71
  '[data-smart-link-container="true"], .loader-wrapper>div::after': {
72
72
  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
73
  }
74
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
75
- // TODO: will clean up !important later
74
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
75
+ // TODO: ED-28376 - will clean up !important later
76
76
  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
77
  })), ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass), _defineProperty({
78
78
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -80,44 +80,44 @@ export var findReplaceStylesNew = css((_css2 = {}, _defineProperty(_defineProper
80
80
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t\t")
81
81
  }
82
82
  }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
83
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)"),
84
- borderRadius: '3px'
83
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)")
85
84
  })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass), _defineProperty({
86
85
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
87
86
  '[data-smart-link-container="true"], .loader-wrapper>div::after': {
88
87
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "\n\t\t\t")
89
88
  }
90
89
  }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
91
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)"),
92
- borderRadius: '3px'
90
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)")
93
91
  })), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css2, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
94
92
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
95
93
  '.loader-wrapper>div::after': {
96
94
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
97
95
  }
98
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
96
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
99
97
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)", " !important")
100
98
  })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
101
99
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
102
100
  '[data-smart-link-container="true"], .loader-wrapper>div::after': {
103
101
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
104
102
  }
105
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
103
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
106
104
  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")
107
105
  })), ".".concat(searchMatchExpandTitleClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), _defineProperty({
108
106
  borderRadius: "var(--ds-space-050, 4px)",
109
107
  padding: "var(--ds-space-050, 4px)".concat(" 0"),
110
- border: "1px solid ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
108
+ 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
109
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)"
112
110
  }, ".".concat(expandClassNames.titleInput), {
113
111
  color: "var(--ds-text, #172B4D)"
114
112
  })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), {
113
+ 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
114
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
116
115
  }), ".".concat(searchMatchExpandTitleClass, ".").concat(darkModeSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), _defineProperty({
117
- border: "1px solid ".concat("var(--ds-background-accent-yellow-bolder, #946F00)"),
116
+ 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
117
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)"
119
118
  }, ".".concat(expandClassNames.titleInput), {
120
119
  color: "var(--ds-text-inverse, #FFFFFF)"
121
120
  })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), {
121
+ 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
122
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
123
123
  })));
package/dist/types/pm-plugins/utils/index.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  import type { IntlShape } from 'react-intl-next';
2
- import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
2
+ import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
3
3
  import type { Fragment, Node as PmNode, Slice } from '@atlaskit/editor-prosemirror/model';
4
4
  import type { ReadonlyTransaction, Selection } from '@atlaskit/editor-prosemirror/state';
5
5
  import { TextSelection } from '@atlaskit/editor-prosemirror/state';
6
6
  import type { Step } from '@atlaskit/editor-prosemirror/transform';
7
7
  import { Decoration } from '@atlaskit/editor-prosemirror/view';
8
8
  import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
9
- import { FindReplacePlugin } from '../../findReplacePluginType';
9
+ import type { FindReplacePlugin } from '../../findReplacePluginType';
10
10
  import type { Match } from '../../types';
11
11
  export declare function getSelectedText(selection: TextSelection): string;
12
12
  export declare const createDecorations: (selectedIndex: number, matches: Match[]) => Decoration[];
package/dist/types-ts4.5/pm-plugins/utils/index.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  import type { IntlShape } from 'react-intl-next';
2
- import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
2
+ import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
3
3
  import type { Fragment, Node as PmNode, Slice } from '@atlaskit/editor-prosemirror/model';
4
4
  import type { ReadonlyTransaction, Selection } from '@atlaskit/editor-prosemirror/state';
5
5
  import { TextSelection } from '@atlaskit/editor-prosemirror/state';
6
6
  import type { Step } from '@atlaskit/editor-prosemirror/transform';
7
7
  import { Decoration } from '@atlaskit/editor-prosemirror/view';
8
8
  import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
9
- import { FindReplacePlugin } from '../../findReplacePluginType';
9
+ import type { FindReplacePlugin } from '../../findReplacePluginType';
10
10
  import type { Match } from '../../types';
11
11
  export declare function getSelectedText(selection: TextSelection): string;
12
12
  export declare const createDecorations: (selectedIndex: number, matches: Match[]) => Decoration[];
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.2",
4
4
  "description": "find replace plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -33,7 +33,7 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@atlaskit/button": "^23.2.0",
36
- "@atlaskit/editor-common": "^107.2.0",
36
+ "@atlaskit/editor-common": "^107.3.0",
37
37
  "@atlaskit/editor-plugin-analytics": "^2.3.0",
38
38
  "@atlaskit/editor-plugin-card": "^6.6.0",
39
39
  "@atlaskit/editor-plugin-mentions": "^4.7.0",
@@ -44,10 +44,10 @@
44
44
  "@atlaskit/icon": "^27.2.0",
45
45
  "@atlaskit/mention": "^24.2.0",
46
46
  "@atlaskit/platform-feature-flags": "^1.1.0",
47
- "@atlaskit/primitives": "^14.9.0",
47
+ "@atlaskit/primitives": "^14.10.0",
48
48
  "@atlaskit/textfield": "^8.0.0",
49
49
  "@atlaskit/theme": "^18.0.0",
50
- "@atlaskit/tmp-editor-statsig": "^8.3.0",
50
+ "@atlaskit/tmp-editor-statsig": "^8.4.0",
51
51
  "@atlaskit/tokens": "^5.4.0",
52
52
  "@atlaskit/tooltip": "^20.3.0",
53
53
  "@babel/runtime": "^7.0.0",