@atlaskit/editor-common 102.18.1 → 102.18.3

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 (14) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/monitoring/error.js +1 -1
  3. package/dist/cjs/styles/shared/code-mark.js +20 -8
  4. package/dist/cjs/styles/shared/panel.js +8 -3
  5. package/dist/cjs/ui/DropList/index.js +1 -1
  6. package/dist/es2019/monitoring/error.js +1 -1
  7. package/dist/es2019/styles/shared/code-mark.js +14 -2
  8. package/dist/es2019/styles/shared/panel.js +25 -22
  9. package/dist/es2019/ui/DropList/index.js +1 -1
  10. package/dist/esm/monitoring/error.js +1 -1
  11. package/dist/esm/styles/shared/code-mark.js +18 -7
  12. package/dist/esm/styles/shared/panel.js +8 -3
  13. package/dist/esm/ui/DropList/index.js +1 -1
  14. package/package.json +5 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/editor-common
2
2
 
3
+ ## 102.18.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#125263](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/125263)
8
+ [`8269e79feca3c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8269e79feca3c) -
9
+ Removes deprecated import of `getCodeStyles`.
10
+ - Updated dependencies
11
+
12
+ ## 102.18.2
13
+
14
+ ### Patch Changes
15
+
16
+ - [#136524](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/136524)
17
+ [`d70621353e0f7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d70621353e0f7) -
18
+ [ux] [EDITOR-266] Fix nested panel icon colours in LCM
19
+ - Updated dependencies
20
+
3
21
  ## 102.18.1
4
22
 
5
23
  ### Patch Changes
package/dist/cjs/monitoring/error.js CHANGED
@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
17
17
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
18
18
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
19
19
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
20
- var packageVersion = "102.18.1";
20
+ var packageVersion = "102.18.3";
21
21
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
22
22
  // Remove URL as it has UGC
23
23
  // Ignored via go/ees007
package/dist/cjs/styles/shared/code-mark.js CHANGED
@@ -1,20 +1,32 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
6
  exports.codeMarkSharedStyles = void 0;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
7
  var _react = require("@emotion/react");
10
- var _inline = require("@atlaskit/code/inline");
11
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
+
13
10
  var codeMarkSharedStyles = exports.codeMarkSharedStyles = function codeMarkSharedStyles() {
14
11
  return (0, _react.css)({
15
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
16
- '.code': _objectSpread({
17
- '--ds--code--bg-color': "var(--ds-background-neutral, #091E420F)"
18
- }, (0, _inline.getCodeStyles)())
13
+ '.code': {
14
+ '--ds--code--bg-color': "var(--ds-background-neutral, #091E420F)",
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
16
+ display: 'inline',
17
+ padding: '2px 0.5ch',
18
+ backgroundColor: "var(--ds--code--bg-color,".concat("var(--ds-background-neutral, #091E420F)", ")"),
19
+ borderRadius: "var(--ds-border-radius, 3px)",
20
+ borderStyle: 'none',
21
+ boxDecorationBreak: 'clone',
22
+ color: "var(--ds-text, #172B4D)",
23
+ fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
24
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
25
+ fontSize: '0.875em',
26
+ fontWeight: "var(--ds-font-weight-regular, 400)",
27
+ overflow: 'auto',
28
+ overflowWrap: 'break-word',
29
+ whiteSpace: 'pre-wrap'
30
+ }
19
31
  });
20
32
  };
package/dist/cjs/styles/shared/panel.js CHANGED
@@ -15,6 +15,7 @@ var _editorPalette = require("@atlaskit/editor-palette");
15
15
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
16
16
  var _consts = require("@atlaskit/editor-shared-styles/consts");
17
17
  var _emoji = require("@atlaskit/emoji");
18
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
18
19
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
19
20
  var _templateObject;
20
21
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
@@ -135,8 +136,12 @@ var PanelSharedSelectors = exports.PanelSharedSelectors = {
135
136
  yellowWarningIcon: "[aria-label=\":warning:\"] span:nth-child(1)",
136
137
  copyButton: "button[aria-label=\"Copy\"]"
137
138
  };
