@atlaskit/editor-core 208.4.1 → 208.5.0

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,18 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 208.5.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#175370](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175370)
8
+ [`fb5f9531ef9d8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fb5f9531ef9d8) -
9
+ [ux] [ED-27956] this PR is adding support for Find with expand titles and updating the search
10
+ match styles behind the experiment `platform_editor_find_and_replace_improvements`
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 208.4.1
4
17
 
5
18
  ### Patch Changes
@@ -10,6 +10,7 @@ var _react2 = require("@emotion/react");
10
10
  var _browser = require("@atlaskit/editor-common/browser");
11
11
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
12
12
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
+ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
13
14
  var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
14
15
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
15
16
  var _tokens = require("@atlaskit/tokens");
@@ -186,7 +187,7 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
186
187
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
187
188
  _expandStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes,
188
189
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
189
- (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _expandStyles.expandStylesMixin_fg_platform_visual_refresh_icons, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
190
+ (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _expandStyles.expandStylesMixin_fg_platform_visual_refresh_icons, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
190
191
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
191
192
  _findReplaceStyles.findReplaceStylesNew :
192
193
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -24,15 +24,32 @@ var findReplaceStyles = exports.findReplaceStyles = (0, _react.css)({
24
24
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
25
25
  var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
26
26
  /** Text match styles */
27
+
28
+ /** Light mode */
29
+
27
30
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
28
- '.search-match': {
29
- borderRadius: '3px',
30
- backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
31
- boxShadow: "var(--ds-shadow-raised, 0 1px 1px 0 rgba(9, 30, 66, 0.25), 0 0 1px 0 rgba(9, 30, 66, 0.31))".concat(", inset 0 0 0 1px ", "var(--ds-border-input, #8590A2)")
31
+ '.search-match-text': {
32
+ borderRadius: "var(--ds-space-050, 4px)",
33
+ padding: "var(--ds-space-050, 4px)".concat(" 0"),
34
+ border: "1px solid ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
35
+ backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
36
+ color: "var(--ds-text, #172B4D)"
32
37
  },
33
38
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
34
- '.search-match-selected': {
35
- backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
39
+ '.search-match-text.selected-search-match': {
40
+ backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
41
+ },
42
+ /** Dark mode */
43
+
44
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
45
+ '.search-match-text.search-match-dark': {
46
+ border: "1px solid ".concat("var(--ds-background-accent-yellow-bolder, #946F00)"),
47
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
48
+ color: "var(--ds-text-inverse, #FFFFFF)"
49
+ },
50
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
51
+ '.search-match-text.selected-search-match.search-match-dark': {
52
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
36
53
  },
37
54
  /** Block match styles */
38
55
 
@@ -138,5 +155,39 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
138
155
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
139
156
  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")
140
157
  }
158
+ },
159
+ /** Expand title match styles */
160
+
161
+ /** Light mode */
162
+
163
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
164
+ '.search-match-expand-title > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
165
+ borderRadius: "var(--ds-space-050, 4px)",
166
+ padding: "var(--ds-space-050, 4px)".concat(" 0"),
167
+ border: "1px solid ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
168
+ backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
169
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
170
+ '.ak-editor-expand__title-input': {
171
+ color: "var(--ds-text, #172B4D)"
172
+ }
173
+ },
174
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
175
+ '.search-match-expand-title.selected-search-match > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
176
+ backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
177
+ },
178
+ /** Dark mode */
179
+
180
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
181
+ '.search-match-expand-title.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
182
+ border: "1px solid ".concat("var(--ds-background-accent-yellow-bolder, #946F00)"),
183
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
184
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
185
+ '.ak-editor-expand__title-input': {
186
+ color: "var(--ds-text-inverse, #FFFFFF)"
187
+ }
188
+ },
189
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
190
+ '.search-match-expand-title.selected-search-match.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
191
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
141
192
  }
142
193
  });
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "208.4.0";
8
+ var version = exports.version = "208.4.1";
@@ -11,6 +11,7 @@ import { jsx, useTheme } from '@emotion/react';
11
11
  import { browser } from '@atlaskit/editor-common/browser';
12
12
  import { akEditorGutterPaddingDynamic, editorFontSize } from '@atlaskit/editor-shared-styles';
13
13
  import { fg } from '@atlaskit/platform-feature-flags';
14
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
14
15
  import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
15
16
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
16
17
  import { useThemeObserver } from '@atlaskit/tokens';
@@ -181,7 +182,7 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
181
182
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
182
183
  expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes,
183
184
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
184
- fg('platform-visual-refresh-icons') && expandStylesMixin_fg_platform_visual_refresh_icons, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
185
+ fg('platform-visual-refresh-icons') && expandStylesMixin_fg_platform_visual_refresh_icons, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
185
186
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
186
187
  findReplaceStylesNew :
187
188
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -17,15 +17,32 @@ export const findReplaceStyles = css({
17
17
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
18
18
  export const findReplaceStylesNew = css({
19
19
  /** Text match styles */
20
+
21
+ /** Light mode */
22
+
20
23
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
21
- '.search-match': {
22
- borderRadius: '3px',
23
- backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
24
- boxShadow: `${"var(--ds-shadow-raised, 0 1px 1px 0 rgba(9, 30, 66, 0.25), 0 0 1px 0 rgba(9, 30, 66, 0.31))"}, inset 0 0 0 1px ${"var(--ds-border-input, #8590A2)"}`
24
+ '.search-match-text': {
25
+ borderRadius: "var(--ds-space-050, 4px)",
26
+ padding: `${"var(--ds-space-050, 4px)"} 0`,
27
+ border: `1px solid ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`,
28
+ backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
29
+ color: "var(--ds-text, #172B4D)"
25
30
  },
26
31
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
27
- '.search-match-selected': {
28
- backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
32
+ '.search-match-text.selected-search-match': {
33
+ backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
34
+ },
35
+ /** Dark mode */
36
+
37
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
38
+ '.search-match-text.search-match-dark': {
39
+ border: `1px solid ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`,
40
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
41
+ color: "var(--ds-text-inverse, #FFFFFF)"
42
+ },
43
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
44
+ '.search-match-text.selected-search-match.search-match-dark': {
45
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
29
46
  },
30
47
  /** Block match styles */
31
48
 
@@ -159,5 +176,39 @@ export const findReplaceStylesNew = css({
159
176
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
160
177
  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`
161
178
  }
