@atlaskit/renderer 124.16.7 → 124.16.8

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 +8 -0
  2. package/dist/cjs/ui/Renderer/RendererStyleContainer.js +16 -10
  3. package/dist/cjs/ui/Renderer/index.js +1 -1
  4. package/dist/es2019/ui/Renderer/RendererStyleContainer.js +16 -8
  5. package/dist/es2019/ui/Renderer/index.js +1 -1
  6. package/dist/esm/ui/Renderer/RendererStyleContainer.js +16 -10
  7. package/dist/esm/ui/Renderer/index.js +1 -1
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 124.16.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [`89f064b9cae39`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/89f064b9cae39) -
8
+ [ux] [EDITOR-2917] scale emoji placeholders in the renderer
9
+ - Updated dependencies
10
+
3
11
  ## 124.16.7
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -1524,7 +1524,7 @@ var rendererAnnotationStylesCommentHeightFix = (0, _react.css)({
1524
1524
  });
1525
1525
  var RENDERER_LIST_DENSE_GAP = "max(0px,calc((var(--ak-renderer-base-font-size) - ".concat(_editorSharedStyles.akEditorFullPageDenseFontSize, "px)* (4/3)))");
1526
1526
  var TASKLIST_CONTAINER_DENSE_MARGIN = "max(calc(10px + (var(--ak-renderer-base-font-size) - ".concat(_editorSharedStyles.akEditorFullPageDenseFontSize, "px) *( 2 / 3)))");
1527
- var scaledDenseEmojiStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE), {
1527
+ var scaledDenseEmojiStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE), {
1528
1528
  height: "".concat(_emoji.defaultDenseEmojiHeight, "px"),
1529
1529
  minHeight: "".concat(_emoji.defaultDenseEmojiHeight, "px"),
1530
1530
  minWidth: "".concat(_emoji.defaultDenseEmojiHeight, "px"),
@@ -1536,20 +1536,23 @@ var scaledDenseEmojiStyles = (0, _react.css)((0, _defineProperty2.default)((0, _
1536
1536
  height: '100%',
1537
1537
  objectFit: 'contain'
1538
1538
  }
1539
- }), "h1 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ")"), {
1539
+ }), "h1 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1540
1540
  height: "".concat(_emoji.denseEmojiHeightH1, "px"),
1541
1541
  width: "".concat(_emoji.denseEmojiHeightH1, "px")
1542
- }), "h2 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ")"), {
1542
+ }), "h2 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1543
1543
  height: "".concat(_emoji.denseEmojiHeightH2, "px"),
1544
1544
  width: "".concat(_emoji.denseEmojiHeightH2, "px")
1545
- }), "h3 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ")"), {
1545
+ }), "h3 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1546
1546
  height: "".concat(_emoji.denseEmojiHeightH3, "px"),
1547
1547
  width: "".concat(_emoji.denseEmojiHeightH3, "px")
1548
- }), "h4 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ")"), {
1548
+ }), "h4 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1549
1549
  height: "".concat(_emoji.denseEmojiHeightH4, "px"),
1550
1550
  width: "".concat(_emoji.denseEmojiHeightH4, "px")
1551
+ }), ":is(h5, h6, p) :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1552
+ height: "".concat(_emoji.defaultDenseEmojiHeight, "px"),
1553
+ width: "".concat(_emoji.defaultDenseEmojiHeight, "px")
1551
1554
  }));
1552
- var scaledEmojiStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE), {
1555
+ var scaledEmojiStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE), {
1553
1556
  height: "".concat(_emoji.defaultEmojiHeight, "px"),
1554
1557
  minHeight: "".concat(_emoji.defaultEmojiHeight, "px"),
1555
1558
  minWidth: "".concat(_emoji.defaultEmojiHeight, "px"),
@@ -1561,18 +1564,21 @@ var scaledEmojiStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defin
1561
1564
  height: '100%',
1562
1565
  objectFit: 'contain'
1563
1566
  }
1564
- }), "h1 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ")"), {
1567
+ }), "h1 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1565
1568
  height: "".concat(_emoji.scaledEmojiHeightH1, "px"),
1566
1569
  width: "".concat(_emoji.scaledEmojiHeightH1, "px")
1567
- }), "h2 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ")"), {
1570
+ }), "h2 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1568
1571
  height: "".concat(_emoji.scaledEmojiHeightH2, "px"),
1569
1572
  width: "".concat(_emoji.scaledEmojiHeightH2, "px")
1570
- }), "h3 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ")"), {
1573
+ }), "h3 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1571
1574
  height: "".concat(_emoji.scaledEmojiHeightH3, "px"),