138
- var iconDynamicStyles = function iconDynamicStyles(panelType) {
139
- return "color: ".concat(lightIconColor[panelType], ";");
139
+ var getIconStyles = function getIconStyles(panelType) {
140
+ if ((0, _platformFeatureFlags.fg)('platform_editor_lcm_nested_panel_icon_fix')) {
141
+ return "\n\t\t\t.".concat(PanelSharedCssClassName.icon, "[data-panel-type='").concat(panelType, "'] {\n\t\t\t\tcolor: ").concat(lightIconColor[panelType], ";\n\t\t\t}\n\t\t");
142
+ } else {
143
+ return "\n\t\t\t.".concat(PanelSharedCssClassName.icon, " {\n\t\t\t\tcolor: ").concat(lightIconColor[panelType], ";\n\t\t\t}\n\t\t");
144
+ }
140
145
  };
141
146
 
142
147
  // Provides the color without tokens, used when converting to a custom panel
@@ -152,7 +157,7 @@ var mainDynamicStyles = function mainDynamicStyles(panelType) {
152
157
 
153
158
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Safe to autofix with a tiny tweak to `mainDynamicStyles` being an object, but holding off…
154
159
  var panelSharedStylesWithoutPrefix = exports.panelSharedStylesWithoutPrefix = function panelSharedStylesWithoutPrefix() {
155
- return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\t\t", "\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t// Vertical align only works for inline-block elements in Firefox\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\n https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n */\n\t\tmin-width: 0;\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n"])), "var(--ds-border-radius, 3px)", _editorSharedStyles.blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", _editorSharedStyles.akEditorTableCellMinWidth, mainDynamicStyles(_adfSchema.PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", iconDynamicStyles(_adfSchema.PanelType.INFO), _emoji.emojiSprite, panelEmojiSpriteVerticalAlignment, _emoji.emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _adfSchema.PanelType.NOTE, mainDynamicStyles(_adfSchema.PanelType.NOTE), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.NOTE), _adfSchema.PanelType.TIP, mainDynamicStyles(_adfSchema.PanelType.TIP), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.TIP), _adfSchema.PanelType.WARNING, mainDynamicStyles(_adfSchema.PanelType.WARNING), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.WARNING), _adfSchema.PanelType.ERROR, mainDynamicStyles(_adfSchema.PanelType.ERROR), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.ERROR), _adfSchema.PanelType.SUCCESS, mainDynamicStyles(_adfSchema.PanelType.SUCCESS), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.SUCCESS), (0, _experiments.editorExperiment)('nested-dnd', true) ? "&.".concat(PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t\tpadding-left: ", "var(--ds-space-150, 12px)", ";\n\t\t}") : '');
160
+ return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t// Vertical align only works for inline-block elements in Firefox\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\n https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n */\n\t\tmin-width: 0;\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t", "\n"])), "var(--ds-border-radius, 3px)", _editorSharedStyles.blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", _editorSharedStyles.akEditorTableCellMinWidth, mainDynamicStyles(_adfSchema.PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", _emoji.emojiSprite, panelEmojiSpriteVerticalAlignment, _emoji.emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _adfSchema.PanelType.INFO, getIconStyles(_adfSchema.PanelType.INFO), _adfSchema.PanelType.NOTE, mainDynamicStyles(_adfSchema.PanelType.NOTE), getIconStyles(_adfSchema.PanelType.NOTE), _adfSchema.PanelType.TIP, mainDynamicStyles(_adfSchema.PanelType.TIP), getIconStyles(_adfSchema.PanelType.TIP), _adfSchema.PanelType.WARNING, mainDynamicStyles(_adfSchema.PanelType.WARNING), getIconStyles(_adfSchema.PanelType.WARNING), _adfSchema.PanelType.ERROR, mainDynamicStyles(_adfSchema.PanelType.ERROR), getIconStyles(_adfSchema.PanelType.ERROR), _adfSchema.PanelType.SUCCESS, mainDynamicStyles(_adfSchema.PanelType.SUCCESS), getIconStyles(_adfSchema.PanelType.SUCCESS), (0, _experiments.editorExperiment)('nested-dnd', true) ? "&.".concat(PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t\tpadding-left: ", "var(--ds-space-150, 12px)", ";\n\t\t}") : '');
156
161
  };
157
162
  var panelSharedStyles = exports.panelSharedStyles = function panelSharedStyles() {
158
163
  return (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(PanelSharedCssClassName.prefix), panelSharedStylesWithoutPrefix()));
package/dist/cjs/ui/DropList/index.js CHANGED
@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
23
23
  * @jsx jsx
24
24
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
25
25
  var packageName = "@atlaskit/editor-common";
26
- var packageVersion = "102.18.1";
26
+ var packageVersion = "102.18.3";
27
27
  var halfFocusRing = 1;
28
28
  var dropOffset = '0, 8';
29
29
  // Ignored via go/ees005
package/dist/es2019/monitoring/error.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { isFedRamp } from './environment';
2
2
  const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
3
3
  const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
4
- const packageVersion = "102.18.1";
4
+ const packageVersion = "102.18.3";
5
5
  const sanitiseSentryEvents = (data, _hint) => {
6
6
  // Remove URL as it has UGC
7
7
  // Ignored via go/ees007
package/dist/es2019/styles/shared/code-mark.js CHANGED
@@ -1,13 +1,25 @@
1
1
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
2
  import { css } from '@emotion/react';
3
- import { getCodeStyles } from '@atlaskit/code/inline';
4
3
  export const codeMarkSharedStyles = () => {
5
4
  return css({
6
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
7
6
  '.code': {
8
7
  '--ds--code--bg-color': "var(--ds-background-neutral, #091E420F)",
9
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
10
- ...getCodeStyles()
9
+ display: 'inline',
10
+ padding: '2px 0.5ch',
11
+ backgroundColor: `var(--ds--code--bg-color,${"var(--ds-background-neutral, #091E420F)"})`,
12
+ borderRadius: "var(--ds-border-radius, 3px)",
13
+ borderStyle: 'none',
14
+ boxDecorationBreak: 'clone',
15
+ color: "var(--ds-text, #172B4D)",
16
+ fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
17
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
18
+ fontSize: '0.875em',
19
+ fontWeight: "var(--ds-font-weight-regular, 400)",
20
+ overflow: 'auto',
21
+ overflowWrap: 'break-word',
22
+ whiteSpace: 'pre-wrap'
11
23
  }
12
24
  });
13
25
  };
package/dist/es2019/styles/shared/panel.js CHANGED
@@ -6,6 +6,7 @@ import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
6
6
  import { akEditorTableCellMinWidth, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
7
7
  import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
8
8
  import { emojiImage, emojiSprite } from '@atlaskit/emoji';
9
+ import { fg } from '@atlaskit/platform-feature-flags';
9
10
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
10
11
  const lightPanelColors = {
11
12
  info: '#DEEBFF',
@@ -128,7 +129,21 @@ export const PanelSharedSelectors = {
128
129
  yellowWarningIcon: `[aria-label=":warning:"] span:nth-child(1)`,
129
130
  copyButton: `button[aria-label="Copy"]`
130
131
  };
131
- const iconDynamicStyles = panelType => `color: ${lightIconColor[panelType]};`;
132
+ const getIconStyles = panelType => {
133
+ if (fg('platform_editor_lcm_nested_panel_icon_fix')) {
134
+ return `
135
+ .${PanelSharedCssClassName.icon}[data-panel-type='${panelType}'] {
136
+ color: ${lightIconColor[panelType]};
137
+ }
138
+ `;
139
+ } else {
140
+ return `
141
+ .${PanelSharedCssClassName.icon} {
142
+ color: ${lightIconColor[panelType]};
143
+ }
144
+ `;
145
+ }
146
+ };
132
147
 
133
148
  // Provides the color without tokens, used when converting to a custom panel
134
149
  export const getPanelTypeBackgroundNoTokens = panelType => lightPanelColors[panelType] || 'none';
@@ -168,7 +183,6 @@ export const panelSharedStylesWithoutPrefix = () => css`
168
183
  -webkit-user-select: none;
169
184
  -ms-user-select: none;
170
185
  margin-top: 0.1em;
171
- ${iconDynamicStyles(PanelType.INFO)}
172
186
 
173
187
  > span {
174
188
  vertical-align: middle;
@@ -201,44 +215,33 @@ export const panelSharedStylesWithoutPrefix = () => css`
201
215
  min-width: 0;
202
216
  }
203
217
 
218
+ &[data-panel-type='${PanelType.INFO}'] {
219
+ ${getIconStyles(PanelType.INFO)}
220
+ }
221
+
204
222
  &[data-panel-type='${PanelType.NOTE}'] {
205
223
  ${mainDynamicStyles(PanelType.NOTE)}
206
-
207
- .${PanelSharedCssClassName.icon} {
208
- ${iconDynamicStyles(PanelType.NOTE)}
209
- }
224
+ ${getIconStyles(PanelType.NOTE)}
210
225
  }
211
226
 
212
227
  &[data-panel-type='${PanelType.TIP}'] {
213
228
  ${mainDynamicStyles(PanelType.TIP)}
214
-
215
- .${PanelSharedCssClassName.icon} {
216
- ${iconDynamicStyles(PanelType.TIP)}
217
- }
229
+ ${getIconStyles(PanelType.TIP)}
218
230
  }
219
231
 
220
232
  &[data-panel-type='${PanelType.WARNING}'] {
221
233
  ${mainDynamicStyles(PanelType.WARNING)}
222
-
223
- .${PanelSharedCssClassName.icon} {
224
- ${iconDynamicStyles(PanelType.WARNING)}
225
- }
234
+ ${getIconStyles(PanelType.WARNING)}
226
235
  }
227
236
 
228
237
  &[data-panel-type='${PanelType.ERROR}'] {
229
238
  ${mainDynamicStyles(PanelType.ERROR)}
230
-
231
- .${PanelSharedCssClassName.icon} {
232
- ${iconDynamicStyles(PanelType.ERROR)}
233
- }
239
+ ${getIconStyles(PanelType.ERROR)}
234
240
  }
235
241
 
236
242
  &[data-panel-type='${PanelType.SUCCESS}'] {
237
243
  ${mainDynamicStyles(PanelType.SUCCESS)}
238
-
239
- .${PanelSharedCssClassName.icon} {
240
- ${iconDynamicStyles(PanelType.SUCCESS)}
241
- }
244
+ ${getIconStyles(PanelType.SUCCESS)}
242
245
  }
243
246
 
244
247
  ${editorExperiment('nested-dnd', true) ? `&.${PanelSharedCssClassName.noIcon} {
package/dist/es2019/ui/DropList/index.js CHANGED
@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
13
13
  import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
14
14
  import Layer from '../Layer';
15
15
  const packageName = "@atlaskit/editor-common";
16
- const packageVersion = "102.18.1";
16
+ const packageVersion = "102.18.3";
17
17
  const halfFocusRing = 1;
18
18
  const dropOffset = '0, 8';
19
19
  // Ignored via go/ees005
package/dist/esm/monitoring/error.js CHANGED
@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import { isFedRamp } from './environment';
8
8
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
9
9
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
10
- var packageVersion = "102.18.1";
10
+ var packageVersion = "102.18.3";
11
11
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
12
12
  // Remove URL as it has UGC
13
13
  // Ignored via go/ees007
package/dist/esm/styles/shared/code-mark.js CHANGED
@@ -1,14 +1,25 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
1
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
5
2
  import { css } from '@emotion/react';
6
- import { getCodeStyles } from '@atlaskit/code/inline';
7
3
  export var codeMarkSharedStyles = function codeMarkSharedStyles() {
8
4
  return css({
9
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
10
- '.code': _objectSpread({
11
- '--ds--code--bg-color': "var(--ds-background-neutral, #091E420F)"
12
- }, getCodeStyles())
6
+ '.code': {
7
+ '--ds--code--bg-color': "var(--ds-background-neutral, #091E420F)",
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
9
+ display: 'inline',
10
+ padding: '2px 0.5ch',
11
+ backgroundColor: "var(--ds--code--bg-color,".concat("var(--ds-background-neutral, #091E420F)", ")"),
12
+ borderRadius: "var(--ds-border-radius, 3px)",
13
+ borderStyle: 'none',
14
+ boxDecorationBreak: 'clone',
15
+ color: "var(--ds-text, #172B4D)",
16
+ fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
17
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
18
+ fontSize: '0.875em',
19
+ fontWeight: "var(--ds-font-weight-regular, 400)",
20
+ overflow: 'auto',
21
+ overflowWrap: 'break-word',
22
+ whiteSpace: 'pre-wrap'
23
+ }
13
24
  });
14
25
  };
package/dist/esm/styles/shared/panel.js CHANGED
@@ -9,6 +9,7 @@ import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
9
9
  import { akEditorTableCellMinWidth, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
10
10
  import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
11
11
  import { emojiImage, emojiSprite } from '@atlaskit/emoji';
12
+ import { fg } from '@atlaskit/platform-feature-flags';
12
13
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
13
14
  var lightPanelColors = {
14
15
  info: '#DEEBFF',
@@ -126,8 +127,12 @@ export var PanelSharedSelectors = {
126
127
  yellowWarningIcon: "[aria-label=\":warning:\"] span:nth-child(1)",
127
128
  copyButton: "button[aria-label=\"Copy\"]"
128
129
  };
129
- var iconDynamicStyles = function iconDynamicStyles(panelType) {
130
- return "color: ".concat(lightIconColor[panelType], ";");
130
+ var getIconStyles = function getIconStyles(panelType) {
131
+ if (fg('platform_editor_lcm_nested_panel_icon_fix')) {
132
+ return "\n\t\t\t.".concat(PanelSharedCssClassName.icon, "[data-panel-type='").concat(panelType, "'] {\n\t\t\t\tcolor: ").concat(lightIconColor[panelType], ";\n\t\t\t}\n\t\t");
133
+ } else {
134
+ return "\n\t\t\t.".concat(PanelSharedCssClassName.icon, " {\n\t\t\t\tcolor: ").concat(lightIconColor[panelType], ";\n\t\t\t}\n\t\t");
135
+ }
131
136
  };
132
137
 
133
138
  // Provides the color without tokens, used when converting to a custom panel
@@ -143,7 +148,7 @@ var mainDynamicStyles = function mainDynamicStyles(panelType) {
143
148
 
144
149
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Safe to autofix with a tiny tweak to `mainDynamicStyles` being an object, but holding off…
145
150
  export var panelSharedStylesWithoutPrefix = function panelSharedStylesWithoutPrefix() {
146
- return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\t\t", "\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t// Vertical align only works for inline-block elements in Firefox\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\n https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n */\n\t\tmin-width: 0;\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n"])), "var(--ds-border-radius, 3px)", blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", akEditorTableCellMinWidth, mainDynamicStyles(PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", iconDynamicStyles(PanelType.INFO), emojiSprite, panelEmojiSpriteVerticalAlignment, emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", PanelType.NOTE, mainDynamicStyles(PanelType.NOTE), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.NOTE), PanelType.TIP, mainDynamicStyles(PanelType.TIP), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.TIP), PanelType.WARNING, mainDynamicStyles(PanelType.WARNING), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.WARNING), PanelType.ERROR, mainDynamicStyles(PanelType.ERROR), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.ERROR), PanelType.SUCCESS, mainDynamicStyles(PanelType.SUCCESS), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.SUCCESS), editorExperiment('nested-dnd', true) ? "&.".concat(PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t\tpadding-left: ", "var(--ds-space-150, 12px)", ";\n\t\t}") : '');
151
+ return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t// Vertical align only works for inline-block elements in Firefox\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\n https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n */\n\t\tmin-width: 0;\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\t\t", "\n\t}\n\n\t", "\n"])), "var(--ds-border-radius, 3px)", blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", akEditorTableCellMinWidth, mainDynamicStyles(PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", emojiSprite, panelEmojiSpriteVerticalAlignment, emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", PanelType.INFO, getIconStyles(PanelType.INFO), PanelType.NOTE, mainDynamicStyles(PanelType.NOTE), getIconStyles(PanelType.NOTE), PanelType.TIP, mainDynamicStyles(PanelType.TIP), getIconStyles(PanelType.TIP), PanelType.WARNING, mainDynamicStyles(PanelType.WARNING), getIconStyles(PanelType.WARNING), PanelType.ERROR, mainDynamicStyles(PanelType.ERROR), getIconStyles(PanelType.ERROR), PanelType.SUCCESS, mainDynamicStyles(PanelType.SUCCESS), getIconStyles(PanelType.SUCCESS), editorExperiment('nested-dnd', true) ? "&.".concat(PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t\tpadding-left: ", "var(--ds-space-150, 12px)", ";\n\t\t}") : '');
147
152
  };
148
153
  export var panelSharedStyles = function panelSharedStyles() {
149
154
  return css(_defineProperty({}, ".".concat(PanelSharedCssClassName.prefix), panelSharedStylesWithoutPrefix()));
package/dist/esm/ui/DropList/index.js CHANGED
@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
20
20
  import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
21
21
  import Layer from '../Layer';
22
22
  var packageName = "@atlaskit/editor-common";
23
- var packageVersion = "102.18.1";
23
+ var packageVersion = "102.18.3";
24
24
  var halfFocusRing = 1;
25
25
  var dropOffset = '0, 8';
26
26
  // Ignored via go/ees005
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-common",
3
- "version": "102.18.1",
3
+ "version": "102.18.3",
4
4
  "description": "A package that contains common classes and components for editor and renderer",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -125,7 +125,7 @@
125
125
  "@atlaskit/analytics-next": "^11.0.0",
126
126
  "@atlaskit/atlassian-context": "^0.2.0",
127
127
  "@atlaskit/button": "^23.0.0",
128
- "@atlaskit/code": "^16.2.0",
128
+ "@atlaskit/code": "^17.0.0",
129
129
  "@atlaskit/codemod-utils": "^4.2.0",
130
130
  "@atlaskit/css": "^0.10.0",
131
131
  "@atlaskit/custom-steps": "^0.11.0",
@@ -340,6 +340,9 @@
340
340
  },
341
341
  "platform_editor_controls_patch_2": {
342
342
  "type": "boolean"
343
+ },
344
+ "platform_editor_lcm_nested_panel_icon_fix": {
345
+ "type": "boolean"
343
346
  }
344
347
  }
345
348
  }