@atlaskit/editor-core 217.6.4 → 217.7.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/ui/EditorContentContainer/styles/fontSizeStyles.js +21 -0
  3. package/dist/cjs/version-wrapper.js +1 -1
  4. package/dist/es2019/ui/EditorContentContainer/styles/fontSizeStyles.js +21 -0
  5. package/dist/es2019/version-wrapper.js +1 -1
  6. package/dist/esm/ui/EditorContentContainer/styles/fontSizeStyles.js +21 -0
  7. package/dist/esm/version-wrapper.js +1 -1
  8. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 217.7.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`f30780a78f02c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f30780a78f02c) -
8
+ Fix list item markers not inheriting font-size when small text is applied. Propagate font-size to
9
+ li and blockTaskItem elements via CSS :has() so the ::marker pseudo-element renders at the correct
10
+ size, while resetting the inner block mark to prevent double-application.
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 217.6.4
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/ui/EditorContentContainer/styles/fontSizeStyles.js CHANGED
@@ -18,6 +18,27 @@ var fontSizeStyles = exports.fontSizeStyles = (0, _react.css)({
18
18
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
19
19
  font: 'var(--editor-font-ugc-token-body-small)'
20
20
  }
21
+ },
22
+ // Apply font-size to the ::marker pseudo-element of list items that have a font-size mark.
23
+ // Targeting ::marker directly avoids setting font on the <li> itself, which would cascade
24
+ // into nested lists and compound the sizing at each nesting level.
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
26
+ "li:has(> .fabric-editor-font-size[data-font-size='small'])::marker": {
27
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
28
+ font: 'var(--editor-font-ugc-token-body-small)'
29
+ },
30
+ // For blockTaskItem nodes: propagate font-size to the task container so the
31
+ // checkbox and layout align with the content size. Reset on the inner mark to avoid
32
+ // double-applying.
33
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
34
+ "[data-prosemirror-node-name='blockTaskItem']:has(.fabric-editor-font-size[data-font-size='small'])": {
35
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
36
+ font: 'var(--editor-font-ugc-token-body-small)',
37
+ // Reset the inner block mark so the font value is not applied twice
38
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
39
+ '.fabric-editor-font-size': {
40
+ font: 'inherit'
41
+ }
21
42
  }
22
43
  }
23
44
  });
package/dist/cjs/version-wrapper.js CHANGED
@@ -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 = "217.6.3";
8
+ var version = exports.version = "217.6.4";
package/dist/es2019/ui/EditorContentContainer/styles/fontSizeStyles.js CHANGED
@@ -11,6 +11,27 @@ export const fontSizeStyles = css({
11
11
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
12
12
  font: 'var(--editor-font-ugc-token-body-small)'
13
13
  }
14
+ },
15
+ // Apply font-size to the ::marker pseudo-element of list items that have a font-size mark.
16
+ // Targeting ::marker directly avoids setting font on the <li> itself, which would cascade
17
+ // into nested lists and compound the sizing at each nesting level.
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
19
+ "li:has(> .fabric-editor-font-size[data-font-size='small'])::marker": {
20
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
21
+ font: 'var(--editor-font-ugc-token-body-small)'
22
+ },
23
+ // For blockTaskItem nodes: propagate font-size to the task container so the
24
+ // checkbox and layout align with the content size. Reset on the inner mark to avoid
25
+ // double-applying.
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
27
+ "[data-prosemirror-node-name='blockTaskItem']:has(.fabric-editor-font-size[data-font-size='small'])": {
28
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
29
+ font: 'var(--editor-font-ugc-token-body-small)',
30
+ // Reset the inner block mark so the font value is not applied twice
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
32
+ '.fabric-editor-font-size': {
33
+ font: 'inherit'
34
+ }
14
35
  }
15
36
  }
16
37
  });
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "217.6.3";
2
+ export const version = "217.6.4";
package/dist/esm/ui/EditorContentContainer/styles/fontSizeStyles.js CHANGED
@@ -11,6 +11,27 @@ export var fontSizeStyles = css({
11
11
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
12
12
  font: 'var(--editor-font-ugc-token-body-small)'
13
13
  }
14
+ },
15
+ // Apply font-size to the ::marker pseudo-element of list items that have a font-size mark.
16
+ // Targeting ::marker directly avoids setting font on the <li> itself, which would cascade
17
+ // into nested lists and compound the sizing at each nesting level.
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
19
+ "li:has(> .fabric-editor-font-size[data-font-size='small'])::marker": {
20
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
21
+ font: 'var(--editor-font-ugc-token-body-small)'
22
+ },
23
+ // For blockTaskItem nodes: propagate font-size to the task container so the
24
+ // checkbox and layout align with the content size. Reset on the inner mark to avoid
25
+ // double-applying.
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
27
+ "[data-prosemirror-node-name='blockTaskItem']:has(.fabric-editor-font-size[data-font-size='small'])": {
28
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
29
+ font: 'var(--editor-font-ugc-token-body-small)',
30
+ // Reset the inner block mark so the font value is not applied twice
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
32
+ '.fabric-editor-font-size': {
33
+ font: 'inherit'
34
+ }
14
35
  }
15
36
  }
16
37
  });
package/dist/esm/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "217.6.3";
2
+ export var version = "217.6.4";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "217.6.4",
3
+ "version": "217.7.0",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -107,7 +107,7 @@
107
107
  "@atlaskit/media-integration-test-helpers": "workspace:^",
108
108
  "@atlaskit/media-test-helpers": "^40.0.0",
109
109
  "@atlaskit/modal-dialog": "^14.13.0",
110
- "@atlaskit/renderer": "^128.3.0",
110
+ "@atlaskit/renderer": "^128.4.0",
111
111
  "@atlaskit/section-message": "^8.12.0",
112
112
  "@atlaskit/synchrony-test-helpers": "workspace:^",
113
113
  "@atlaskit/toggle": "^15.2.0",