179
+ },
180
+ /** Expand title match styles */
181
+
182
+ /** Light mode */
183
+
184
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
185
+ '.search-match-expand-title > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
186
+ borderRadius: "var(--ds-space-050, 4px)",
187
+ padding: `${"var(--ds-space-050, 4px)"} 0`,
188
+ border: `1px solid ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`,
189
+ backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
190
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
191
+ '.ak-editor-expand__title-input': {
192
+ color: "var(--ds-text, #172B4D)"
193
+ }
194
+ },
195
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
196
+ '.search-match-expand-title.selected-search-match > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
197
+ backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
198
+ },
199
+ /** Dark mode */
200
+
201
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
202
+ '.search-match-expand-title.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
203
+ border: `1px solid ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`,
204
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
205
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
206
+ '.ak-editor-expand__title-input': {
207
+ color: "var(--ds-text-inverse, #FFFFFF)"
208
+ }
209
+ },
210
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
211
+ '.search-match-expand-title.selected-search-match.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
212
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
162
213
  }
163
214
  });
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "208.4.0";
2
+ export const version = "208.4.1";
@@ -11,6 +11,7 @@ import { jsx, useTheme } from '@emotion/react';
11
11
  import { browser } from '@atlaskit/editor-common/browser';
12
12
  import { akEditorGutterPaddingDynamic, editorFontSize } from '@atlaskit/editor-shared-styles';
13
13
  import { fg } from '@atlaskit/platform-feature-flags';
14
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
14
15
  import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
15
16
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
16
17
  import { useThemeObserver } from '@atlaskit/tokens';
