@atlaskit/editor-plugin-find-replace 3.1.2 → 3.1.4
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 +17 -0
- package/dist/cjs/ui/styles.js +45 -49
- package/dist/es2019/ui/styles.js +67 -64
- package/dist/esm/ui/styles.js +44 -48
- package/dist/types/ui/styles.d.ts +2 -2
- package/dist/types-ts4.5/ui/styles.d.ts +2 -2
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-find-replace
|
|
2
2
|
|
|
3
|
+
## 3.1.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#185513](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/185513)
|
|
8
|
+
[`ee3b4336e4aa9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee3b4336e4aa9) -
|
|
9
|
+
ED-28408 clean up fg platform_editor_find_and_replace_magenta_match
|
|
10
|
+
|
|
11
|
+
## 3.1.3
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [#180962](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/180962)
|
|
16
|
+
[`1aa3eabc00314`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1aa3eabc00314) -
|
|
17
|
+
ED-28376 clean up usage of !important in find and replace styles
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 3.1.2
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
package/dist/cjs/ui/styles.js
CHANGED
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.selectedSearchMatchClass = exports.selectedBlockSearchMatchClass = exports.searchMatchTextClass = exports.searchMatchExpandTitleClass = exports.searchMatchClass = exports.
|
|
7
|
+
exports.selectedSearchMatchClass = exports.selectedBlockSearchMatchClass = exports.searchMatchTextClass = exports.searchMatchExpandTitleClass = exports.searchMatchClass = exports.findReplaceStylesNewNoImportant = exports.findReplaceStylesNew = exports.findReplaceStyles = exports.darkModeSearchMatchClass = exports.blockSearchMatchClass = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _colors = require("@atlaskit/theme/colors");
|
|
@@ -33,120 +33,118 @@ var findReplaceStyles = exports.findReplaceStyles = (0, _react.css)((0, _defineP
|
|
|
33
33
|
}), ".".concat(selectedSearchMatchClass), {
|
|
34
34
|
backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
|
|
35
35
|
}));
|
|
36
|
-
var
|
|
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
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
38
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t"),
|
|
39
39
|
// TODO: ED-28376 - clean up !important later
|
|
40
|
-
backgroundColor: "var(--ds-background-accent-
|
|
40
|
+
backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)".concat(" !important"),
|
|
41
41
|
color: "var(--ds-text, #172B4D)"
|
|
42
42
|
}), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass), {
|
|
43
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
43
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t"),
|
|
44
44
|
// TODO: ED-28376 - clean up !important later
|
|
45
|
-
backgroundColor: "var(--ds-background-accent-
|
|
45
|
+
backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)".concat(" !important")
|
|
46
46
|
}), ".".concat(searchMatchTextClass, ".").concat(darkModeSearchMatchClass), {
|
|
47
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
47
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t"),
|
|
48
48
|
// TODO: ED-28376 - clean up !important later
|
|
49
|
-
backgroundColor: "var(--ds-background-accent-
|
|
49
|
+
backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)".concat(" !important"),
|
|
50
50
|
color: "var(--ds-text-inverse, #FFFFFF)"
|
|
51
51
|
}), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass), {
|
|
52
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
52
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t"),
|
|
53
53
|
// TODO: ED-28376 - clean up !important later
|
|
54
|
-
backgroundColor: "var(--ds-background-accent-
|
|
54
|
+
backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)".concat(" !important")
|
|
55
55
|
}), ".".concat(blockSearchMatchClass), (0, _defineProperty2.default)({
|
|
56
56
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
57
57
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
58
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
58
|
+
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
59
|
}
|
|
60
60
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
61
|
-
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-
|
|
61
|
+
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
62
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass), (0, _defineProperty2.default)({
|
|
63
63
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
64
64
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
65
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
65
|
+
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
66
|
}
|
|
67
67
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
68
|
-
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-
|
|
68
|
+
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
69
|
})), ".".concat(blockSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
|
|
70
70
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
71
71
|
'.loader-wrapper>div::after': {
|
|
72
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
72
|
+
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
73
|
}
|
|
74
74
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
75
75
|
// TODO: ED-28376 - will clean up !important later
|
|
76
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-
|
|
76
|
+
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
77
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
|
|
78
78
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
79
79
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
80
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
80
|
+
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
81
|
}
|
|
82
82
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
83
83
|
// TODO: ED-28376 - will clean up !important later
|
|
84
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-
|
|
84
|
+
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
85
|
})), ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass), (0, _defineProperty2.default)({
|
|
86
86
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
87
87
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
88
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
88
|
+
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
89
|
}
|
|
90
90
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
91
|
-
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-
|
|
91
|
+
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
92
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass), (0, _defineProperty2.default)({
|
|
93
93
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
94
94
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
95
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
95
|
+
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
96
|
}
|
|
97
97
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
98
|
-
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-
|
|
98
|
+
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
99
|
})), (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
100
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
101
101
|
'.loader-wrapper>div::after': {
|
|
102
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
102
|
+
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
103
|
}
|
|
104
104
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
105
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-
|
|
105
|
+
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
106
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
|
|
107
107
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
108
108
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
109
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
109
|
+
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
110
|
}
|
|
111
111
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
112
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-
|
|
112
|
+
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
113
|
})), ".".concat(searchMatchExpandTitleClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), (0, _defineProperty2.default)({
|
|
114
114
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
115
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
116
|
-
backgroundColor: "var(--ds-background-accent-
|
|
115
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t"),
|
|
116
|
+
backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)"
|
|
117
117
|
}, ".".concat(_styles.expandClassNames.titleInput), {
|
|
118
118
|
color: "var(--ds-text, #172B4D)"
|
|
119
119
|
})), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), {
|
|
120
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
121
|
-
backgroundColor: "var(--ds-background-accent-
|
|
120
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t"),
|
|
121
|
+
backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"
|
|
122
122
|
}), ".".concat(searchMatchExpandTitleClass, ".").concat(darkModeSearchMatchClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), (0, _defineProperty2.default)({
|
|
123
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
124
|
-
backgroundColor: "var(--ds-background-accent-
|
|
123
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t"),
|
|
124
|
+
backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)"
|
|
125
125
|
}, ".".concat(_styles.expandClassNames.titleInput), {
|
|
126
126
|
color: "var(--ds-text-inverse, #FFFFFF)"
|
|
127
127
|
})), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), {
|
|
128
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
129
|
-
backgroundColor: "var(--ds-background-accent-
|
|
128
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t"),
|
|
129
|
+
backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
|
|
130
130
|
})));
|
|
131
|
-
var
|
|
131
|
+
var findReplaceStylesNewNoImportant = exports.findReplaceStylesNewNoImportant = (0, _react.css)((_css3 = {}, (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)(_css3, ".".concat(searchMatchTextClass), {
|
|
132
132
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
133
133
|
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t"),
|
|
134
|
-
//
|
|
134
|
+
// we need to use !important here as we need to override inline selection styles
|
|
135
135
|
backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)".concat(" !important"),
|
|
136
136
|
color: "var(--ds-text, #172B4D)"
|
|
137
137
|
}), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass), {
|
|
138
138
|
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t"),
|
|
139
|
-
//
|
|
139
|
+
// we need to use !important here as we need to override inline selection styles
|
|
140
140
|
backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)".concat(" !important")
|
|
141
141
|
}), ".".concat(searchMatchTextClass, ".").concat(darkModeSearchMatchClass), {
|
|
142
142
|
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t"),
|
|
143
|
-
|
|
144
|
-
backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)".concat(" !important"),
|
|
143
|
+
backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)",
|
|
145
144
|
color: "var(--ds-text-inverse, #FFFFFF)"
|
|
146
145
|
}), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass), {
|
|
147
146
|
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t"),
|
|
148
|
-
|
|
149
|
-
backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)".concat(" !important")
|
|
147
|
+
backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
|
|
150
148
|
}), ".".concat(blockSearchMatchClass), (0, _defineProperty2.default)({
|
|
151
149
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
152
150
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
@@ -161,22 +159,20 @@ var findReplaceStylesNewMagenta = exports.findReplaceStylesNewMagenta = (0, _rea
|
|
|
161
159
|
}
|
|
162
160
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
163
161
|
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)")
|
|
164
|
-
})), ".".concat(blockSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
|
|
162
|
+
})), ".".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)({
|
|
165
163
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
166
164
|
'.loader-wrapper>div::after': {
|
|
167
165
|
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")
|
|
168
166
|
}
|
|
169
167
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
170
|
-
|
|
171
|
-
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")
|
|
168
|
+
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)")
|
|
172
169
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
|
|
173
170
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
174
171
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
175
172
|
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")
|
|
176
173
|
}
|
|
177
174
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
178
|
-
|
|
179
|
-
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")
|
|
175
|
+
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)")
|
|
180
176
|
})), ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass), (0, _defineProperty2.default)({
|
|
181
177
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
182
178
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
@@ -191,20 +187,20 @@ var findReplaceStylesNewMagenta = exports.findReplaceStylesNewMagenta = (0, _rea
|
|
|
191
187
|
}
|
|
192
188
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
193
189
|
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)")
|
|
194
|
-
})), (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"), (0, _defineProperty2.default)({
|
|
190
|
+
})), (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)({
|
|
195
191
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
196
192
|
'.loader-wrapper>div::after': {
|
|
197
193
|
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")
|
|
198
194
|
}
|
|
199
195
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
200
|
-
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)"
|
|
196
|
+
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)")
|
|
201
197
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
|
|
202
198
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
203
199
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
204
200
|
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")
|
|
205
201
|
}
|
|
206
202
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
207
|
-
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)"
|
|
203
|
+
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)")
|
|
208
204
|
})), ".".concat(searchMatchExpandTitleClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), (0, _defineProperty2.default)({
|
|
209
205
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
210
206
|
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t"),
|
package/dist/es2019/ui/styles.js
CHANGED
|
@@ -29,7 +29,7 @@ export const findReplaceStyles = css({
|
|
|
29
29
|
backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
|
|
30
30
|
}
|
|
31
31
|
});
|
|
32
|
-
export const
|
|
32
|
+
export const findReplaceStylesNew = css({
|
|
33
33
|
/** Text match styles */
|
|
34
34
|
|
|
35
35
|
/** Light mode */
|
|
@@ -38,42 +38,42 @@ export const findReplaceStylesNewYellow = css({
|
|
|
38
38
|
[`.${searchMatchTextClass}`]: {
|
|
39
39
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
40
40
|
boxShadow: `
|
|
41
|
-
inset 0 0 0 1px ${"var(--ds-background-accent-
|
|
42
|
-
inset 0 0 0 5px ${"var(--ds-background-accent-
|
|
41
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"},
|
|
42
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"}
|
|
43
43
|
`,
|
|
44
44
|
// TODO: ED-28376 - clean up !important later
|
|
45
|
-
backgroundColor: `${"var(--ds-background-accent-
|
|
45
|
+
backgroundColor: `${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"} !important`,
|
|
46
46
|
color: "var(--ds-text, #172B4D)"
|
|
47
47
|
},
|
|
48
48
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
49
49
|
[`.${searchMatchTextClass}.${selectedSearchMatchClass}`]: {
|
|
50
50
|
boxShadow: `
|
|
51
|
-
inset 0 0 0 1px ${"var(--ds-background-accent-
|
|
52
|
-
inset 0 0 0 5px ${"var(--ds-background-accent-
|
|
51
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"},
|
|
52
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"}
|
|
53
53
|
`,
|
|
54
54
|
// TODO: ED-28376 - clean up !important later
|
|
55
|
-
backgroundColor: `${"var(--ds-background-accent-
|
|
55
|
+
backgroundColor: `${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"} !important`
|
|
56
56
|
},
|
|
57
57
|
/** Dark mode */
|
|
58
58
|
|
|
59
59
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
60
60
|
[`.${searchMatchTextClass}.${darkModeSearchMatchClass}`]: {
|
|
61
61
|
boxShadow: `
|
|
62
|
-
inset 0 0 0 1px ${"var(--ds-background-accent-
|
|
63
|
-
inset 0 0 0 5px ${"var(--ds-background-accent-
|
|
62
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
|
|
63
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"}
|
|
64
64
|
`,
|
|
65
65
|
// TODO: ED-28376 - clean up !important later
|
|
66
|
-
backgroundColor: `${"var(--ds-background-accent-
|
|
66
|
+
backgroundColor: `${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"} !important`,
|
|
67
67
|
color: "var(--ds-text-inverse, #FFFFFF)"
|
|
68
68
|
},
|
|
69
69
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
70
70
|
[`.${searchMatchTextClass}.${selectedSearchMatchClass}.${darkModeSearchMatchClass}`]: {
|
|
71
71
|
boxShadow: `
|
|
72
|
-
inset 0 0 0 1px ${"var(--ds-background-accent-
|
|
73
|
-
inset 0 0 0 5px ${"var(--ds-background-accent-
|
|
72
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
|
|
73
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}
|
|
74
74
|
`,
|
|
75
75
|
// TODO: ED-28376 - clean up !important later
|
|
76
|
-
backgroundColor: `${"var(--ds-background-accent-
|
|
76
|
+
backgroundColor: `${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"} !important`
|
|
77
77
|
},
|
|
78
78
|
/** Block match styles */
|
|
79
79
|
|
|
@@ -84,24 +84,24 @@ export const findReplaceStylesNewYellow = css({
|
|
|
84
84
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
85
85
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
86
86
|
boxShadow: `
|
|
87
|
-
inset 0 0 0 1px ${"var(--ds-background-accent-
|
|
88
|
-
inset 0 0 0 5px ${"var(--ds-background-accent-
|
|
87
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"},
|
|
88
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"}
|
|
89
89
|
`
|
|
90
90
|
},
|
|
91
91
|
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
92
|
-
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-
|
|
92
|
+
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
93
|
}
|
|
94
94
|
},
|
|
95
95
|
[`.${blockSearchMatchClass}.${selectedBlockSearchMatchClass}`]: {
|
|
96
96
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
97
97
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
98
98
|
boxShadow: `
|
|
99
|
-
inset 0 0 0 1px ${"var(--ds-background-accent-
|
|
100
|
-
inset 0 0 0 4px ${"var(--ds-background-accent-
|
|
99
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"},
|
|
100
|
+
inset 0 0 0 4px ${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"}
|
|
101
101
|
`
|
|
102
102
|
},
|
|
103
103
|
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
104
|
-
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-
|
|
104
|
+
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
105
|
}
|
|
106
106
|
},
|
|
107
107
|
/** With node selection */
|
|
@@ -109,28 +109,28 @@ export const findReplaceStylesNewYellow = css({
|
|
|
109
109
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
110
110
|
'.loader-wrapper>div::after': {
|
|
111
111
|
boxShadow: `
|
|
112
|
-
inset 0 0 0 1px ${"var(--ds-background-accent-
|
|
113
|
-
inset 0 0 0 5px ${"var(--ds-background-accent-
|
|
112
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"},
|
|
113
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"},
|
|
114
114
|
0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
|
|
115
115
|
`
|
|
116
116
|
},
|
|
117
117
|
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
118
118
|
// TODO: ED-28376 - will clean up !important later
|
|
119
|
-
boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-
|
|
119
|
+
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
120
|
}
|
|
121
121
|
},
|
|
122
122
|
[`.${blockSearchMatchClass}.${selectedBlockSearchMatchClass}.ak-editor-selected-node`]: {
|
|
123
123
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
124
124
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
125
125
|
boxShadow: `
|
|
126
|
-
inset 0 0 0 1px ${"var(--ds-background-accent-
|
|
127
|
-
inset 0 0 0 4px ${"var(--ds-background-accent-
|
|
126
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"},
|
|
127
|
+
inset 0 0 0 4px ${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"},
|
|
128
128
|
0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
|
|
129
129
|
`
|
|
130
130
|
},
|
|
131
131
|
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
132
132
|
// TODO: ED-28376 - will clean up !important later
|
|
133
|
-
boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-
|
|
133
|
+
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
134
|
}
|
|
135
135
|
},
|
|
136
136
|
/** Dark mode */
|
|
@@ -139,24 +139,24 @@ export const findReplaceStylesNewYellow = css({
|
|
|
139
139
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
140
140
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
141
141
|
boxShadow: `
|
|
142
|
-
inset 0 0 0 1px ${"var(--ds-background-accent-
|
|
143
|
-
inset 0 0 0 5px ${"var(--ds-background-accent-
|
|
142
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
|
|
143
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"}
|
|
144
144
|
`
|
|
145
145
|
},
|
|
146
146
|
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
147
|
-
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-
|
|
147
|
+
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
148
|
}
|
|
149
149
|
},
|
|
150
150
|
[`.${blockSearchMatchClass}.${selectedBlockSearchMatchClass}.${darkModeSearchMatchClass}`]: {
|
|
151
151
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
152
152
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
153
153
|
boxShadow: `
|
|
154
|
-
inset 0 0 0 1px ${"var(--ds-background-accent-
|
|
155
|
-
inset 0 0 0 4px ${"var(--ds-background-accent-
|
|
154
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
|
|
155
|
+
inset 0 0 0 4px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}
|
|
156
156
|
`
|
|
157
157
|
},
|
|
158
158
|
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
159
|
-
boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-
|
|
159
|
+
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
160
|
}
|
|
161
161
|
},
|
|
162
162
|
/** With node selection */
|
|
@@ -164,26 +164,26 @@ export const findReplaceStylesNewYellow = css({
|
|
|
164
164
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
165
165
|
'.loader-wrapper>div::after': {
|
|
166
166
|
boxShadow: `
|
|
167
|
-
inset 0 0 0 1px ${"var(--ds-background-accent-
|
|
168
|
-
inset 0 0 0 5px ${"var(--ds-background-accent-
|
|
167
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
|
|
168
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"},
|
|
169
169
|
0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
|
|
170
170
|
`
|
|
171
171
|
},
|
|
172
172
|
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
173
|
-
boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-
|
|
173
|
+
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
174
|
}
|
|
175
175
|
},
|
|
176
176
|
[`.${blockSearchMatchClass}.${selectedBlockSearchMatchClass}.${darkModeSearchMatchClass}.ak-editor-selected-node`]: {
|
|
177
177
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
178
178
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
179
179
|
boxShadow: `
|
|
180
|
-
inset 0 0 0 1px ${"var(--ds-background-accent-
|
|
181
|
-
inset 0 0 0 4px ${"var(--ds-background-accent-
|
|
180
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
|
|
181
|
+
inset 0 0 0 4px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"},
|
|
182
182
|
0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
|
|
183
183
|
`
|
|
184
184
|
},
|
|
185
185
|
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
186
|
-
boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-
|
|
186
|
+
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
187
|
}
|
|
188
188
|
},
|
|
189
189
|
/** Expand title match styles */
|
|
@@ -194,10 +194,10 @@ export const findReplaceStylesNewYellow = css({
|
|
|
194
194
|
[`.${searchMatchExpandTitleClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
|
|
195
195
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
196
196
|
boxShadow: `
|
|
197
|
-
inset 0 0 0 1px ${"var(--ds-background-accent-
|
|
198
|
-
inset 0 0 0 5px ${"var(--ds-background-accent-
|
|
197
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"},
|
|
198
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"}
|
|
199
199
|
`,
|
|
200
|
-
backgroundColor: "var(--ds-background-accent-
|
|
200
|
+
backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)",
|
|
201
201
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
202
202
|
[`.${expandClassNames.titleInput}`]: {
|
|
203
203
|
color: "var(--ds-text, #172B4D)"
|
|
@@ -206,20 +206,20 @@ export const findReplaceStylesNewYellow = css({
|
|
|
206
206
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
207
207
|
[`.${searchMatchExpandTitleClass}.${selectedSearchMatchClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
|
|
208
208
|
boxShadow: `
|
|
209
|
-
inset 0 0 0 1px ${"var(--ds-background-accent-
|
|
210
|
-
inset 0 0 0 5px ${"var(--ds-background-accent-
|
|
209
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"},
|
|
210
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"}
|
|
211
211
|
`,
|
|
212
|
-
backgroundColor: "var(--ds-background-accent-
|
|
212
|
+
backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"
|
|
213
213
|
},
|
|
214
214
|
/** Dark mode */
|
|
215
215
|
|
|
216
216
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
217
217
|
[`.${searchMatchExpandTitleClass}.${darkModeSearchMatchClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
|
|
218
218
|
boxShadow: `
|
|
219
|
-
inset 0 0 0 1px ${"var(--ds-background-accent-
|
|
220
|
-
inset 0 0 0 5px ${"var(--ds-background-accent-
|
|
219
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
|
|
220
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"}
|
|
221
221
|
`,
|
|
222
|
-
backgroundColor: "var(--ds-background-accent-
|
|
222
|
+
backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)",
|
|
223
223
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
224
224
|
[`.${expandClassNames.titleInput}`]: {
|
|
225
225
|
color: "var(--ds-text-inverse, #FFFFFF)"
|
|
@@ -228,13 +228,13 @@ export const findReplaceStylesNewYellow = css({
|
|
|
228
228
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
229
229
|
[`.${searchMatchExpandTitleClass}.${selectedSearchMatchClass}.${darkModeSearchMatchClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
|
|
230
230
|
boxShadow: `
|
|
231
|
-
inset 0 0 0 1px ${"var(--ds-background-accent-
|
|
232
|
-
inset 0 0 0 5px ${"var(--ds-background-accent-
|
|
231
|
+
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
|
|
232
|
+
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}
|
|
233
233
|
`,
|
|
234
|
-
backgroundColor: "var(--ds-background-accent-
|
|
234
|
+
backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
|
|
235
235
|
}
|
|
236
236
|
});
|
|
237
|
-
export const
|
|
237
|
+
export const findReplaceStylesNewNoImportant = css({
|
|
238
238
|
/** Text match styles */
|
|
239
239
|
|
|
240
240
|
/** Light mode */
|
|
@@ -246,7 +246,7 @@ export const findReplaceStylesNewMagenta = css({
|
|
|
246
246
|
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"},
|
|
247
247
|
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"}
|
|
248
248
|
`,
|
|
249
|
-
//
|
|
249
|
+
// we need to use !important here as we need to override inline selection styles
|
|
250
250
|
backgroundColor: `${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"} !important`,
|
|
251
251
|
color: "var(--ds-text, #172B4D)"
|
|
252
252
|
},
|
|
@@ -256,7 +256,7 @@ export const findReplaceStylesNewMagenta = css({
|
|
|
256
256
|
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"},
|
|
257
257
|
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"}
|
|
258
258
|
`,
|
|
259
|
-
//
|
|
259
|
+
// we need to use !important here as we need to override inline selection styles
|
|
260
260
|
backgroundColor: `${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"} !important`
|
|
261
261
|
},
|
|
262
262
|
/** Dark mode */
|
|
@@ -267,8 +267,7 @@ export const findReplaceStylesNewMagenta = css({
|
|
|
267
267
|
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
|
|
268
268
|
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"}
|
|
269
269
|
`,
|
|
270
|
-
|
|
271
|
-
backgroundColor: `${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"} !important`,
|
|
270
|
+
backgroundColor: `${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"}`,
|
|
272
271
|
color: "var(--ds-text-inverse, #FFFFFF)"
|
|
273
272
|
},
|
|
274
273
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -277,8 +276,7 @@ export const findReplaceStylesNewMagenta = css({
|
|
|
277
276
|
inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
|
|
278
277
|
inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}
|
|
279
278
|
`,
|
|
280
|
-
|
|
281
|
-
backgroundColor: `${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"} !important`
|
|
279
|
+
backgroundColor: `${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}`
|
|
282
280
|
},
|
|
283
281
|
/** Block match styles */
|
|
284
282
|
|
|
@@ -310,7 +308,13 @@ export const findReplaceStylesNewMagenta = css({
|
|
|
310
308
|
}
|
|
311
309
|
},
|
|
312
310
|
/** With node selection */
|
|
313
|
-
|
|
311
|
+
|
|
312
|
+
// We need to include the embedCardView and statusView classes to have higher specificity than the default selected state styles
|
|
313
|
+
[`.${blockSearchMatchClass}.embedCardView-content-wrap.ak-editor-selected-node,
|
|
314
|
+
.${blockSearchMatchClass}.statusView-content-wrap.ak-editor-selected-node,
|
|
315
|
+
.${blockSearchMatchClass}.mentionView-content-wrap.ak-editor-selected-node,
|
|
316
|
+
.${blockSearchMatchClass}.inlineCardView-content-wrap.ak-editor-selected-node,
|
|
317
|
+
.${blockSearchMatchClass}.ak-editor-selected-node`]: {
|
|
314
318
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
315
319
|
'.loader-wrapper>div::after': {
|
|
316
320
|
boxShadow: `
|
|
@@ -319,9 +323,9 @@ export const findReplaceStylesNewMagenta = css({
|
|
|
319
323
|
0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
|
|
320
324
|
`
|
|
321
325
|
},
|
|
326
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
322
327
|
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
323
|
-
|
|
324
|
-
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`
|
|
328
|
+
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)"}`
|
|
325
329
|
}
|
|
326
330
|
},
|
|
327
331
|
[`.${blockSearchMatchClass}.${selectedBlockSearchMatchClass}.ak-editor-selected-node`]: {
|
|
@@ -334,8 +338,7 @@ export const findReplaceStylesNewMagenta = css({
|
|
|
334
338
|
`
|
|
335
339
|
},
|
|
336
340
|
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
337
|
-
|
|
338
|
-
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`
|
|
341
|
+
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)"}`
|
|
339
342
|
}
|
|
340
343
|
},
|
|
341
344
|
/** Dark mode */
|
|
@@ -365,7 +368,7 @@ export const findReplaceStylesNewMagenta = css({
|
|
|
365
368
|
}
|
|
366
369
|
},
|
|
367
370
|
/** With node selection */
|
|
368
|
-
[`.${blockSearchMatchClass}.${darkModeSearchMatchClass}.ak-editor-selected-node`]: {
|
|
371
|
+
[`.${blockSearchMatchClass}.${darkModeSearchMatchClass}.ak-editor-selected-node, .${blockSearchMatchClass}.${darkModeSearchMatchClass}.mentionView-content-wrap.ak-editor-selected-node`]: {
|
|
369
372
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
370
373
|
'.loader-wrapper>div::after': {
|
|
371
374
|
boxShadow: `
|
|
@@ -375,7 +378,7 @@ export const findReplaceStylesNewMagenta = css({
|
|
|
375
378
|
`
|
|
376
379
|
},
|
|
377
380
|
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
378
|
-
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)"}
|
|
381
|
+
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)"}`
|
|
379
382
|
}
|
|
380
383
|
},
|
|
381
384
|
[`.${blockSearchMatchClass}.${selectedBlockSearchMatchClass}.${darkModeSearchMatchClass}.ak-editor-selected-node`]: {
|
|
@@ -388,7 +391,7 @@ export const findReplaceStylesNewMagenta = css({
|
|
|
388
391
|
`
|
|
389
392
|
},
|
|
390
393
|
[`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
|
|
391
|
-
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)"}
|
|
394
|
+
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)"}`
|
|
392
395
|
}
|
|
393
396
|
},
|
|
394
397
|
/** Expand title match styles */
|
package/dist/esm/ui/styles.js
CHANGED
|
@@ -28,120 +28,118 @@ export var findReplaceStyles = css(_defineProperty(_defineProperty({}, ".".conca
|
|
|
28
28
|
}), ".".concat(selectedSearchMatchClass), {
|
|
29
29
|
backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
|
|
30
30
|
}));
|
|
31
|
-
export var
|
|
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
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
33
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t"),
|
|
34
34
|
// TODO: ED-28376 - clean up !important later
|
|
35
|
-
backgroundColor: "var(--ds-background-accent-
|
|
35
|
+
backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)".concat(" !important"),
|
|
36
36
|
color: "var(--ds-text, #172B4D)"
|
|
37
37
|
}), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass), {
|
|
38
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
38
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t"),
|
|
39
39
|
// TODO: ED-28376 - clean up !important later
|
|
40
|
-
backgroundColor: "var(--ds-background-accent-
|
|
40
|
+
backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)".concat(" !important")
|
|
41
41
|
}), ".".concat(searchMatchTextClass, ".").concat(darkModeSearchMatchClass), {
|
|
42
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
42
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t"),
|
|
43
43
|
// TODO: ED-28376 - clean up !important later
|
|
44
|
-
backgroundColor: "var(--ds-background-accent-
|
|
44
|
+
backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)".concat(" !important"),
|
|
45
45
|
color: "var(--ds-text-inverse, #FFFFFF)"
|
|
46
46
|
}), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass), {
|
|
47
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
47
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t"),
|
|
48
48
|
// TODO: ED-28376 - clean up !important later
|
|
49
|
-
backgroundColor: "var(--ds-background-accent-
|
|
49
|
+
backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)".concat(" !important")
|
|
50
50
|
}), ".".concat(blockSearchMatchClass), _defineProperty({
|
|
51
51
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
52
52
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
53
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
53
|
+
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
54
|
}
|
|
55
55
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
56
|
-
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-
|
|
56
|
+
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
57
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass), _defineProperty({
|
|
58
58
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
59
59
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
60
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
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 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t\t")
|
|
61
61
|
}
|
|
62
62
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
63
|
-
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-
|
|
63
|
+
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
64
|
})), ".".concat(blockSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
|
|
65
65
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
66
66
|
'.loader-wrapper>div::after': {
|
|
67
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
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 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
68
|
}
|
|
69
69
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
70
70
|
// TODO: ED-28376 - will clean up !important later
|
|
71
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-
|
|
71
|
+
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
72
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
|
|
73
73
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
74
74
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
75
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
75
|
+
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
76
|
}
|
|
77
77
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
78
78
|
// TODO: ED-28376 - will clean up !important later
|
|
79
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-
|
|
79
|
+
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
80
|
})), ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass), _defineProperty({
|
|
81
81
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
82
82
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
83
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
83
|
+
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
84
|
}
|
|
85
85
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
86
|
-
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-
|
|
86
|
+
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
87
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass), _defineProperty({
|
|
88
88
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
89
89
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
90
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
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 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t\t")
|
|
91
91
|
}
|
|
92
92
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
93
|
-
boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-
|
|
93
|
+
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
94
|
})), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css2, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
|
|
95
95
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
96
96
|
'.loader-wrapper>div::after': {
|
|
97
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
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 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
98
|
}
|
|
99
99
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
100
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-
|
|
100
|
+
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
101
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
|
|
102
102
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
103
103
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
104
|
-
boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
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 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
105
|
}
|
|
106
106
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
107
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-
|
|
107
|
+
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
108
|
})), ".".concat(searchMatchExpandTitleClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), _defineProperty({
|
|
109
109
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
110
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
111
|
-
backgroundColor: "var(--ds-background-accent-
|
|
110
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t"),
|
|
111
|
+
backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)"
|
|
112
112
|
}, ".".concat(expandClassNames.titleInput), {
|
|
113
113
|
color: "var(--ds-text, #172B4D)"
|
|
114
114
|
})), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), {
|
|
115
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
116
|
-
backgroundColor: "var(--ds-background-accent-
|
|
115
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t"),
|
|
116
|
+
backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"
|
|
117
117
|
}), ".".concat(searchMatchExpandTitleClass, ".").concat(darkModeSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), _defineProperty({
|
|
118
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
119
|
-
backgroundColor: "var(--ds-background-accent-
|
|
118
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t"),
|
|
119
|
+
backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)"
|
|
120
120
|
}, ".".concat(expandClassNames.titleInput), {
|
|
121
121
|
color: "var(--ds-text-inverse, #FFFFFF)"
|
|
122
122
|
})), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), {
|
|
123
|
-
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-
|
|
124
|
-
backgroundColor: "var(--ds-background-accent-
|
|
123
|
+
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t"),
|
|
124
|
+
backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
|
|
125
125
|
})));
|
|
126
|
-
export var
|
|
126
|
+
export var findReplaceStylesNewNoImportant = css((_css3 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css3, ".".concat(searchMatchTextClass), {
|
|
127
127
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
128
128
|
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t"),
|
|
129
|
-
//
|
|
129
|
+
// we need to use !important here as we need to override inline selection styles
|
|
130
130
|
backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)".concat(" !important"),
|
|
131
131
|
color: "var(--ds-text, #172B4D)"
|
|
132
132
|
}), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass), {
|
|
133
133
|
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t"),
|
|
134
|
-
//
|
|
134
|
+
// we need to use !important here as we need to override inline selection styles
|
|
135
135
|
backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)".concat(" !important")
|
|
136
136
|
}), ".".concat(searchMatchTextClass, ".").concat(darkModeSearchMatchClass), {
|
|
137
137
|
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t"),
|
|
138
|
-
|
|
139
|
-
backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)".concat(" !important"),
|
|
138
|
+
backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)",
|
|
140
139
|
color: "var(--ds-text-inverse, #FFFFFF)"
|
|
141
140
|
}), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass), {
|
|
142
141
|
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t"),
|
|
143
|
-
|
|
144
|
-
backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)".concat(" !important")
|
|
142
|
+
backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
|
|
145
143
|
}), ".".concat(blockSearchMatchClass), _defineProperty({
|
|
146
144
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
147
145
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
@@ -156,22 +154,20 @@ export var findReplaceStylesNewMagenta = css((_css3 = {}, _defineProperty(_defin
|
|
|
156
154
|
}
|
|
157
155
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
158
156
|
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)")
|
|
159
|
-
})), ".".concat(blockSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
|
|
157
|
+
})), ".".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({
|
|
160
158
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
161
159
|
'.loader-wrapper>div::after': {
|
|
162
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 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
|
|
163
161
|
}
|
|
164
162
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
165
|
-
|
|
166
|
-
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")
|
|
163
|
+
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)")
|
|
167
164
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
|
|
168
165
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
169
166
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
170
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 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")
|
|
171
168
|
}
|
|
172
169
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
173
|
-
|
|
174
|
-
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")
|
|
170
|
+
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)")
|
|
175
171
|
})), ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass), _defineProperty({
|
|
176
172
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
177
173
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
@@ -186,20 +182,20 @@ export var findReplaceStylesNewMagenta = css((_css3 = {}, _defineProperty(_defin
|
|
|
186
182
|
}
|
|
187
183
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
188
184
|
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)")
|
|
189
|
-
})), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css3, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
|
|
185
|
+
})), _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({
|
|
190
186
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
191
187
|
'.loader-wrapper>div::after': {
|
|
192
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 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")
|
|
193
189
|
}
|
|
194
190
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
195
|
-
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)"
|
|
191
|
+
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)")
|
|
196
192
|
})), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
|
|
197
193
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
198
194
|
'[data-smart-link-container="true"], .loader-wrapper>div::after': {
|
|
199
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 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")
|
|
200
196
|
}
|
|
201
197
|
}, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
|
|
202
|
-
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)"
|
|
198
|
+
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)")
|
|
203
199
|
})), ".".concat(searchMatchExpandTitleClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), _defineProperty({
|
|
204
200
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
205
201
|
boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t"),
|
|
@@ -6,5 +6,5 @@ export declare const selectedBlockSearchMatchClass = "search-match-block-selecte
|
|
|
6
6
|
export declare const darkModeSearchMatchClass = "search-match-dark";
|
|
7
7
|
export declare const searchMatchExpandTitleClass = "search-match-expand-title";
|
|
8
8
|
export declare const findReplaceStyles: import("@emotion/react").SerializedStyles;
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
9
|
+
export declare const findReplaceStylesNew: import("@emotion/react").SerializedStyles;
|
|
10
|
+
export declare const findReplaceStylesNewNoImportant: import("@emotion/react").SerializedStyles;
|
|
@@ -6,5 +6,5 @@ export declare const selectedBlockSearchMatchClass = "search-match-block-selecte
|
|
|
6
6
|
export declare const darkModeSearchMatchClass = "search-match-dark";
|
|
7
7
|
export declare const searchMatchExpandTitleClass = "search-match-expand-title";
|
|
8
8
|
export declare const findReplaceStyles: import("@emotion/react").SerializedStyles;
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
9
|
+
export declare const findReplaceStylesNew: import("@emotion/react").SerializedStyles;
|
|
10
|
+
export declare const findReplaceStylesNewNoImportant: import("@emotion/react").SerializedStyles;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-find-replace",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.4",
|
|
4
4
|
"description": "find replace plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -48,8 +48,8 @@
|
|
|
48
48
|
"@atlaskit/primitives": "^14.10.0",
|
|
49
49
|
"@atlaskit/textfield": "^8.0.0",
|
|
50
50
|
"@atlaskit/theme": "^19.0.0",
|
|
51
|
-
"@atlaskit/tmp-editor-statsig": "^9.
|
|
52
|
-
"@atlaskit/tokens": "^5.
|
|
51
|
+
"@atlaskit/tmp-editor-statsig": "^9.5.0",
|
|
52
|
+
"@atlaskit/tokens": "^5.5.0",
|
|
53
53
|
"@atlaskit/tooltip": "^20.3.0",
|
|
54
54
|
"@babel/runtime": "^7.0.0",
|
|
55
55
|
"@emotion/react": "^11.7.1",
|