@atlaskit/renderer 128.3.9 → 128.4.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/Renderer/RendererStyleContainer.js +8 -0
  3. package/dist/cjs/ui/Renderer/index.js +1 -1
  4. package/dist/es2019/ui/Renderer/RendererStyleContainer.js +8 -0
  5. package/dist/es2019/ui/Renderer/index.js +1 -1
  6. package/dist/esm/ui/Renderer/RendererStyleContainer.js +8 -0
  7. package/dist/esm/ui/Renderer/index.js +1 -1
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 128.4.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
  ## 128.3.9
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -61,6 +61,14 @@ var fontSizeStyles = (0, _react.css)({
61
61
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
62
62
  font: 'var(--ak-renderer-editor-font-small-text)'
63
63
  }
64
+ },
65
+ // Apply font-size to the ::marker pseudo-element of list items that have a font-size mark.
66
+ // Targeting ::marker directly avoids setting font on the <li> itself, which would cascade
67
+ // into nested lists and compound the sizing at each nesting level.
68
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
69
+ "li:has(> .fabric-editor-font-size[data-font-size='small'])::marker": {
70
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
71
+ font: 'var(--ak-renderer-editor-font-small-text)'
64
72
  }
65
73
  });
66
74
  var originalBaseFontLineHeight = (0, _react.css)({
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
71
71
  var TABLE_INFO_TIMEOUT = 10000;
72
72
  var RENDER_EVENT_SAMPLE_RATE = 0.2;
73
73
  var packageName = "@atlaskit/renderer";
74
- var packageVersion = "128.3.8";
74
+ var packageVersion = "128.3.9";
75
75
  var setAsQueryContainerStyles = (0, _react2.css)({
76
76
  containerName: 'ak-renderer-wrapper',
77
77
  containerType: 'inline-size'
package/dist/es2019/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -50,6 +50,14 @@ const fontSizeStyles = css({
50
50
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
51
51
  font: 'var(--ak-renderer-editor-font-small-text)'
52
52
  }
53
+ },
54
+ // Apply font-size to the ::marker pseudo-element of list items that have a font-size mark.
55
+ // Targeting ::marker directly avoids setting font on the <li> itself, which would cascade
56
+ // into nested lists and compound the sizing at each nesting level.
57
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
58
+ "li:has(> .fabric-editor-font-size[data-font-size='small'])::marker": {
59
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
60
+ font: 'var(--ak-renderer-editor-font-small-text)'
53
61
  }
54
62
  });
55
63
  const originalBaseFontLineHeight = css({
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
57
57
  const TABLE_INFO_TIMEOUT = 10000;
58
58
  const RENDER_EVENT_SAMPLE_RATE = 0.2;
59
59
  const packageName = "@atlaskit/renderer";
60
- const packageVersion = "128.3.8";
60
+ const packageVersion = "128.3.9";
61
61
  const setAsQueryContainerStyles = css({
62
62
  containerName: 'ak-renderer-wrapper',
63
63
  containerType: 'inline-size'
package/dist/esm/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -54,6 +54,14 @@ var fontSizeStyles = css({
54
54
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
55
55
  font: 'var(--ak-renderer-editor-font-small-text)'
56
56
  }
57
+ },
58
+ // Apply font-size to the ::marker pseudo-element of list items that have a font-size mark.
59
+ // Targeting ::marker directly avoids setting font on the <li> itself, which would cascade
60
+ // into nested lists and compound the sizing at each nesting level.
61
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
62
+ "li:has(> .fabric-editor-font-size[data-font-size='small'])::marker": {
63
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
64
+ font: 'var(--ak-renderer-editor-font-small-text)'
57
65
  }
58
66
  });
59
67
  var originalBaseFontLineHeight = css({
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
62
62
  var TABLE_INFO_TIMEOUT = 10000;
63
63
  var RENDER_EVENT_SAMPLE_RATE = 0.2;
64
64
  var packageName = "@atlaskit/renderer";
65
- var packageVersion = "128.3.8";
65
+ var packageVersion = "128.3.9";
66
66
  var setAsQueryContainerStyles = css({
67
67
  containerName: 'ak-renderer-wrapper',
68
68
  containerType: 'inline-size'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "128.3.9",
3
+ "version": "128.4.0",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"