1572
1575
  width: "".concat(_emoji.scaledEmojiHeightH3, "px")
1573
- }), "h4 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ")"), {
1576
+ }), "h4 :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1574
1577
  height: "".concat(_emoji.scaledEmojiHeightH4, "px"),
1575
1578
  width: "".concat(_emoji.scaledEmojiHeightH4, "px")
1579
+ }), ":is(h5, h6, p) :is(.".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(_emoji.EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1580
+ height: "".concat(_emoji.defaultEmojiHeight, "px"),
1581
+ width: "".concat(_emoji.defaultEmojiHeight, "px")
1576
1582
  }));
1577
1583
  var denseStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_emoji.EmojiSharedCssClassName.EMOJI_IMAGE), {
1578
1584
  height: "calc(".concat(_emoji.defaultEmojiHeight, " * var(--ak-renderer-base-font-size) / ").concat(_editorSharedStyles.akEditorFullPageDefaultFontSize, ")"),
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -69,7 +69,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
69
69
  // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
70
70
  var TABLE_INFO_TIMEOUT = 10000;
71
71
  var packageName = "@atlaskit/renderer";
72
- var packageVersion = "0.0.0-development";
72
+ var packageVersion = "124.16.7";
73
73
  var setAsQueryContainerStyles = (0, _react2.css)({
74
74
  containerName: 'ak-renderer-wrapper',
75
75
  containerType: 'inline-size'
package/dist/es2019/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -1936,21 +1936,25 @@ const scaledDenseEmojiStyles = css({
1936
1936
  objectFit: 'contain'
1937
1937
  }
1938
1938
  },
1939
- [`h1 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE})`]: {
1939
+ [`h1 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
1940
1940
  height: `${denseEmojiHeightH1}px`,
1941
1941
  width: `${denseEmojiHeightH1}px`
1942
1942
  },
1943
- [`h2 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE})`]: {
1943
+ [`h2 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
1944
1944
  height: `${denseEmojiHeightH2}px`,
1945
1945
  width: `${denseEmojiHeightH2}px`
1946
1946
  },
1947
- [`h3 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE})`]: {
1947
+ [`h3 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
1948
1948
  height: `${denseEmojiHeightH3}px`,
1949
1949
  width: `${denseEmojiHeightH3}px`
1950
1950
  },
1951
- [`h4 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE})`]: {
1951
+ [`h4 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
1952
1952
  height: `${denseEmojiHeightH4}px`,
1953
1953
  width: `${denseEmojiHeightH4}px`
1954
+ },
1955
+ [`:is(h5, h6, p) :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
1956
+ height: `${defaultDenseEmojiHeight}px`,
1957
+ width: `${defaultDenseEmojiHeight}px`
1954
1958
  }
1955
1959
  });
1956
1960
  const scaledEmojiStyles = css({
@@ -1967,21 +1971,25 @@ const scaledEmojiStyles = css({
1967
1971
  objectFit: 'contain'
1968
1972
  }
1969
1973
  },
1970
- [`h1 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE})`]: {
1974
+ [`h1 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
1971
1975
  height: `${scaledEmojiHeightH1}px`,
1972
1976
  width: `${scaledEmojiHeightH1}px`
1973
1977
  },
1974
- [`h2 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE})`]: {
1978
+ [`h2 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
1975
1979
  height: `${scaledEmojiHeightH2}px`,
1976
1980
  width: `${scaledEmojiHeightH2}px`
1977
1981
  },
1978
- [`h3 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE})`]: {
1982
+ [`h3 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
1979
1983
  height: `${scaledEmojiHeightH3}px`,
1980
1984
  width: `${scaledEmojiHeightH3}px`
1981
1985
  },
1982
- [`h4 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE})`]: {
1986
+ [`h4 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
1983
1987
  height: `${scaledEmojiHeightH4}px`,
1984
1988
  width: `${scaledEmojiHeightH4}px`
1989
+ },
1990
+ [`:is(h5, h6, p) :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
1991
+ height: `${defaultEmojiHeight}px`,
1992
+ width: `${defaultEmojiHeight}px`
1985
1993
  }
1986
1994
  });
