@atlaskit/renderer 124.21.0 → 124.21.1

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/react/nodes/bodiedSyncBlock.js +5 -1
  3. package/dist/cjs/ui/Renderer/RendererStyleContainer.js +8 -5
  4. package/dist/es2019/react/nodes/bodiedSyncBlock.js +5 -1
  5. package/dist/es2019/ui/Renderer/RendererStyleContainer.js +9 -5
  6. package/dist/esm/react/nodes/bodiedSyncBlock.js +5 -1
  7. package/dist/esm/ui/Renderer/RendererStyleContainer.js +9 -6
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 124.21.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`50cf7cca6bb76`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/50cf7cca6bb76) -
8
+ [ux] EDITOR-3896 update sync block border styles
9
+ - Updated dependencies
10
+
3
11
  ## 124.21.0
4
12
 
5
13
  ### Minor Changes
package/dist/cjs/react/nodes/bodiedSyncBlock.js CHANGED
@@ -5,13 +5,17 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = BodiedSyncBlock;
8
+ var _syncBlock = require("@atlaskit/editor-common/sync-block");
8
9
  var _react = _interopRequireDefault(require("react"));
9
10
  function BodiedSyncBlock(props) {
10
11
  var children = props.children,
11
12
  localId = props.localId,
12
13
  resourceId = props.resourceId;
13
14
  return /*#__PURE__*/_react.default.createElement("div", {
14
- "data-bodied-sync-block": true,
15
+ "data-bodied-sync-block": true
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
17
+ ,
18
+ className: _syncBlock.BodiedSyncBlockSharedCssClassName.renderer,
15
19
  "data-local-id": localId,
16
20
  "data-resource-id": resourceId
17
21
  }, children);
package/dist/cjs/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -1624,12 +1624,15 @@ var denseStyles = (0, _react.css)((0, _defineProperty2.default)((0, _definePrope
1624
1624
  marginTop: RENDERER_LIST_DENSE_GAP
1625
1625
  }
1626
1626
  }));
1627
- var syncBlockStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.error), {
1628
- backgroundColor: "var(--ds-background-disabled, #17171708)",
1629
- borderRadius: "var(--ds-radius-small, 3px)"
1627
+ var syncBlockStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.renderer, ", .").concat(_syncBlock.BodiedSyncBlockSharedCssClassName.renderer, ", .").concat(_syncBlock.SyncBlockSharedCssClassName.error, ", .").concat(_syncBlock.SyncBlockSharedCssClassName.loading), {
1628
+ borderRadius: "var(--ds-radius-small, 3px)",
1629
+ marginTop: "var(--ds-space-150, 12px)",
1630
+ paddingTop: "var(--ds-space-075, 6px)",
1631
+ paddingBottom: "var(--ds-space-050, 4px)"
1632
+ }), ".".concat(_syncBlock.SyncBlockSharedCssClassName.error), {
1633
+ backgroundColor: "var(--ds-background-disabled, #17171708)"
1630
1634
  }), ".".concat(_syncBlock.SyncBlockSharedCssClassName.loading), {
1631
- boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)"),
1632
- borderRadius: "var(--ds-radius-small, 3px)"
1635
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
1633
1636
  }));
