@atlaskit/renderer 124.21.0 → 124.21.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/renderer
 
+## 124.21.2
+
+### Patch Changes
+
+- [`90abe9b926a6f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/90abe9b926a6f) -
+  Icon entrypoint migration
+- Updated dependencies
+
+## 124.21.1
+
+### Patch Changes
+
+- [`50cf7cca6bb76`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/50cf7cca6bb76) -
+  [ux] EDITOR-3896 update sync block border styles
+- Updated dependencies
+
 ## 124.21.0
 
 ### Minor Changes

package/dist/cjs/react/nodes/bodiedSyncBlock.js

@@ -5,13 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BodiedSyncBlock;
+var _syncBlock = require("@atlaskit/editor-common/sync-block");
 var _react = _interopRequireDefault(require("react"));
 function BodiedSyncBlock(props) {
   var children = props.children,
     localId = props.localId,
     resourceId = props.resourceId;
   return /*#__PURE__*/_react.default.createElement("div", {
-    "data-bodied-sync-block": true,
+    "data-bodied-sync-block": true
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: _syncBlock.BodiedSyncBlockSharedCssClassName.renderer,
     "data-local-id": localId,
     "data-resource-id": resourceId
   }, children);

package/dist/cjs/react/nodes/panel.js

@@ -9,12 +9,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _lightbulbEditorHint = _interopRequireDefault(require("@atlaskit/icon/core/migration/lightbulb--editor-hint"));
+var _lightbulb = _interopRequireDefault(require("@atlaskit/icon/core/lightbulb"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _panel = require("@atlaskit/editor-common/panel");
 var _editorPalette = require("@atlaskit/editor-palette");
-var _emojiEditorEmoji = _interopRequireDefault(require("@atlaskit/icon/core/migration/emoji--editor-emoji"));
-var _emoji = _interopRequireDefault(require("./emoji"));
+var _emoji = _interopRequireDefault(require("@atlaskit/icon/core/emoji"));
+var _emoji2 = _interopRequireDefault(require("./emoji"));
 var _icons = require("@atlaskit/editor-common/icons");
 var _consts = require("@atlaskit/editor-shared-styles/consts");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -190,10 +190,10 @@ var panelIcons = {
   info: _icons.PanelInfoIcon,
   success: _icons.PanelSuccessIcon,
   note: _icons.PanelNoteIcon,
-  tip: _lightbulbEditorHint.default,
+  tip: _lightbulb.default,
   warning: _icons.PanelWarningIcon,
   error: _icons.PanelErrorIcon,
-  custom: _emojiEditorEmoji.default
+  custom: _emoji.default
 };
 var Panel = function Panel(props) {
   var allowCustomPanels = props.allowCustomPanels,
@@ -211,7 +211,7 @@ var Panel = function Panel(props) {
   var getIcon = function getIcon() {
     if (panelType === _adfSchema.PanelType.CUSTOM) {
       if (panelIcon && providers) {
-        return (0, _react2.jsx)(_emoji.default, {
+        return (0, _react2.jsx)(_emoji2.default, {
           id: panelIconId,
           text: panelIconText,
           shortName: panelIcon,

package/dist/cjs/ui/Renderer/RendererStyleContainer.js

@@ -1624,12 +1624,15 @@ var denseStyles = (0, _react.css)((0, _defineProperty2.default)((0, _definePrope
     marginTop: RENDERER_LIST_DENSE_GAP
   }
 }));
-var syncBlockStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_syncBlock.SyncBlockSharedCssClassName.error), {
-  backgroundColor: "var(--ds-background-disabled, #17171708)",
-  borderRadius: "var(--ds-radius-small, 3px)"
+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), {
+  borderRadius: "var(--ds-radius-small, 3px)",
+  marginTop: "var(--ds-space-150, 12px)",
+  paddingTop: "var(--ds-space-075, 6px)",
+  paddingBottom: "var(--ds-space-050, 4px)"
+}), ".".concat(_syncBlock.SyncBlockSharedCssClassName.error), {
+  backgroundColor: "var(--ds-background-disabled, #17171708)"
 }), ".".concat(_syncBlock.SyncBlockSharedCssClassName.loading), {
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)"),
-  borderRadius: "var(--ds-radius-small, 3px)"
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
 }));
 var RendererStyleContainer = exports.RendererStyleContainer = function RendererStyleContainer(props) {
   var onClick = props.onClick,

package/dist/cjs/ui/Renderer/index.js

@@ -69,7 +69,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "124.21.1";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/react/nodes/bodiedSyncBlock.js

@@ -1,3 +1,4 @@
+import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
 import React from 'react';
 export default function BodiedSyncBlock(props) {
   const {
@@ -6,7 +7,10 @@ export default function BodiedSyncBlock(props) {
     resourceId
   } = props;
   return /*#__PURE__*/React.createElement("div", {
-    "data-bodied-sync-block": true,
+    "data-bodied-sync-block": true
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: BodiedSyncBlockSharedCssClassName.renderer,
     "data-local-id": localId,
     "data-resource-id": resourceId
   }, children);

package/dist/es2019/react/nodes/panel.js

@@ -6,11 +6,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import TipIcon from '@atlaskit/icon/core/migration/lightbulb--editor-hint';
+import TipIcon from '@atlaskit/icon/core/lightbulb';
 import { PanelType } from '@atlaskit/adf-schema';
 import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
-import EmojiIcon from '@atlaskit/icon/core/migration/emoji--editor-emoji';
+import EmojiIcon from '@atlaskit/icon/core/emoji';
 import EmojiItem from './emoji';
 import { PanelInfoIcon, PanelSuccessIcon, PanelNoteIcon, PanelWarningIcon, PanelErrorIcon } from '@atlaskit/editor-common/icons';
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';

package/dist/es2019/ui/Renderer/RendererStyleContainer.js

@@ -28,7 +28,7 @@ import { editorUGCToken } from '@atlaskit/editor-common/ugc-tokens';
 import { getBaseFontSize } from './get-base-font-size';
 import { EmojiSharedCssClassName, defaultEmojiHeight, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4 } from '@atlaskit/editor-common/emoji';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
+import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
 const wrappedMediaBreakoutPoint = 410;
 const TELEPOINTER_ID = 'ai-streaming-telepointer';
 const tableShadowWidth = 32;
@@ -2048,13 +2048,17 @@ const denseStyles = css({
   }
 });
 const syncBlockStyles = css({
+  [`.${SyncBlockSharedCssClassName.renderer}, .${BodiedSyncBlockSharedCssClassName.renderer}, .${SyncBlockSharedCssClassName.error}, .${SyncBlockSharedCssClassName.loading}`]: {
+    borderRadius: "var(--ds-radius-small, 3px)",
+    marginTop: "var(--ds-space-150, 12px)",
+    paddingTop: "var(--ds-space-075, 6px)",
+    paddingBottom: "var(--ds-space-050, 4px)"
+  },
   [`.${SyncBlockSharedCssClassName.error}`]: {
-    backgroundColor: "var(--ds-background-disabled, #17171708)",
-    borderRadius: "var(--ds-radius-small, 3px)"
+    backgroundColor: "var(--ds-background-disabled, #17171708)"
   },
   [`.${SyncBlockSharedCssClassName.loading}`]: {
-    boxShadow: `0 0 0 1px ${"var(--ds-border, #0B120E24)"}`,
-    borderRadius: "var(--ds-radius-small, 3px)"
+    boxShadow: `0 0 0 1px ${"var(--ds-border, #0B120E24)"}`
   }
 });
 export const RendererStyleContainer = props => {

package/dist/es2019/ui/Renderer/index.js

@@ -55,7 +55,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 const TABLE_INFO_TIMEOUT = 10000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "0.0.0-development";
+const packageVersion = "124.21.1";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/react/nodes/bodiedSyncBlock.js

@@ -1,10 +1,14 @@
+import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
 import React from 'react';
 export default function BodiedSyncBlock(props) {
   var children = props.children,
     localId = props.localId,
     resourceId = props.resourceId;
   return /*#__PURE__*/React.createElement("div", {
-    "data-bodied-sync-block": true,
+    "data-bodied-sync-block": true
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: BodiedSyncBlockSharedCssClassName.renderer,
     "data-local-id": localId,
     "data-resource-id": resourceId
   }, children);

package/dist/esm/react/nodes/panel.js

@@ -8,11 +8,11 @@ var _excluded = ["backgroundColor", "hasIcon"];
 import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import TipIcon from '@atlaskit/icon/core/migration/lightbulb--editor-hint';
+import TipIcon from '@atlaskit/icon/core/lightbulb';
 import { PanelType } from '@atlaskit/adf-schema';
 import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
-import EmojiIcon from '@atlaskit/icon/core/migration/emoji--editor-emoji';
+import EmojiIcon from '@atlaskit/icon/core/emoji';
 import EmojiItem from './emoji';
 import { PanelInfoIcon, PanelSuccessIcon, PanelNoteIcon, PanelWarningIcon, PanelErrorIcon } from '@atlaskit/editor-common/icons';
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';

package/dist/esm/ui/Renderer/RendererStyleContainer.js

@@ -30,7 +30,7 @@ import { editorUGCToken } from '@atlaskit/editor-common/ugc-tokens';
 import { getBaseFontSize } from './get-base-font-size';
 import { EmojiSharedCssClassName, defaultEmojiHeight, defaultDenseEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4 } from '@atlaskit/editor-common/emoji';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
+import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
 var wrappedMediaBreakoutPoint = 410;
 var TELEPOINTER_ID = 'ai-streaming-telepointer';
 var tableShadowWidth = 32;
@@ -1617,12 +1617,15 @@ var denseStyles = css(_defineProperty(_defineProperty(_defineProperty({}, ".".co
     marginTop: RENDERER_LIST_DENSE_GAP
   }
 }));
-var syncBlockStyles = css(_defineProperty(_defineProperty({}, ".".concat(SyncBlockSharedCssClassName.error), {
-  backgroundColor: "var(--ds-background-disabled, #17171708)",
-  borderRadius: "var(--ds-radius-small, 3px)"
+var syncBlockStyles = css(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(SyncBlockSharedCssClassName.renderer, ", .").concat(BodiedSyncBlockSharedCssClassName.renderer, ", .").concat(SyncBlockSharedCssClassName.error, ", .").concat(SyncBlockSharedCssClassName.loading), {
+  borderRadius: "var(--ds-radius-small, 3px)",
+  marginTop: "var(--ds-space-150, 12px)",
+  paddingTop: "var(--ds-space-075, 6px)",
+  paddingBottom: "var(--ds-space-050, 4px)"
+}), ".".concat(SyncBlockSharedCssClassName.error), {
+  backgroundColor: "var(--ds-background-disabled, #17171708)"
 }), ".".concat(SyncBlockSharedCssClassName.loading), {
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)"),
-  borderRadius: "var(--ds-radius-small, 3px)"
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
 }));
 export var RendererStyleContainer = function RendererStyleContainer(props) {
   var onClick = props.onClick,

package/dist/esm/ui/Renderer/index.js

@@ -60,7 +60,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "124.21.1";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "124.21.0",
+	"version": "124.21.2",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -53,11 +53,11 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/react-ufo": "^4.16.0",
-		"@atlaskit/smart-card": "^43.15.0",
+		"@atlaskit/smart-card": "^43.16.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^15.11.0",
+		"@atlaskit/tmp-editor-statsig": "^15.12.0",
 		"@atlaskit/tokens": "^8.5.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/visually-hidden": "^3.0.0",