@atlaskit/renderer 148.0.1 → 148.0.2

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 +4 -2
  3. package/dist/cjs/ui/Renderer/index.js +1 -1
  4. package/dist/es2019/ui/Renderer/RendererStyleContainer.js +4 -2
  5. package/dist/es2019/ui/Renderer/index.js +1 -1
  6. package/dist/esm/ui/Renderer/RendererStyleContainer.js +4 -2
  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
+ ## 148.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`481f10d4007ce`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/481f10d4007ce) -
8
+ Renderer list and table styles no longer leak into popups rendered inside it.
9
+ - Updated dependencies
10
+
3
11
  ## 148.0.1
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -656,7 +656,8 @@ var paragraphStylesUGCScaledMargin = (0, _react.css)({
656
656
  });
657
657
  var listsSharedStyles = (0, _react.css)((_css0 = {
658
658
  /* =============== INDENTATION SPACING ========= */
659
- 'ul, ol': {
659
+ // Skips top-layer surfaces. See top-layer/notes/decisions/top-layer-unsafe-selectors.md
660
+ '& ul:not(:where([popover], dialog, & :is([popover], dialog) *)), & ol:not(:where([popover], dialog, & :is([popover], dialog) *))': {
660
661
  boxSizing: 'border-box',
661
662
  paddingLeft: "var(--ed--list--item-counter--padding, ".concat(_styles.listItemCounterPadding, "px)")
662
663
  }
@@ -1535,7 +1536,8 @@ var tableSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _define
1535
1536
  tableLayout: 'auto',
1536
1537
  width: 'auto'
1537
1538
  },
1538
- '*': {
1539
+ // Skips top-layer surfaces. See top-layer/notes/decisions/top-layer-unsafe-selectors.md
1540
+ '& *:not(:where([popover], dialog, & :is([popover], dialog) *))': {
1539
1541
  boxSizing: 'border-box'
1540
1542
  },
1541
1543
  hr: {
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -72,7 +72,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
72
72
  var TABLE_INFO_TIMEOUT = 10000;
73
73
  var RENDER_EVENT_SAMPLE_RATE = 0.1;
74
74
  var packageName = "@atlaskit/renderer";
75
- var packageVersion = "148.0.0";
75
+ var packageVersion = "148.0.1";
76
76
  var setAsQueryContainerStyles = (0, _react2.css)({
77
77
  containerName: 'ak-renderer-wrapper',
78
78
  containerType: 'inline-size'
package/dist/es2019/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -764,7 +764,8 @@ const paragraphStylesUGCScaledMargin = css({
764
764
  });
765
765
  const listsSharedStyles = css({
766
766
  /* =============== INDENTATION SPACING ========= */
767
- 'ul, ol': {
767
+ // Skips top-layer surfaces. See top-layer/notes/decisions/top-layer-unsafe-selectors.md
768
+ '& ul:not(:where([popover], dialog, & :is([popover], dialog) *)), & ol:not(:where([popover], dialog, & :is([popover], dialog) *))': {
768
769
  boxSizing: 'border-box',
769
770
  paddingLeft: `var(--ed--list--item-counter--padding, ${listItemCounterPadding}px)`
770
771
  },
@@ -1851,7 +1852,8 @@ const tableSharedStyle = css({
1851
1852
  tableLayout: 'auto',
1852
1853
  width: 'auto'
1853
1854
  },
1854
- '*': {
1855
+ // Skips top-layer surfaces. See top-layer/notes/decisions/top-layer-unsafe-selectors.md
1856
+ '& *:not(:where([popover], dialog, & :is([popover], dialog) *))': {
1855
1857
  boxSizing: 'border-box'
1856
1858
  },
1857
1859
  hr: {
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.1;
59
59
  const packageName = "@atlaskit/renderer";
60
- const packageVersion = "148.0.0";
60
+ const packageVersion = "148.0.1";
61
61
  const setAsQueryContainerStyles = css({
62
62
  containerName: 'ak-renderer-wrapper',
63
63
  containerType: 'inline-size'
package/dist/esm/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -649,7 +649,8 @@ var paragraphStylesUGCScaledMargin = css({
649
649
  });
650
650
  var listsSharedStyles = css((_css0 = {
651
651
  /* =============== INDENTATION SPACING ========= */
652
- 'ul, ol': {
652
+ // Skips top-layer surfaces. See top-layer/notes/decisions/top-layer-unsafe-selectors.md
653
+ '& ul:not(:where([popover], dialog, & :is([popover], dialog) *)), & ol:not(:where([popover], dialog, & :is([popover], dialog) *))': {
653
654
  boxSizing: 'border-box',
654
655
  paddingLeft: "var(--ed--list--item-counter--padding, ".concat(listItemCounterPadding, "px)")
655
656
  }
@@ -1528,7 +1529,8 @@ var tableSharedStyle = css(_defineProperty(_defineProperty(_defineProperty(_defi
1528
1529
  tableLayout: 'auto',
1529
1530
  width: 'auto'
1530
1531
  },
1531
- '*': {
1532
+ // Skips top-layer surfaces. See top-layer/notes/decisions/top-layer-unsafe-selectors.md
1533
+ '& *:not(:where([popover], dialog, & :is([popover], dialog) *))': {
1532
1534
  boxSizing: 'border-box'
1533
1535
  },
1534
1536
  hr: {
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.1;
64
64
  var packageName = "@atlaskit/renderer";
65
- var packageVersion = "148.0.0";
65
+ var packageVersion = "148.0.1";
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": "148.0.1",
3
+ "version": "148.0.2",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"