@atlaskit/editor-plugin-find-replace 2.10.1 → 2.10.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-find-replace
|
|
2
2
|
|
|
3
|
+
## 2.10.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#178613](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178613)
|
|
8
|
+
[`47e2c968a3b92`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/47e2c968a3b92) -
|
|
9
|
+
[ux] [ED-28399] remove padding from search match texsts in find and replace experiment
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 2.10.2
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [#178265](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178265)
|
|
17
|
+
[`4a9fa08952bfe`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4a9fa08952bfe) -
|
|
18
|
+
[ux] ED-28379 fix styles for date match in find and replace
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 2.10.1
|
|
4
22
|
|
|
5
23
|
### Patch 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)",
|
|
@@ -35,7 +35,6 @@ var findReplaceStyles = exports.findReplaceStyles = (0, _react.css)((0, _defineP
|
|
|
35
35
|
}));
|
|
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
|
-
padding: "var(--ds-space-050, 4px)".concat(" 0"),
|
|
39
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-subtler, #F8E6A0)", "\n\t\t"),
|
|
40
39
|
backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
|
|
41
40
|
color: "var(--ds-text, #172B4D)"
|
|
@@ -55,31 +54,29 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)((_css2
|
|
|
55
54
|
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")
|
|
56
55
|
}
|
|
57
56
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
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)")
|
|
59
|
-
borderRadius: '3px'
|
|
57
|
+
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)")
|
|
60
58
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass), (0, _defineProperty2.default)({
|
|
61
59
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
62
60
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
63
61
|
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")
|
|
64
62
|
}
|
|
65
63
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
66
|
-
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)")
|
|
67
|
-
borderRadius: '3px'
|
|
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)")
|
|
68
65
|
})), ".".concat(blockSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
|
|
69
66
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
70
67
|
'.loader-wrapper>div::after': {
|
|
71
68
|
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")
|
|
72
69
|
}
|
|
73
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
|
|
74
|
-
// TODO: ED-28376 - clean up !important later
|
|
70
|
+
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
71
|
+
// TODO: ED-28376 - will clean up !important later
|
|
75
72
|
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")
|
|
76
73
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
|
|
77
74
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
78
75
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
79
76
|
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")
|
|
80
77
|
}
|
|
81
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
|
|
82
|
-
// TODO: ED-28376 - clean up !important later
|
|
78
|
+
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
79
|
+
// TODO: ED-28376 - will clean up !important later
|
|
83
80
|
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")
|
|
84
81
|
})), ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass), (0, _defineProperty2.default)({
|
|
85
82
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -87,29 +84,27 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)((_css2
|
|
|
87
84
|
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")
|
|
88
85
|
}
|
|
89
86
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
90
|
-
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)")
|
|
91
|
-
borderRadius: '3px'
|
|
87
|
+
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)")
|
|
92
88
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass), (0, _defineProperty2.default)({
|
|
93
89
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
94
90
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
95
91
|
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")
|
|
96
92
|
}
|
|
97
93
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
98
|
-
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)")
|
|
99
|
-
borderRadius: '3px'
|
|
94
|
+
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)")
|
|
100
95
|
})), (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)({
|
|
101
96
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
102
97
|
'.loader-wrapper>div::after': {
|
|
103
98
|
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")
|
|
104
99
|
}
|
|
105
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
|
|
100
|
+
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
106
101
|
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")
|
|
107
102
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
|
|
108
103
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
109
104
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
110
105
|
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")
|
|
111
106
|
}
|
|
112
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
|
|
107
|
+
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
113
108
|
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")
|
|
114
109
|
})), ".".concat(searchMatchExpandTitleClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), (0, _defineProperty2.default)({
|
|
115
110
|
borderRadius: "var(--ds-space-050, 4px)",
|
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',
|
|
@@ -37,7 +37,6 @@ export const findReplaceStylesNew = css({
|
|
|
37
37
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
38
38
|
[`.${searchMatchTextClass}`]: {
|
|
39
39
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
40
|
-
padding: `${"var(--ds-space-050, 4px)"} 0`,
|
|
41
40
|
boxShadow: `
|
|
42
41
|
inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
|
|
43
42
|
inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}
|
|
@@ -86,8 +85,7 @@ export const findReplaceStylesNew = css({
|
|
|
86
85
|
`
|
|
87
86
|
},
|
|
88
87
|
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
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)"}
|
|
90
|
-
borderRadius: '3px'
|
|
88
|
+
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`
|
|
91
89
|
}
|
|
92
90
|
},
|
|
93
91
|
[`.${blockSearchMatchClass}.${selectedBlockSearchMatchClass}`]: {
|
|
@@ -99,8 +97,7 @@ export const findReplaceStylesNew = css({
|
|
|
99
97
|
`
|
|
100
98
|
},
|
|
101
99
|
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
102
|
-
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)"}
|
|
103
|
-
borderRadius: '3px'
|
|
100
|
+
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)"}`
|
|
104
101
|
}
|
|
105
102
|
},
|
|
106
103
|
/** With node selection */
|
|
@@ -113,8 +110,8 @@ export const findReplaceStylesNew = css({
|
|
|
113
110
|
0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
|
|
114
111
|
`
|
|
115
112
|
},
|
|
116
|
-
[`${inlineCardSelector}, ${statusSelector}`]: {
|
|
117
|
-
// TODO: ED-28376 - clean up !important later
|
|
113
|
+
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
114
|
+
// TODO: ED-28376 - will clean up !important later
|
|
118
115
|
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`
|
|
119
116
|
}
|
|
120
117
|
},
|
|
@@ -127,8 +124,8 @@ export const findReplaceStylesNew = css({
|
|
|
127
124
|
0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
|
|
128
125
|
`
|
|
129
126
|
},
|
|
130
|
-
[`${inlineCardSelector}, ${statusSelector}`]: {
|
|
131
|
-
// TODO: ED-28376 - clean up !important later
|
|
127
|
+
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
128
|
+
// TODO: ED-28376 - will clean up !important later
|
|
132
129
|
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`
|
|
133
130
|
}
|
|
134
131
|
},
|
|
@@ -143,8 +140,7 @@ export const findReplaceStylesNew = css({
|
|
|
143
140
|
`
|
|
144
141
|
},
|
|
145
142
|
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
146
|
-
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}
|
|
147
|
-
borderRadius: '3px'
|
|
143
|
+
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`
|
|
148
144
|
}
|
|
149
145
|
},
|
|
150
146
|
[`.${blockSearchMatchClass}.${selectedBlockSearchMatchClass}.${darkModeSearchMatchClass}`]: {
|
|
@@ -156,8 +152,7 @@ export const findReplaceStylesNew = css({
|
|
|
156
152
|
`
|
|
157
153
|
},
|
|
158
154
|
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
159
|
-
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}
|
|
160
|
-
borderRadius: '3px'
|
|
155
|
+
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`
|
|
161
156
|
}
|
|
162
157
|
},
|
|
163
158
|
/** With node selection */
|
|
@@ -170,7 +165,7 @@ export const findReplaceStylesNew = css({
|
|
|
170
165
|
0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
|
|
171
166
|
`
|
|
172
167
|
},
|
|
173
|
-
[`${inlineCardSelector}, ${statusSelector}`]: {
|
|
168
|
+
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
174
169
|
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`
|
|
175
170
|
}
|
|
176
171
|
},
|
|
@@ -183,7 +178,7 @@ export const findReplaceStylesNew = css({
|
|
|
183
178
|
0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
|
|
184
179
|
`
|
|
185
180
|
},
|
|
186
|
-
[`${inlineCardSelector}, ${statusSelector}`]: {
|
|
181
|
+
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
187
182
|
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`
|
|
188
183
|
}
|
|
189
184
|
},
|
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)",
|
|
@@ -30,7 +30,6 @@ export var findReplaceStyles = css(_defineProperty(_defineProperty({}, ".".conca
|
|
|
30
30
|
}));
|
|
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
|
-
padding: "var(--ds-space-050, 4px)".concat(" 0"),
|
|
34
33
|
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", "\n\t\t"),
|
|
35
34
|
backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
|
|
36
35
|
color: "var(--ds-text, #172B4D)"
|
|
@@ -50,31 +49,29 @@ export var findReplaceStylesNew = css((_css2 = {}, _defineProperty(_defineProper
|
|
|
50
49
|
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")
|
|
51
50
|
}
|
|
52
51
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
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)")
|
|
54
|
-
borderRadius: '3px'
|
|
52
|
+
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)")
|
|
55
53
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass), _defineProperty({
|
|
56
54
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
57
55
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
58
56
|
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")
|
|
59
57
|
}
|
|
60
58
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
61
|
-
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)")
|
|
62
|
-
borderRadius: '3px'
|
|
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)")
|
|
63
60
|
})), ".".concat(blockSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
|
|
64
61
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
65
62
|
'.loader-wrapper>div::after': {
|
|
66
63
|
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")
|
|
67
64
|
}
|
|
68
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
|
|
69
|
-
// TODO: ED-28376 - clean up !important later
|
|
65
|
+
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
66
|
+
// TODO: ED-28376 - will clean up !important later
|
|
70
67
|
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")
|
|
71
68
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
|
|
72
69
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
73
70
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
74
71
|
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 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")
|
|
75
72
|
}
|
|
76
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
|
|
77
|
-
// TODO: ED-28376 - clean up !important later
|
|
73
|
+
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
74
|
+
// TODO: ED-28376 - will clean up !important later
|
|
78
75
|
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")
|
|
79
76
|
})), ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass), _defineProperty({
|
|
80
77
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -82,29 +79,27 @@ export var findReplaceStylesNew = css((_css2 = {}, _defineProperty(_defineProper
|
|
|
82
79
|
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")
|
|
83
80
|
}
|
|
84
81
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
85
|
-
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)")
|
|
86
|
-
borderRadius: '3px'
|
|
82
|
+
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)")
|
|
87
83
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass), _defineProperty({
|
|
88
84
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
89
85
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
90
86
|
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")
|
|
91
87
|
}
|
|
92
88
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
93
|
-
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)")
|
|
94
|
-
borderRadius: '3px'
|
|
89
|
+
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)")
|
|
95
90
|
})), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css2, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
|
|
96
91
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
97
92
|
'.loader-wrapper>div::after': {
|
|
98
93
|
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")
|
|
99
94
|
}
|
|
100
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
|
|
95
|
+
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
101
96
|
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")
|
|
102
97
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
|
|
103
98
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
104
99
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
105
100
|
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")
|
|
106
101
|
}
|
|
107
|
-
}, "".concat(inlineCardSelector, ", ").concat(statusSelector), {
|
|
102
|
+
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
108
103
|
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")
|
|
109
104
|
})), ".".concat(searchMatchExpandTitleClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), _defineProperty({
|
|
110
105
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
@@ -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[];
|
|
@@ -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.
|
|
3
|
+
"version": "2.10.3",
|
|
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.
|
|
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.
|
|
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.
|
|
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",
|