@@ -178,7 +179,7 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
178
179
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
179
180
  expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes,
180
181
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
181
- fg('platform-visual-refresh-icons') && expandStylesMixin_fg_platform_visual_refresh_icons, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
182
+ fg('platform-visual-refresh-icons') && expandStylesMixin_fg_platform_visual_refresh_icons, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
182
183
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
183
184
  findReplaceStylesNew :
184
185
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -17,15 +17,32 @@ export var findReplaceStyles = css({
17
17
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
18
18
  export var findReplaceStylesNew = css({
19
19
  /** Text match styles */
20
+
21
+ /** Light mode */
22
+
20
23
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
21
- '.search-match': {
22
- borderRadius: '3px',
23
- backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
24
- boxShadow: "var(--ds-shadow-raised, 0 1px 1px 0 rgba(9, 30, 66, 0.25), 0 0 1px 0 rgba(9, 30, 66, 0.31))".concat(", inset 0 0 0 1px ", "var(--ds-border-input, #8590A2)")
24
+ '.search-match-text': {
25
+ borderRadius: "var(--ds-space-050, 4px)",
26
+ padding: "var(--ds-space-050, 4px)".concat(" 0"),
27
+ border: "1px solid ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
28
+ backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
29
+ color: "var(--ds-text, #172B4D)"
25
30
  },
26
31
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
27
- '.search-match-selected': {
28
- backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
32
+ '.search-match-text.selected-search-match': {
33
+ backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
34
+ },
35
+ /** Dark mode */
36
+
37
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
38
+ '.search-match-text.search-match-dark': {
39
+ border: "1px solid ".concat("var(--ds-background-accent-yellow-bolder, #946F00)"),
40
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
41
+ color: "var(--ds-text-inverse, #FFFFFF)"
42
+ },
43
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
44
+ '.search-match-text.selected-search-match.search-match-dark': {
45
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
29
46
  },
30
47
  /** Block match styles */
31
48
 
@@ -131,5 +148,39 @@ export var findReplaceStylesNew = css({
131
148
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
132
149
  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")
133
150
  }
151
+ },
152
+ /** Expand title match styles */
153
+
154
+ /** Light mode */
155
+
156
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
157
+ '.search-match-expand-title > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
158
+ borderRadius: "var(--ds-space-050, 4px)",
159
+ padding: "var(--ds-space-050, 4px)".concat(" 0"),
160
+ border: "1px solid ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
161
+ backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
162
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
163
+ '.ak-editor-expand__title-input': {
164
+ color: "var(--ds-text, #172B4D)"
165
+ }
166
+ },
167
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
168
+ '.search-match-expand-title.selected-search-match > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
169
+ backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
170
+ },
171
+ /** Dark mode */
172
+
173
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
174
+ '.search-match-expand-title.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
175
+ border: "1px solid ".concat("var(--ds-background-accent-yellow-bolder, #946F00)"),
176
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
177
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
178
+ '.ak-editor-expand__title-input': {
179
+ color: "var(--ds-text-inverse, #FFFFFF)"
180
+ }
181
+ },
182
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
183
+ '.search-match-expand-title.selected-search-match.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
184
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
134
185
  }
135
186
  });
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "208.4.0";
2
+ export var version = "208.4.1";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "208.4.1",
3
+ "version": "208.5.0",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -51,7 +51,7 @@
51
51
  "@atlaskit/editor-performance-metrics": "^2.1.0",
52
52
  "@atlaskit/editor-plugin-quick-insert": "^2.6.0",
53
53
  "@atlaskit/editor-plugin-user-preferences": "^0.2.0",
54
- "@atlaskit/editor-plugins": "^9.3.0",
54
+ "@atlaskit/editor-plugins": "^9.4.0",
55
55
  "@atlaskit/editor-prosemirror": "7.0.0",
56
56
  "@atlaskit/editor-shared-styles": "^3.4.0",
57
57
  "@atlaskit/emoji": "^69.3.0",