1987
1995
  const denseStyles = css({
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -55,7 +55,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
55
55
  // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
56
56
  const TABLE_INFO_TIMEOUT = 10000;
57
57
  const packageName = "@atlaskit/renderer";
58
- const packageVersion = "0.0.0-development";
58
+ const packageVersion = "124.16.7";
59
59
  const setAsQueryContainerStyles = css({
60
60
  containerName: 'ak-renderer-wrapper',
61
61
  containerType: 'inline-size'
package/dist/esm/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -1517,7 +1517,7 @@ var rendererAnnotationStylesCommentHeightFix = css({
1517
1517
  });
1518
1518
  var RENDERER_LIST_DENSE_GAP = "max(0px,calc((var(--ak-renderer-base-font-size) - ".concat(akEditorFullPageDenseFontSize, "px)* (4/3)))");
1519
1519
  var TASKLIST_CONTAINER_DENSE_MARGIN = "max(calc(10px + (var(--ak-renderer-base-font-size) - ".concat(akEditorFullPageDenseFontSize, "px) *( 2 / 3)))");
1520
- var scaledDenseEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_IMAGE), {
1520
+ var scaledDenseEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_IMAGE), {
1521
1521
  height: "".concat(defaultDenseEmojiHeight, "px"),
1522
1522
  minHeight: "".concat(defaultDenseEmojiHeight, "px"),
1523
1523
  minWidth: "".concat(defaultDenseEmojiHeight, "px"),
@@ -1529,20 +1529,23 @@ var scaledDenseEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty
1529
1529
  height: '100%',
1530
1530
  objectFit: 'contain'
1531
1531
  }
1532
- }), "h1 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ")"), {
1532
+ }), "h1 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1533
1533
  height: "".concat(denseEmojiHeightH1, "px"),
1534
1534
  width: "".concat(denseEmojiHeightH1, "px")
1535
- }), "h2 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ")"), {
1535
+ }), "h2 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1536
1536
  height: "".concat(denseEmojiHeightH2, "px"),
1537
1537
  width: "".concat(denseEmojiHeightH2, "px")
1538
- }), "h3 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ")"), {
1538
+ }), "h3 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1539
1539
  height: "".concat(denseEmojiHeightH3, "px"),
1540
1540
  width: "".concat(denseEmojiHeightH3, "px")
1541
- }), "h4 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ")"), {
1541
+ }), "h4 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1542
1542
  height: "".concat(denseEmojiHeightH4, "px"),
1543
1543
  width: "".concat(denseEmojiHeightH4, "px")
1544
+ }), ":is(h5, h6, p) :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1545
+ height: "".concat(defaultDenseEmojiHeight, "px"),
1546
+ width: "".concat(defaultDenseEmojiHeight, "px")
1544
1547
  }));
1545
- var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_IMAGE), {
1548
+ var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_IMAGE), {
1546
1549
  height: "".concat(defaultEmojiHeight, "px"),
1547
1550
  minHeight: "".concat(defaultEmojiHeight, "px"),
1548
1551
  minWidth: "".concat(defaultEmojiHeight, "px"),
@@ -1554,18 +1557,21 @@ var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_def
1554
1557
  height: '100%',
1555
1558
  objectFit: 'contain'
1556
1559
  }
1557
- }), "h1 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ")"), {
1560
+ }), "h1 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1558
1561
  height: "".concat(scaledEmojiHeightH1, "px"),
1559
1562
  width: "".concat(scaledEmojiHeightH1, "px")
1560
- }), "h2 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ")"), {
1563
+ }), "h2 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1561
1564
  height: "".concat(scaledEmojiHeightH2, "px"),
1562
1565
  width: "".concat(scaledEmojiHeightH2, "px")
1563
- }), "h3 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ")"), {
1566
+ }), "h3 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1564
1567
  height: "".concat(scaledEmojiHeightH3, "px"),
1565
1568
  width: "".concat(scaledEmojiHeightH3, "px")
1566
- }), "h4 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ")"), {
1569
+ }), "h4 :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1567
1570
  height: "".concat(scaledEmojiHeightH4, "px"),
1568
1571
  width: "".concat(scaledEmojiHeightH4, "px")
1572
+ }), ":is(h5, h6, p) :is(.".concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
1573
+ height: "".concat(defaultEmojiHeight, "px"),
1574
+ width: "".concat(defaultEmojiHeight, "px")
1569
1575
  }));
1570
1576
  var denseStyles = css(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_IMAGE), {
1571
1577
  height: "calc(".concat(defaultEmojiHeight, " * var(--ak-renderer-base-font-size) / ").concat(akEditorFullPageDefaultFontSize, ")"),
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -60,7 +60,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
60
60
  // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
61
61
  var TABLE_INFO_TIMEOUT = 10000;
62
62
  var packageName = "@atlaskit/renderer";
63
- var packageVersion = "0.0.0-development";
63
+ var packageVersion = "124.16.7";
64
64
  var setAsQueryContainerStyles = css({
65
65
  containerName: 'ak-renderer-wrapper',
66
66
  containerType: 'inline-size'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "124.16.7",
3
+ "version": "124.16.8",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"