@atlaskit/editor-plugin-find-replace 3.2.0 → 3.2.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.
- package/CHANGELOG.md +15 -0
- package/dist/cjs/ui/ReplaceNext.js +3 -1
- package/dist/cjs/ui/styles.js +19 -17
- package/dist/es2019/ui/ReplaceNext.js +3 -1
- package/dist/es2019/ui/styles.js +19 -17
- package/dist/esm/ui/ReplaceNext.js +3 -1
- package/dist/esm/ui/styles.js +19 -17
- package/dist/types/findReplacePluginType.d.ts +0 -1
- package/dist/types/pm-plugins/commands-with-analytics.d.ts +1 -1
- package/dist/types/pm-plugins/keymap.d.ts +1 -1
- package/dist/types/pm-plugins/main.d.ts +1 -1
- package/dist/types/pm-plugins/plugin-factory.d.ts +1 -1
- package/dist/types/ui/Find.d.ts +10 -10
- package/dist/types-ts4.5/findReplacePluginType.d.ts +0 -1
- package/dist/types-ts4.5/pm-plugins/commands-with-analytics.d.ts +1 -1
- package/dist/types-ts4.5/pm-plugins/keymap.d.ts +1 -1
- package/dist/types-ts4.5/pm-plugins/main.d.ts +1 -1
- package/dist/types-ts4.5/pm-plugins/plugin-factory.d.ts +1 -1
- package/dist/types-ts4.5/ui/Find.d.ts +10 -10
- package/package.json +12 -12
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-find-replace
|
|
2
2
|
|
|
3
|
+
## 3.2.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#199353](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/199353)
|
|
8
|
+
[`f2d4ca35574b8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2d4ca35574b8) -
|
|
9
|
+
Internal changes to how border radius values are applied. No visual change.
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 3.2.1
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 3.2.0
|
|
4
19
|
|
|
5
20
|
### Minor Changes
|
|
@@ -220,7 +220,9 @@ var Replace = function Replace(_ref) {
|
|
|
220
220
|
ref: successReplacementMessageRef
|
|
221
221
|
}, /*#__PURE__*/_react.default.createElement(_form.ValidMessage, {
|
|
222
222
|
testId: "message-success-replacement"
|
|
223
|
-
}, fakeSuccessReplacementMessageUpdate ?
|
|
223
|
+
}, fakeSuccessReplacementMessageUpdate ?
|
|
224
|
+
// @ts-ignore - TS1501 TypeScript 5.9.2 upgrade
|
|
225
|
+
resultsReplace.replace(/ /, "\xA0") : resultsReplace)), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
|
|
224
226
|
xcss: actionButtonContainerStyles
|
|
225
227
|
}, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
|
|
226
228
|
xcss: (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ? [actionButtonInlineStyles, actionButtonParentInlineStylesNew] : [actionButtonInlineStyles, actionButtonParentInlineStyles]
|
package/dist/cjs/ui/styles.js
CHANGED
|
@@ -23,11 +23,13 @@ var selectedBlockSearchMatchClass = exports.selectedBlockSearchMatchClass = 'sea
|
|
|
23
23
|
var darkModeSearchMatchClass = exports.darkModeSearchMatchClass = 'search-match-dark';
|
|
24
24
|
var searchMatchExpandTitleClass = exports.searchMatchExpandTitleClass = 'search-match-expand-title';
|
|
25
25
|
var inlineCardSelector = '.loader-wrapper>a';
|
|
26
|
+
var inlineCardWithHoverPreviewSelector = '.hover-card-trigger-wrapper>a';
|
|
26
27
|
var statusSelector = '.lozenge-wrapper';
|
|
27
28
|
var mentionSelector = '.editor-mention-primitive';
|
|
28
29
|
var dateSelector = '.date-lozenger-container>span';
|
|
29
30
|
var findReplaceStyles = exports.findReplaceStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(searchMatchClass), {
|
|
30
|
-
|
|
31
|
+
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
|
|
32
|
+
borderRadius: "var(--ds-border-radius-100, 3px)",
|
|
31
33
|
backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
|
|
32
34
|
boxShadow: "var(--ds-shadow-raised, ".concat("0 1px 1px 0 ".concat(_colors.N50A, ", 0 0 1px 0 ").concat(_colors.N60A), ")") + ', inset 0 0 0 1px ' + "var(--ds-border-input, ".concat("".concat(_colors.N40A), ")")
|
|
33
35
|
}), ".".concat(selectedSearchMatchClass), {
|
|
@@ -57,21 +59,21 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)((_css2
|
|
|
57
59
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
58
60
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t\t")
|
|
59
61
|
}
|
|
60
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
62
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
61
63
|
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-subtler, #FDD0EC)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
|
|
62
64
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass), (0, _defineProperty2.default)({
|
|
63
65
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
64
66
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
65
67
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t\t")
|
|
66
68
|
}
|
|
67
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
69
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
68
70
|
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
|
|
69
71
|
})), ".".concat(blockSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
|
|
70
72
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
71
73
|
'.loader-wrapper>div::after': {
|
|
72
74
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
73
75
|
}
|
|
74
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
76
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
75
77
|
// TODO: ED-28376 - will 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-magenta-subtler, #FDD0EC)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", " !important")
|
|
77
79
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
|
|
@@ -79,7 +81,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)((_css2
|
|
|
79
81
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
80
82
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
81
83
|
}
|
|
82
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
84
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
83
85
|
// TODO: ED-28376 - will clean up !important later
|
|
84
86
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", " !important")
|
|
85
87
|
})), ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass), (0, _defineProperty2.default)({
|
|
@@ -87,28 +89,28 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)((_css2
|
|
|
87
89
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
88
90
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t\t")
|
|
89
91
|
}
|
|
90
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
92
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
91
93
|
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
|
|
92
94
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass), (0, _defineProperty2.default)({
|
|
93
95
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
94
96
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
95
97
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t\t")
|
|
96
98
|
}
|
|
97
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
99
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
98
100
|
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
|
|
99
101
|
})), (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)({
|
|
100
102
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
101
103
|
'.loader-wrapper>div::after': {
|
|
102
104
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
103
105
|
}
|
|
104
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
106
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
105
107
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)", " !important")
|
|
106
108
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
|
|
107
109
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
108
110
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
109
111
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
110
112
|
}
|
|
111
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
113
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
112
114
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)", " !important")
|
|
113
115
|
})), ".".concat(searchMatchExpandTitleClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), (0, _defineProperty2.default)({
|
|
114
116
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
@@ -150,56 +152,56 @@ var findReplaceStylesNewNoImportant = exports.findReplaceStylesNewNoImportant =
|
|
|
150
152
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
151
153
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t\t")
|
|
152
154
|
}
|
|
153
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
155
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
154
156
|
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-subtler, #FDD0EC)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
|
|
155
157
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass), (0, _defineProperty2.default)({
|
|
156
158
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
157
159
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
158
160
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t\t")
|
|
159
161
|
}
|
|
160
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
162
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
161
163
|
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
|
|
162
164
|
})), ".".concat(blockSearchMatchClass, ".embedCardView-content-wrap.ak-editor-selected-node,\n\t .").concat(blockSearchMatchClass, ".statusView-content-wrap.ak-editor-selected-node,\n\t .").concat(blockSearchMatchClass, ".mentionView-content-wrap.ak-editor-selected-node,\n\t .").concat(blockSearchMatchClass, ".inlineCardView-content-wrap.ak-editor-selected-node,\n\t .").concat(blockSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
|
|
163
165
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
164
166
|
'.loader-wrapper>div::after': {
|
|
165
167
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
166
168
|
}
|
|
167
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
169
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
168
170
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
|
|
169
171
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
|
|
170
172
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
171
173
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
172
174
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
173
175
|
}
|
|
174
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
176
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
175
177
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
|
|
176
178
|
})), ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass), (0, _defineProperty2.default)({
|
|
177
179
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
178
180
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
179
181
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t\t")
|
|
180
182
|
}
|
|
181
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
183
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
182
184
|
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
|
|
183
185
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass), (0, _defineProperty2.default)({
|
|
184
186
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
185
187
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
186
188
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t\t")
|
|
187
189
|
}
|
|
188
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
190
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
189
191
|
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
|
|
190
192
|
})), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css3, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node, .").concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".mentionView-content-wrap.ak-editor-selected-node"), (0, _defineProperty2.default)({
|
|
191
193
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
192
194
|
'.loader-wrapper>div::after': {
|
|
193
195
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
194
196
|
}
|
|
195
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
197
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
196
198
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
|
|
197
199
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
|
|
198
200
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
199
201
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
200
202
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
201
203
|
}
|
|
202
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
204
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
203
205
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
|
|
204
206
|
})), ".".concat(searchMatchExpandTitleClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), (0, _defineProperty2.default)({
|
|
205
207
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
@@ -189,7 +189,9 @@ const Replace = ({
|
|
|
189
189
|
ref: successReplacementMessageRef
|
|
190
190
|
}, /*#__PURE__*/React.createElement(ValidMessage, {
|
|
191
191
|
testId: "message-success-replacement"
|
|
192
|
-
}, fakeSuccessReplacementMessageUpdate ?
|
|
192
|
+
}, fakeSuccessReplacementMessageUpdate ?
|
|
193
|
+
// @ts-ignore - TS1501 TypeScript 5.9.2 upgrade
|
|
194
|
+
resultsReplace.replace(/ /u, '\u00a0') : resultsReplace)), /*#__PURE__*/React.createElement(Box, {
|
|
193
195
|
xcss: actionButtonContainerStyles
|
|
194
196
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
195
197
|
xcss: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? [actionButtonInlineStyles, actionButtonParentInlineStylesNew] : [actionButtonInlineStyles, actionButtonParentInlineStyles]
|
package/dist/es2019/ui/styles.js
CHANGED
|
@@ -16,12 +16,14 @@ export const selectedBlockSearchMatchClass = 'search-match-block-selected';
|
|
|
16
16
|
export const darkModeSearchMatchClass = 'search-match-dark';
|
|
17
17
|
export const searchMatchExpandTitleClass = 'search-match-expand-title';
|
|
18
18
|
const inlineCardSelector = '.loader-wrapper>a';
|
|
19
|
+
const inlineCardWithHoverPreviewSelector = '.hover-card-trigger-wrapper>a';
|
|
19
20
|
const statusSelector = '.lozenge-wrapper';
|
|
20
21
|
const mentionSelector = '.editor-mention-primitive';
|
|
21
22
|
const dateSelector = '.date-lozenger-container>span';
|
|
22
23
|
export const findReplaceStyles = css({
|
|
23
24
|
[`.${searchMatchClass}`]: {
|
|
24
|
-
|
|
25
|
+
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
|
|
26
|
+
borderRadius: "var(--ds-border-radius-100, 3px)",
|
|
25
27
|
backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
|
|
26
28
|
boxShadow: `var(--ds-shadow-raised, ${`0 1px 1px 0 ${N50A}, 0 0 1px 0 ${N60A}`})` + ', inset 0 0 0 1px ' + `var(--ds-border-input, ${`${N40A}`})`
|
|
27
29
|
},
|
|
@@ -88,7 +90,7 @@ export const findReplaceStylesNew = css({
|
|
|
88
90
|
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"}
|
|
89
91
|
`
|
|
90
92
|
},
|
|
91
|
-
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
93
|
+
[`${inlineCardSelector}, ${inlineCardWithHoverPreviewSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
92
94
|
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"}`
|
|
93
95
|
}
|
|
94
96
|
},
|
|
@@ -100,7 +102,7 @@ export const findReplaceStylesNew = css({
|
|
|
100
102
|
inset 0 0 0 4px ${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"}
|
|
101
103
|
`
|
|
102
104
|
},
|
|
103
|
-
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
105
|
+
[`${inlineCardSelector}, ${inlineCardWithHoverPreviewSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
104
106
|
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"}`
|
|
105
107
|
}
|
|
106
108
|
},
|
|
@@ -114,7 +116,7 @@ export const findReplaceStylesNew = css({
|
|
|
114
116
|
0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
|
|
115
117
|
`
|
|
116
118
|
},
|
|
117
|
-
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
119
|
+
[`${inlineCardSelector}, ${inlineCardWithHoverPreviewSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
118
120
|
// TODO: ED-28376 - will clean up !important later
|
|
119
121
|
boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"} !important`
|
|
120
122
|
}
|
|
@@ -128,7 +130,7 @@ export const findReplaceStylesNew = css({
|
|
|
128
130
|
0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
|
|
129
131
|
`
|
|
130
132
|
},
|
|
131
|
-
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
133
|
+
[`${inlineCardSelector}, ${inlineCardWithHoverPreviewSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
132
134
|
// TODO: ED-28376 - will clean up !important later
|
|
133
135
|
boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"} !important`
|
|
134
136
|
}
|
|
@@ -143,7 +145,7 @@ export const findReplaceStylesNew = css({
|
|
|
143
145
|
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"}
|
|
144
146
|
`
|
|
145
147
|
},
|
|
146
|
-
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
148
|
+
[`${inlineCardSelector}, ${inlineCardWithHoverPreviewSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
147
149
|
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"}`
|
|
148
150
|
}
|
|
149
151
|
},
|
|
@@ -155,7 +157,7 @@ export const findReplaceStylesNew = css({
|
|
|
155
157
|
inset 0 0 0 4px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}
|
|
156
158
|
`
|
|
157
159
|
},
|
|
158
|
-
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
160
|
+
[`${inlineCardSelector}, ${inlineCardWithHoverPreviewSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
159
161
|
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"}`
|
|
160
162
|
}
|
|
161
163
|
},
|
|
@@ -169,7 +171,7 @@ export const findReplaceStylesNew = css({
|
|
|
169
171
|
0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
|
|
170
172
|
`
|
|
171
173
|
},
|
|
172
|
-
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
174
|
+
[`${inlineCardSelector}, ${inlineCardWithHoverPreviewSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
173
175
|
boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"} !important`
|
|
174
176
|
}
|
|
175
177
|
},
|
|
@@ -182,7 +184,7 @@ export const findReplaceStylesNew = css({
|
|
|
182
184
|
0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
|
|
183
185
|
`
|
|
184
186
|
},
|
|
185
|
-
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
187
|
+
[`${inlineCardSelector}, ${inlineCardWithHoverPreviewSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
186
188
|
boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"} !important`
|
|
187
189
|
}
|
|
188
190
|
},
|
|
@@ -291,7 +293,7 @@ export const findReplaceStylesNewNoImportant = css({
|
|
|
291
293
|
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"}
|
|
292
294
|
`
|
|
293
295
|
},
|
|
294
|
-
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
296
|
+
[`${inlineCardSelector}, ${inlineCardWithHoverPreviewSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
295
297
|
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"}`
|
|
296
298
|
}
|
|
297
299
|
},
|
|
@@ -303,7 +305,7 @@ export const findReplaceStylesNewNoImportant = css({
|
|
|
303
305
|
inset 0 0 0 4px ${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"}
|
|
304
306
|
`
|
|
305
307
|
},
|
|
306
|
-
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
308
|
+
[`${inlineCardSelector}, ${inlineCardWithHoverPreviewSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
307
309
|
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"}`
|
|
308
310
|
}
|
|
309
311
|
},
|
|
@@ -324,7 +326,7 @@ export const findReplaceStylesNewNoImportant = css({
|
|
|
324
326
|
`
|
|
325
327
|
},
|
|
326
328
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
327
|
-
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
329
|
+
[`${inlineCardSelector}, ${inlineCardWithHoverPreviewSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
328
330
|
boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"}`
|
|
329
331
|
}
|
|
330
332
|
},
|
|
@@ -337,7 +339,7 @@ export const findReplaceStylesNewNoImportant = css({
|
|
|
337
339
|
0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
|
|
338
340
|
`
|
|
339
341
|
},
|
|
340
|
-
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
342
|
+
[`${inlineCardSelector}, ${inlineCardWithHoverPreviewSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
341
343
|
boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"}`
|
|
342
344
|
}
|
|
343
345
|
},
|
|
@@ -351,7 +353,7 @@ export const findReplaceStylesNewNoImportant = css({
|
|
|
351
353
|
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"}
|
|
352
354
|
`
|
|
353
355
|
},
|
|
354
|
-
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
356
|
+
[`${inlineCardSelector}, ${inlineCardWithHoverPreviewSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
355
357
|
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"}`
|
|
356
358
|
}
|
|
357
359
|
},
|
|
@@ -363,7 +365,7 @@ export const findReplaceStylesNewNoImportant = css({
|
|
|
363
365
|
inset 0 0 0 4px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}
|
|
364
366
|
`
|
|
365
367
|
},
|
|
366
|
-
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
368
|
+
[`${inlineCardSelector}, ${inlineCardWithHoverPreviewSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
367
369
|
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"}`
|
|
368
370
|
}
|
|
369
371
|
},
|
|
@@ -377,7 +379,7 @@ export const findReplaceStylesNewNoImportant = css({
|
|
|
377
379
|
0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
|
|
378
380
|
`
|
|
379
381
|
},
|
|
380
|
-
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
382
|
+
[`${inlineCardSelector}, ${inlineCardWithHoverPreviewSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
381
383
|
boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"}`
|
|
382
384
|
}
|
|
383
385
|
},
|
|
@@ -390,7 +392,7 @@ export const findReplaceStylesNewNoImportant = css({
|
|
|
390
392
|
0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
|
|
391
393
|
`
|
|
392
394
|
},
|
|
393
|
-
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
395
|
+
[`${inlineCardSelector}, ${inlineCardWithHoverPreviewSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
394
396
|
boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"}`
|
|
395
397
|
}
|
|
396
398
|
},
|
|
@@ -210,7 +210,9 @@ var Replace = function Replace(_ref) {
|
|
|
210
210
|
ref: successReplacementMessageRef
|
|
211
211
|
}, /*#__PURE__*/React.createElement(ValidMessage, {
|
|
212
212
|
testId: "message-success-replacement"
|
|
213
|
-
}, fakeSuccessReplacementMessageUpdate ?
|
|
213
|
+
}, fakeSuccessReplacementMessageUpdate ?
|
|
214
|
+
// @ts-ignore - TS1501 TypeScript 5.9.2 upgrade
|
|
215
|
+
resultsReplace.replace(/ /, "\xA0") : resultsReplace)), /*#__PURE__*/React.createElement(Box, {
|
|
214
216
|
xcss: actionButtonContainerStyles
|
|
215
217
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
216
218
|
xcss: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? [actionButtonInlineStyles, actionButtonParentInlineStylesNew] : [actionButtonInlineStyles, actionButtonParentInlineStyles]
|
package/dist/esm/ui/styles.js
CHANGED
|
@@ -18,11 +18,13 @@ export var selectedBlockSearchMatchClass = 'search-match-block-selected';
|
|
|
18
18
|
export var darkModeSearchMatchClass = 'search-match-dark';
|
|
19
19
|
export var searchMatchExpandTitleClass = 'search-match-expand-title';
|
|
20
20
|
var inlineCardSelector = '.loader-wrapper>a';
|
|
21
|
+
var inlineCardWithHoverPreviewSelector = '.hover-card-trigger-wrapper>a';
|
|
21
22
|
var statusSelector = '.lozenge-wrapper';
|
|
22
23
|
var mentionSelector = '.editor-mention-primitive';
|
|
23
24
|
var dateSelector = '.date-lozenger-container>span';
|
|
24
25
|
export var findReplaceStyles = css(_defineProperty(_defineProperty({}, ".".concat(searchMatchClass), {
|
|
25
|
-
|
|
26
|
+
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
|
|
27
|
+
borderRadius: "var(--ds-border-radius-100, 3px)",
|
|
26
28
|
backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
|
|
27
29
|
boxShadow: "var(--ds-shadow-raised, ".concat("0 1px 1px 0 ".concat(N50A, ", 0 0 1px 0 ").concat(N60A), ")") + ', inset 0 0 0 1px ' + "var(--ds-border-input, ".concat("".concat(N40A), ")")
|
|
28
30
|
}), ".".concat(selectedSearchMatchClass), {
|
|
@@ -52,21 +54,21 @@ export var findReplaceStylesNew = css((_css2 = {}, _defineProperty(_defineProper
|
|
|
52
54
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
53
55
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t\t")
|
|
54
56
|
}
|
|
55
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
57
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
56
58
|
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-subtler, #FDD0EC)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
|
|
57
59
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass), _defineProperty({
|
|
58
60
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
59
61
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
60
62
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t\t")
|
|
61
63
|
}
|
|
62
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
64
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
63
65
|
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
|
|
64
66
|
})), ".".concat(blockSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
|
|
65
67
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
66
68
|
'.loader-wrapper>div::after': {
|
|
67
69
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
68
70
|
}
|
|
69
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
71
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
70
72
|
// TODO: ED-28376 - will clean up !important later
|
|
71
73
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", " !important")
|
|
72
74
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
|
|
@@ -74,7 +76,7 @@ export var findReplaceStylesNew = css((_css2 = {}, _defineProperty(_defineProper
|
|
|
74
76
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
75
77
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
76
78
|
}
|
|
77
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
79
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
78
80
|
// TODO: ED-28376 - will clean up !important later
|
|
79
81
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", " !important")
|
|
80
82
|
})), ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass), _defineProperty({
|
|
@@ -82,28 +84,28 @@ export var findReplaceStylesNew = css((_css2 = {}, _defineProperty(_defineProper
|
|
|
82
84
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
83
85
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t\t")
|
|
84
86
|
}
|
|
85
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
87
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
86
88
|
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
|
|
87
89
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass), _defineProperty({
|
|
88
90
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
89
91
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
90
92
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t\t")
|
|
91
93
|
}
|
|
92
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
94
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
93
95
|
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
|
|
94
96
|
})), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css2, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
|
|
95
97
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
96
98
|
'.loader-wrapper>div::after': {
|
|
97
99
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
98
100
|
}
|
|
99
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
101
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
100
102
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)", " !important")
|
|
101
103
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
|
|
102
104
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
103
105
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
104
106
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
105
107
|
}
|
|
106
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
108
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
107
109
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)", " !important")
|
|
108
110
|
})), ".".concat(searchMatchExpandTitleClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), _defineProperty({
|
|
109
111
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
@@ -145,56 +147,56 @@ export var findReplaceStylesNewNoImportant = css((_css3 = {}, _defineProperty(_d
|
|
|
145
147
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
146
148
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t\t")
|
|
147
149
|
}
|
|
148
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
150
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
149
151
|
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-subtler, #FDD0EC)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
|
|
150
152
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass), _defineProperty({
|
|
151
153
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
152
154
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
153
155
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t\t")
|
|
154
156
|
}
|
|
155
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
157
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
156
158
|
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
|
|
157
159
|
})), ".".concat(blockSearchMatchClass, ".embedCardView-content-wrap.ak-editor-selected-node,\n\t .").concat(blockSearchMatchClass, ".statusView-content-wrap.ak-editor-selected-node,\n\t .").concat(blockSearchMatchClass, ".mentionView-content-wrap.ak-editor-selected-node,\n\t .").concat(blockSearchMatchClass, ".inlineCardView-content-wrap.ak-editor-selected-node,\n\t .").concat(blockSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
|
|
158
160
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
159
161
|
'.loader-wrapper>div::after': {
|
|
160
162
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
161
163
|
}
|
|
162
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
164
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
163
165
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
|
|
164
166
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
|
|
165
167
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
166
168
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
167
169
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
168
170
|
}
|
|
169
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
171
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
170
172
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
|
|
171
173
|
})), ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass), _defineProperty({
|
|
172
174
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
173
175
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
174
176
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t\t")
|
|
175
177
|
}
|
|
176
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
178
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
177
179
|
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
|
|
178
180
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass), _defineProperty({
|
|
179
181
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
180
182
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
181
183
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t\t")
|
|
182
184
|
}
|
|
183
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
185
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
184
186
|
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
|
|
185
187
|
})), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css3, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node, .").concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".mentionView-content-wrap.ak-editor-selected-node"), _defineProperty({
|
|
186
188
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
187
189
|
'.loader-wrapper>div::after': {
|
|
188
190
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
189
191
|
}
|
|
190
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
192
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
191
193
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
|
|
192
194
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
|
|
193
195
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
194
196
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
195
197
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
196
198
|
}
|
|
197
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
199
|
+
}, "".concat(inlineCardSelector, ", ").concat(inlineCardWithHoverPreviewSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
198
200
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
|
|
199
201
|
})), ".".concat(searchMatchExpandTitleClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), _defineProperty({
|
|
200
202
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
@@ -7,7 +7,7 @@ export declare const activateWithAnalytics: (editorAnalyticsAPI: EditorAnalytics
|
|
|
7
7
|
export declare const findWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => ({ editorView, containerElement, keyword, }: {
|
|
8
8
|
editorView: EditorView;
|
|
9
9
|
containerElement: HTMLElement | null;
|
|
10
|
-
keyword?: string
|
|
10
|
+
keyword?: string;
|
|
11
11
|
}) => Command;
|
|
12
12
|
export declare const findNextWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, editorView: EditorView) => ({ triggerMethod, }: {
|
|
13
13
|
triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
|
|
2
2
|
import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
|
|
3
|
-
declare const keymapPlugin: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => SafePlugin
|
|
3
|
+
declare const keymapPlugin: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => SafePlugin;
|
|
4
4
|
export default keymapPlugin;
|
|
@@ -4,4 +4,4 @@ import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/edito
|
|
|
4
4
|
import type { FindReplacePlugin } from '../findReplacePluginType';
|
|
5
5
|
import type { FindReplacePluginState } from '../types';
|
|
6
6
|
export declare const initialState: FindReplacePluginState;
|
|
7
|
-
export declare const createPlugin: (dispatch: Dispatch, getIntl: PMPluginFactoryParams[
|
|
7
|
+
export declare const createPlugin: (dispatch: Dispatch, getIntl: PMPluginFactoryParams["getIntl"], api?: ExtractInjectionAPI<FindReplacePlugin>) => SafePlugin<FindReplacePluginState>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { Transaction } from '@atlaskit/editor-prosemirror/state';
|
|
2
2
|
import type { FindReplacePluginState } from '../types';
|
|
3
|
-
export declare const createCommand: <A = import("./actions").FindReplaceAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: (
|
|
3
|
+
export declare const createCommand: <A = import("./actions").FindReplaceAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: (tr: Transaction, state: import("prosemirror-state").EditorState) => Transaction) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => FindReplacePluginState, createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: FindReplacePluginState | ((state: import("prosemirror-state").EditorState) => FindReplacePluginState)) => import("prosemirror-state").SafeStateField<FindReplacePluginState>;
|
package/dist/types/ui/Find.d.ts
CHANGED
|
@@ -31,46 +31,46 @@ export type FindProps = {
|
|
|
31
31
|
findTyped: boolean;
|
|
32
32
|
} & MatchCaseProps;
|
|
33
33
|
declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
|
|
34
|
-
findText?: string
|
|
34
|
+
findText?: string;
|
|
35
35
|
count: {
|
|
36
36
|
index: number;
|
|
37
37
|
total: number;
|
|
38
38
|
};
|
|
39
39
|
shouldFocus: boolean;
|
|
40
40
|
onFindBlur: () => void;
|
|
41
|
-
onFind: (findText?: string
|
|
41
|
+
onFind: (findText?: string) => void;
|
|
42
42
|
onFindNext: ({ triggerMethod, }: {
|
|
43
|
-
triggerMethod: TRIGGER_METHOD.
|
|
43
|
+
triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
|
|
44
44
|
}) => void;
|
|
45
45
|
onFindPrev: ({ triggerMethod, }: {
|
|
46
|
-
triggerMethod: TRIGGER_METHOD.
|
|
46
|
+
triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
|
|
47
47
|
}) => void;
|
|
48
48
|
onFindTextfieldRefSet: (ref: React.RefObject<HTMLInputElement>) => void;
|
|
49
49
|
onCancel: ({ triggerMethod, }: {
|
|
50
|
-
triggerMethod: TRIGGER_METHOD.
|
|
50
|
+
triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.TOOLBAR | TRIGGER_METHOD.BUTTON;
|
|
51
51
|
}) => void;
|
|
52
52
|
onArrowDown: () => void;
|
|
53
53
|
setFindTyped: (value: boolean) => void;
|
|
54
54
|
findTyped: boolean;
|
|
55
55
|
} & MatchCaseProps & WrappedComponentProps>> & {
|
|
56
56
|
WrappedComponent: React.ComponentType<{
|
|
57
|
-
findText?: string
|
|
57
|
+
findText?: string;
|
|
58
58
|
count: {
|
|
59
59
|
index: number;
|
|
60
60
|
total: number;
|
|
61
61
|
};
|
|
62
62
|
shouldFocus: boolean;
|
|
63
63
|
onFindBlur: () => void;
|
|
64
|
-
onFind: (findText?: string
|
|
64
|
+
onFind: (findText?: string) => void;
|
|
65
65
|
onFindNext: ({ triggerMethod, }: {
|
|
66
|
-
triggerMethod: TRIGGER_METHOD.
|
|
66
|
+
triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
|
|
67
67
|
}) => void;
|
|
68
68
|
onFindPrev: ({ triggerMethod, }: {
|
|
69
|
-
triggerMethod: TRIGGER_METHOD.
|
|
69
|
+
triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
|
|
70
70
|
}) => void;
|
|
71
71
|
onFindTextfieldRefSet: (ref: React.RefObject<HTMLInputElement>) => void;
|
|
72
72
|
onCancel: ({ triggerMethod, }: {
|
|
73
|
-
triggerMethod: TRIGGER_METHOD.
|
|
73
|
+
triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.TOOLBAR | TRIGGER_METHOD.BUTTON;
|
|
74
74
|
}) => void;
|
|
75
75
|
onArrowDown: () => void;
|
|
76
76
|
setFindTyped: (value: boolean) => void;
|
|
@@ -7,7 +7,7 @@ export declare const activateWithAnalytics: (editorAnalyticsAPI: EditorAnalytics
|
|
|
7
7
|
export declare const findWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => ({ editorView, containerElement, keyword, }: {
|
|
8
8
|
editorView: EditorView;
|
|
9
9
|
containerElement: HTMLElement | null;
|
|
10
|
-
keyword?: string
|
|
10
|
+
keyword?: string;
|
|
11
11
|
}) => Command;
|
|
12
12
|
export declare const findNextWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, editorView: EditorView) => ({ triggerMethod, }: {
|
|
13
13
|
triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
|
|
2
2
|
import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
|
|
3
|
-
declare const keymapPlugin: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => SafePlugin
|
|
3
|
+
declare const keymapPlugin: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => SafePlugin;
|
|
4
4
|
export default keymapPlugin;
|
|
@@ -4,4 +4,4 @@ import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/edito
|
|
|
4
4
|
import type { FindReplacePlugin } from '../findReplacePluginType';
|
|
5
5
|
import type { FindReplacePluginState } from '../types';
|
|
6
6
|
export declare const initialState: FindReplacePluginState;
|
|
7
|
-
export declare const createPlugin: (dispatch: Dispatch, getIntl: PMPluginFactoryParams[
|
|
7
|
+
export declare const createPlugin: (dispatch: Dispatch, getIntl: PMPluginFactoryParams["getIntl"], api?: ExtractInjectionAPI<FindReplacePlugin>) => SafePlugin<FindReplacePluginState>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { Transaction } from '@atlaskit/editor-prosemirror/state';
|
|
2
2
|
import type { FindReplacePluginState } from '../types';
|
|
3
|
-
export declare const createCommand: <A = import("./actions").FindReplaceAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: (
|
|
3
|
+
export declare const createCommand: <A = import("./actions").FindReplaceAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: (tr: Transaction, state: import("prosemirror-state").EditorState) => Transaction) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => FindReplacePluginState, createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: FindReplacePluginState | ((state: import("prosemirror-state").EditorState) => FindReplacePluginState)) => import("prosemirror-state").SafeStateField<FindReplacePluginState>;
|
|
@@ -31,46 +31,46 @@ export type FindProps = {
|
|
|
31
31
|
findTyped: boolean;
|
|
32
32
|
} & MatchCaseProps;
|
|
33
33
|
declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
|
|
34
|
-
findText?: string
|
|
34
|
+
findText?: string;
|
|
35
35
|
count: {
|
|
36
36
|
index: number;
|
|
37
37
|
total: number;
|
|
38
38
|
};
|
|
39
39
|
shouldFocus: boolean;
|
|
40
40
|
onFindBlur: () => void;
|
|
41
|
-
onFind: (findText?: string
|
|
41
|
+
onFind: (findText?: string) => void;
|
|
42
42
|
onFindNext: ({ triggerMethod, }: {
|
|
43
|
-
triggerMethod: TRIGGER_METHOD.
|
|
43
|
+
triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
|
|
44
44
|
}) => void;
|
|
45
45
|
onFindPrev: ({ triggerMethod, }: {
|
|
46
|
-
triggerMethod: TRIGGER_METHOD.
|
|
46
|
+
triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
|
|
47
47
|
}) => void;
|
|
48
48
|
onFindTextfieldRefSet: (ref: React.RefObject<HTMLInputElement>) => void;
|
|
49
49
|
onCancel: ({ triggerMethod, }: {
|
|
50
|
-
triggerMethod: TRIGGER_METHOD.
|
|
50
|
+
triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.TOOLBAR | TRIGGER_METHOD.BUTTON;
|
|
51
51
|
}) => void;
|
|
52
52
|
onArrowDown: () => void;
|
|
53
53
|
setFindTyped: (value: boolean) => void;
|
|
54
54
|
findTyped: boolean;
|
|
55
55
|
} & MatchCaseProps & WrappedComponentProps>> & {
|
|
56
56
|
WrappedComponent: React.ComponentType<{
|
|
57
|
-
findText?: string
|
|
57
|
+
findText?: string;
|
|
58
58
|
count: {
|
|
59
59
|
index: number;
|
|
60
60
|
total: number;
|
|
61
61
|
};
|
|
62
62
|
shouldFocus: boolean;
|
|
63
63
|
onFindBlur: () => void;
|
|
64
|
-
onFind: (findText?: string
|
|
64
|
+
onFind: (findText?: string) => void;
|
|
65
65
|
onFindNext: ({ triggerMethod, }: {
|
|
66
|
-
triggerMethod: TRIGGER_METHOD.
|
|
66
|
+
triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
|
|
67
67
|
}) => void;
|
|
68
68
|
onFindPrev: ({ triggerMethod, }: {
|
|
69
|
-
triggerMethod: TRIGGER_METHOD.
|
|
69
|
+
triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.BUTTON;
|
|
70
70
|
}) => void;
|
|
71
71
|
onFindTextfieldRefSet: (ref: React.RefObject<HTMLInputElement>) => void;
|
|
72
72
|
onCancel: ({ triggerMethod, }: {
|
|
73
|
-
triggerMethod: TRIGGER_METHOD.
|
|
73
|
+
triggerMethod: TRIGGER_METHOD.KEYBOARD | TRIGGER_METHOD.TOOLBAR | TRIGGER_METHOD.BUTTON;
|
|
74
74
|
}) => void;
|
|
75
75
|
onArrowDown: () => void;
|
|
76
76
|
setFindTyped: (value: boolean) => void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-find-replace",
|
|
3
|
-
"version": "3.2.
|
|
3
|
+
"version": "3.2.2",
|
|
4
4
|
"description": "find replace plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -32,25 +32,25 @@
|
|
|
32
32
|
"./styles": "./src/ui/styles.ts"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@atlaskit/button": "^23.
|
|
35
|
+
"@atlaskit/button": "^23.3.0",
|
|
36
36
|
"@atlaskit/editor-plugin-analytics": "^3.0.0",
|
|
37
|
-
"@atlaskit/editor-plugin-card": "^7.
|
|
37
|
+
"@atlaskit/editor-plugin-card": "^7.3.0",
|
|
38
38
|
"@atlaskit/editor-plugin-expand": "^4.2.0",
|
|
39
39
|
"@atlaskit/editor-plugin-mentions": "^5.2.0",
|
|
40
40
|
"@atlaskit/editor-plugin-primary-toolbar": "^4.1.0",
|
|
41
41
|
"@atlaskit/editor-prosemirror": "7.0.0",
|
|
42
|
-
"@atlaskit/editor-shared-styles": "^3.
|
|
42
|
+
"@atlaskit/editor-shared-styles": "^3.6.0",
|
|
43
43
|
"@atlaskit/form": "^12.0.0",
|
|
44
|
-
"@atlaskit/icon": "^27.
|
|
45
|
-
"@atlaskit/icon-lab": "^5.
|
|
44
|
+
"@atlaskit/icon": "^27.11.0",
|
|
45
|
+
"@atlaskit/icon-lab": "^5.4.0",
|
|
46
46
|
"@atlaskit/mention": "^24.2.0",
|
|
47
47
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
48
|
-
"@atlaskit/primitives": "^14.
|
|
48
|
+
"@atlaskit/primitives": "^14.11.0",
|
|
49
49
|
"@atlaskit/textfield": "^8.0.0",
|
|
50
50
|
"@atlaskit/theme": "^19.0.0",
|
|
51
|
-
"@atlaskit/tmp-editor-statsig": "^9.
|
|
52
|
-
"@atlaskit/tokens": "^
|
|
53
|
-
"@atlaskit/tooltip": "^20.
|
|
51
|
+
"@atlaskit/tmp-editor-statsig": "^9.27.0",
|
|
52
|
+
"@atlaskit/tokens": "^6.0.0",
|
|
53
|
+
"@atlaskit/tooltip": "^20.4.0",
|
|
54
54
|
"@babel/runtime": "^7.0.0",
|
|
55
55
|
"@emotion/react": "^11.7.1",
|
|
56
56
|
"classnames": "^2.2.5",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
},
|
|
60
60
|
"devDependencies": {
|
|
61
61
|
"@af/visual-regression": "workspace:^",
|
|
62
|
-
"@atlaskit/editor-plugin-block-type": "^6.
|
|
62
|
+
"@atlaskit/editor-plugin-block-type": "^6.2.0",
|
|
63
63
|
"@atlaskit/editor-plugin-text-formatting": "^3.0.0",
|
|
64
64
|
"@testing-library/react": "^13.4.0",
|
|
65
65
|
"@testing-library/user-event": "^14.4.3",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"react-dom": "^18.2.0"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
|
-
"@atlaskit/editor-common": "^107.
|
|
71
|
+
"@atlaskit/editor-common": "^107.20.0",
|
|
72
72
|
"react": "^18.2.0",
|
|
73
73
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
74
74
|
},
|