1634
1637
  var RendererStyleContainer = exports.RendererStyleContainer = function RendererStyleContainer(props) {
1635
1638
  var onClick = props.onClick,
package/dist/es2019/react/nodes/bodiedSyncBlock.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
1
2
  import React from 'react';
2
3
  export default function BodiedSyncBlock(props) {
3
4
  const {
@@ -6,7 +7,10 @@ export default function BodiedSyncBlock(props) {
6
7
  resourceId
7
8
  } = props;
8
9
  return /*#__PURE__*/React.createElement("div", {
9
- "data-bodied-sync-block": true,
10
+ "data-bodied-sync-block": true
11
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
12
+ ,
13
+ className: BodiedSyncBlockSharedCssClassName.renderer,
10
14
  "data-local-id": localId,
11
15
  "data-resource-id": resourceId
12
16
  }, children);
package/dist/es2019/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -28,7 +28,7 @@ import { editorUGCToken } from '@atlaskit/editor-common/ugc-tokens';
28
28
  import { getBaseFontSize } from './get-base-font-size';
29
29
  import { EmojiSharedCssClassName, defaultEmojiHeight, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4 } from '@atlaskit/editor-common/emoji';
30
30
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
31
- import { SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
31
+ import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
32
32
  const wrappedMediaBreakoutPoint = 410;
33
33
  const TELEPOINTER_ID = 'ai-streaming-telepointer';
34
34
  const tableShadowWidth = 32;
@@ -2048,13 +2048,17 @@ const denseStyles = css({
2048
2048
  }
2049
2049
  });
2050
2050
  const syncBlockStyles = css({
2051
+ [`.${SyncBlockSharedCssClassName.renderer}, .${BodiedSyncBlockSharedCssClassName.renderer}, .${SyncBlockSharedCssClassName.error}, .${SyncBlockSharedCssClassName.loading}`]: {
2052
+ borderRadius: "var(--ds-radius-small, 3px)",
2053
+ marginTop: "var(--ds-space-150, 12px)",
2054
+ paddingTop: "var(--ds-space-075, 6px)",
2055
+ paddingBottom: "var(--ds-space-050, 4px)"
2056
+ },
2051
2057
  [`.${SyncBlockSharedCssClassName.error}`]: {
2052
- backgroundColor: "var(--ds-background-disabled, #17171708)",
2053
- borderRadius: "var(--ds-radius-small, 3px)"
2058
+ backgroundColor: "var(--ds-background-disabled, #17171708)"
2054
2059
  },
2055
2060
  [`.${SyncBlockSharedCssClassName.loading}`]: {
2056
- boxShadow: `0 0 0 1px ${"var(--ds-border, #0B120E24)"}`,
2057
- borderRadius: "var(--ds-radius-small, 3px)"
2061
+ boxShadow: `0 0 0 1px ${"var(--ds-border, #0B120E24)"}`
2058
2062
  }
2059
2063
  });
2060
2064
  export const RendererStyleContainer = props => {
package/dist/esm/react/nodes/bodiedSyncBlock.js CHANGED
@@ -1,10 +1,14 @@
1
+ import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
1
2
  import React from 'react';
2
3
  export default function BodiedSyncBlock(props) {
3
4
  var children = props.children,
4
5
  localId = props.localId,
5
6
  resourceId = props.resourceId;
6
7
  return /*#__PURE__*/React.createElement("div", {
7
- "data-bodied-sync-block": true,
8
+ "data-bodied-sync-block": true
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
10
+ ,
11
+ className: BodiedSyncBlockSharedCssClassName.renderer,
8
12
  "data-local-id": localId,
9
13
  "data-resource-id": resourceId
10
14
  }, children);
package/dist/esm/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -30,7 +30,7 @@ import { editorUGCToken } from '@atlaskit/editor-common/ugc-tokens';
30
30
  import { getBaseFontSize } from './get-base-font-size';
31
31
  import { EmojiSharedCssClassName, defaultEmojiHeight, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4 } from '@atlaskit/editor-common/emoji';
32
32
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
33
- import { SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
33
+ import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
34
34
  var wrappedMediaBreakoutPoint = 410;
35
35
  var TELEPOINTER_ID = 'ai-streaming-telepointer';
36
36
  var tableShadowWidth = 32;
@@ -1617,12 +1617,15 @@ var denseStyles = css(_defineProperty(_defineProperty(_defineProperty({}, ".".co
1617
1617
  marginTop: RENDERER_LIST_DENSE_GAP
1618
1618
  }
1619
1619
  }));
1620
- var syncBlockStyles = css(_defineProperty(_defineProperty({}, ".".concat(SyncBlockSharedCssClassName.error), {
1621
- backgroundColor: "var(--ds-background-disabled, #17171708)",
1622
- borderRadius: "var(--ds-radius-small, 3px)"
1620
+ var syncBlockStyles = css(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(SyncBlockSharedCssClassName.renderer, ", .").concat(BodiedSyncBlockSharedCssClassName.renderer, ", .").concat(SyncBlockSharedCssClassName.error, ", .").concat(SyncBlockSharedCssClassName.loading), {
1621
+ borderRadius: "var(--ds-radius-small, 3px)",
1622
+ marginTop: "var(--ds-space-150, 12px)",
1623
+ paddingTop: "var(--ds-space-075, 6px)",
1624
+ paddingBottom: "var(--ds-space-050, 4px)"
1625
+ }), ".".concat(SyncBlockSharedCssClassName.error), {
1626
+ backgroundColor: "var(--ds-background-disabled, #17171708)"
1623
1627
  }), ".".concat(SyncBlockSharedCssClassName.loading), {
1624
- boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)"),
1625
- borderRadius: "var(--ds-radius-small, 3px)"
1628
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
1626
1629
  }));
1627
1630
  export var RendererStyleContainer = function RendererStyleContainer(props) {
1628
1631
  var onClick = props.onClick,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "124.21.0",
3
+ "version": "124.21.1",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -53,11 +53,11 @@
53
53
  "@atlaskit/platform-feature-flags": "^1.1.0",
54
54
  "@atlaskit/platform-feature-flags-react": "^0.4.0",
55
55
  "@atlaskit/react-ufo": "^4.16.0",
56
- "@atlaskit/smart-card": "^43.15.0",
56
+ "@atlaskit/smart-card": "^43.16.0",
57
57
  "@atlaskit/status": "^3.0.0",
58
58
  "@atlaskit/task-decision": "^19.2.0",
59
59
  "@atlaskit/theme": "^21.0.0",
60
- "@atlaskit/tmp-editor-statsig": "^15.11.0",
60
+ "@atlaskit/tmp-editor-statsig": "^15.12.0",
61
61
  "@atlaskit/tokens": "^8.5.0",
62
62
  "@atlaskit/tooltip": "^20.11.0",
63
63
  "@atlaskit/visually-hidden": "^3.0.0",