@atlaskit/editor-common 110.2.1 → 110.2.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 (17) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/monitoring/error.js +1 -1
  3. package/dist/cjs/styles/shared/panel.js +1 -1
  4. package/dist/cjs/styles/shared/resizer.js +5 -5
  5. package/dist/cjs/ui/DropList/index.js +1 -1
  6. package/dist/cjs/ui/PanelTextInput/styles.js +2 -1
  7. package/dist/es2019/monitoring/error.js +1 -1
  8. package/dist/es2019/styles/shared/panel.js +3 -3
  9. package/dist/es2019/styles/shared/resizer.js +5 -5
  10. package/dist/es2019/ui/DropList/index.js +1 -1
  11. package/dist/es2019/ui/PanelTextInput/styles.js +2 -1
  12. package/dist/esm/monitoring/error.js +1 -1
  13. package/dist/esm/styles/shared/panel.js +1 -1
  14. package/dist/esm/styles/shared/resizer.js +5 -5
  15. package/dist/esm/ui/DropList/index.js +1 -1
  16. package/dist/esm/ui/PanelTextInput/styles.js +2 -1
  17. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/editor-common
2
2
 
3
+ ## 110.2.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`f3494b0a49dbc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f3494b0a49dbc) -
8
+ Internal changes to use new shape tokens. No visual changes.
9
+ - Updated dependencies
10
+
11
+ ## 110.2.2
12
+
13
+ ### Patch Changes
14
+
15
+ - [`5a35ce1c7b07a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5a35ce1c7b07a) -
16
+ Clean up nested border style fg
17
+
3
18
  ## 110.2.1
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/monitoring/error.js CHANGED
@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
16
16
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
17
17
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
18
18
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
19
- var packageVersion = "110.2.0";
19
+ var packageVersion = "110.2.2";
20
20
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
21
21
  // Remove URL as it has UGC
22
22
  // Ignored via go/ees007
package/dist/cjs/styles/shared/panel.js CHANGED
@@ -152,7 +152,7 @@ var mainDynamicStyles = function mainDynamicStyles(panelType) {
152
152
 
153
153
  // 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
154
  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\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/* support nested panel */\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-radius-small, 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)", (0, _platformFeatureFlags.fg)('platform_editor_add_border_for_nested_panel') ? ".".concat(PanelSharedCssClassName.content, " .").concat(prefix, " {\n\t\t\tborder: 1px solid ", "var(--ds-border, #091E42)", ";\n\t\t}") : '', _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, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? "&.".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}") : '');
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\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/* support nested panel */\n\t.", " .", " {\n\t\tborder: 1px solid ", ";\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-radius-small, 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)", PanelSharedCssClassName.content, prefix, "var(--ds-border, #091E42)", _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, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? "&.".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
156
  };
157
157
  var panelSharedStyles = exports.panelSharedStyles = function panelSharedStyles() {
158
158
  return (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(PanelSharedCssClassName.prefix), panelSharedStylesWithoutPrefix()));
package/dist/cjs/styles/shared/resizer.js CHANGED
@@ -45,7 +45,7 @@ var pragmaticResizerStylesForTooltip = exports.pragmaticResizerStylesForTooltip
45
45
  justifyContent: 'center',
46
46
  height: '100%',
47
47
  cursor: 'col-resize',
48
- borderRadius: 4,
48
+ borderRadius: "var(--ds-radius-small, 4px)",
49
49
  zIndex: 2,
50
50
  // Tootip element
51
51
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -163,7 +163,7 @@ var pragmaticResizerStyles = exports.pragmaticResizerStyles = function pragmatic
163
163
  justifyContent: 'center',
164
164
  height: '100%',
165
165
  cursor: 'col-resize',
166
- borderRadius: 4,
166
+ borderRadius: "var(--ds-radius-small, 4px)",
167
167
  transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
168
168
  zIndex: 2,
169
169
  opacity: 0,
@@ -199,7 +199,7 @@ var pragmaticResizerStyles = exports.pragmaticResizerStyles = function pragmatic
199
199
  // copied from resizeStyles.clamped
200
200
  height: 'clamp(27px, calc(100% - 32px), 96px)',
201
201
  background: "var(--ds-border, #091E4224)",
202
- borderRadius: 6,
202
+ borderRadius: "var(--ds-radius-medium, 6px)",
203
203
  // sticky styles
204
204
  position: 'sticky',
205
205
  top: "var(--ds-space-150, 12px)",
@@ -284,7 +284,7 @@ var pragmaticResizerStyles = exports.pragmaticResizerStyles = function pragmatic
284
284
  justifyContent: 'center',
285
285
  height: '100%',
286
286
  cursor: 'col-resize',
287
- borderRadius: 4,
287
+ borderRadius: "var(--ds-radius-small, 4px)",
288
288
  transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
289
289
  zIndex: 2,
290
290
  opacity: 0,
@@ -320,7 +320,7 @@ var pragmaticResizerStyles = exports.pragmaticResizerStyles = function pragmatic
320
320
  // copied from resizeStyles.clamped
321
321
  height: 'clamp(27px, calc(100% - 32px), 96px)',
322
322
  background: "var(--ds-border, #091E4224)",
323
- borderRadius: 6,
323
+ borderRadius: "var(--ds-radius-medium, 6px)",
324
324
  // sticky styles
325
325
  position: 'sticky',
326
326
  top: "var(--ds-space-150, 12px)",
package/dist/cjs/ui/DropList/index.js CHANGED
@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
24
24
  * @jsx jsx
25
25
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
26
26
  var packageName = "@atlaskit/editor-common";
27
- var packageVersion = "110.2.0";
27
+ var packageVersion = "110.2.2";
28
28
  var halfFocusRing = 1;
29
29
  var dropOffset = '0, 8';
30
30
  var fadeIn = (0, _react2.keyframes)({
package/dist/cjs/ui/PanelTextInput/styles.js CHANGED
@@ -15,7 +15,8 @@ var panelTextInput = exports.panelTextInput = (0, _react.css)({
15
15
  'input&': {
16
16
  background: 'transparent',
17
17
  border: "1px solid ".concat("var(--ds-border-input, #8590A2)"),
18
- borderRadius: 3,
18
+ // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
19
+ borderRadius: "var(--ds-radius-small, 3px)",
19
20
  boxSizing: 'content-box',
20
21
  color: "var(--ds-text, #172B4D)",
21
22
  flexGrow: 1,
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 = "110.2.0";
4
+ const packageVersion = "110.2.2";
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/panel.js CHANGED
@@ -207,9 +207,9 @@ export const panelSharedStylesWithoutPrefix = () => css`
207
207
  }
208
208
 
209
209
  /* support nested panel */
210
- ${fg('platform_editor_add_border_for_nested_panel') ? `.${PanelSharedCssClassName.content} .${prefix} {
211
- border: 1px solid ${"var(--ds-border, #091E42)"};
212
- }` : ''}
210
+ .${PanelSharedCssClassName.content} .${prefix} {
211
+ border: 1px solid ${"var(--ds-border, #091E42)"};
212
+ }
213
213
 
214
214
  &[data-panel-type='${PanelType.INFO}'] {
215
215
  ${getIconStyles(PanelType.INFO)}
package/dist/es2019/styles/shared/resizer.js CHANGED
@@ -231,7 +231,7 @@ export const pragmaticResizerStylesForTooltip = () => {
231
231
  justifyContent: 'center',
232
232
  height: '100%',
233
233
  cursor: 'col-resize',
234
- borderRadius: 4,
234
+ borderRadius: "var(--ds-radius-small, 4px)",
235
235
  zIndex: 2,
236
236
  // Tootip element
237
237
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -349,7 +349,7 @@ export const pragmaticResizerStyles = () => {
349
349
  justifyContent: 'center',
350
350
  height: '100%',
351
351
  cursor: 'col-resize',
352
- borderRadius: 4,
352
+ borderRadius: "var(--ds-radius-small, 4px)",
353
353
  transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
354
354
  zIndex: 2,
355
355
  opacity: 0,
@@ -385,7 +385,7 @@ export const pragmaticResizerStyles = () => {
385
385
  // copied from resizeStyles.clamped
386
386
  height: 'clamp(27px, calc(100% - 32px), 96px)',
387
387
  background: "var(--ds-border, #091E4224)",
388
- borderRadius: 6,
388
+ borderRadius: "var(--ds-radius-medium, 6px)",
389
389
  // sticky styles
390
390
  position: 'sticky',
391
391
  top: "var(--ds-space-150, 12px)",
@@ -470,7 +470,7 @@ export const pragmaticResizerStyles = () => {
470
470
  justifyContent: 'center',
471
471
  height: '100%',
472
472
  cursor: 'col-resize',
473
- borderRadius: 4,
473
+ borderRadius: "var(--ds-radius-small, 4px)",
474
474
  transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
475
475
  zIndex: 2,
476
476
  opacity: 0,
@@ -506,7 +506,7 @@ export const pragmaticResizerStyles = () => {
506
506
  // copied from resizeStyles.clamped
507
507
  height: 'clamp(27px, calc(100% - 32px), 96px)',
508
508
  background: "var(--ds-border, #091E4224)",
509
- borderRadius: 6,
509
+ borderRadius: "var(--ds-radius-medium, 6px)",
510
510
  // sticky styles
511
511
  position: 'sticky',
512
512
  top: "var(--ds-space-150, 12px)",
package/dist/es2019/ui/DropList/index.js CHANGED
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
14
14
  import { fg } from '@atlaskit/platform-feature-flags';
15
15
  import Layer from '../Layer';
16
16
  const packageName = "@atlaskit/editor-common";
17
- const packageVersion = "110.2.0";
17
+ const packageVersion = "110.2.2";
18
18
  const halfFocusRing = 1;
19
19
  const dropOffset = '0, 8';
20
20
  const fadeIn = keyframes({
package/dist/es2019/ui/PanelTextInput/styles.js CHANGED
@@ -8,7 +8,8 @@ export const panelTextInput = css({
8
8
  'input&': {
9
9
  background: 'transparent',
10
10
  border: `1px solid ${"var(--ds-border-input, #8590A2)"}`,
11
- borderRadius: 3,
11
+ // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
12
+ borderRadius: "var(--ds-radius-small, 3px)",
12
13
  boxSizing: 'content-box',
13
14
  color: "var(--ds-text, #172B4D)",
14
15
  flexGrow: 1,
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 = "110.2.0";
10
+ var packageVersion = "110.2.2";
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/panel.js CHANGED
@@ -143,7 +143,7 @@ var mainDynamicStyles = function mainDynamicStyles(panelType) {
143
143
 
144
144
  // 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
145
  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\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/* support nested panel */\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-radius-small, 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)", fg('platform_editor_add_border_for_nested_panel') ? ".".concat(PanelSharedCssClassName.content, " .").concat(prefix, " {\n\t\t\tborder: 1px solid ", "var(--ds-border, #091E42)", ";\n\t\t}") : '', 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), fg('platform_editor_nested_dnd_styles_changes') ? "&.".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}") : '');
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\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/* support nested panel */\n\t.", " .", " {\n\t\tborder: 1px solid ", ";\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-radius-small, 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)", PanelSharedCssClassName.content, prefix, "var(--ds-border, #091E42)", 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), fg('platform_editor_nested_dnd_styles_changes') ? "&.".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
147
  };
148
148
  export var panelSharedStyles = function panelSharedStyles() {
149
149
  return css(_defineProperty({}, ".".concat(PanelSharedCssClassName.prefix), panelSharedStylesWithoutPrefix()));
package/dist/esm/styles/shared/resizer.js CHANGED
@@ -39,7 +39,7 @@ export var pragmaticResizerStylesForTooltip = function pragmaticResizerStylesFor
39
39
  justifyContent: 'center',
40
40
  height: '100%',
41
41
  cursor: 'col-resize',
42
- borderRadius: 4,
42
+ borderRadius: "var(--ds-radius-small, 4px)",
43
43
  zIndex: 2,
44
44
  // Tootip element
45
45
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -157,7 +157,7 @@ export var pragmaticResizerStyles = function pragmaticResizerStyles() {
157
157
  justifyContent: 'center',
158
158
  height: '100%',
159
159
  cursor: 'col-resize',
160
- borderRadius: 4,
160
+ borderRadius: "var(--ds-radius-small, 4px)",
161
161
  transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
162
162
  zIndex: 2,
163
163
  opacity: 0,
@@ -193,7 +193,7 @@ export var pragmaticResizerStyles = function pragmaticResizerStyles() {
193
193
  // copied from resizeStyles.clamped
194
194
  height: 'clamp(27px, calc(100% - 32px), 96px)',
195
195
  background: "var(--ds-border, #091E4224)",
196
- borderRadius: 6,
196
+ borderRadius: "var(--ds-radius-medium, 6px)",
197
197
  // sticky styles
198
198
  position: 'sticky',
199
199
  top: "var(--ds-space-150, 12px)",
@@ -278,7 +278,7 @@ export var pragmaticResizerStyles = function pragmaticResizerStyles() {
278
278
  justifyContent: 'center',
279
279
  height: '100%',
280
280
  cursor: 'col-resize',
281
- borderRadius: 4,
281
+ borderRadius: "var(--ds-radius-small, 4px)",
282
282
  transition: 'background-color 0.2s, visibility 0.2s, opacity 0.2s',
283
283
  zIndex: 2,
284
284
  opacity: 0,
@@ -314,7 +314,7 @@ export var pragmaticResizerStyles = function pragmaticResizerStyles() {
314
314
  // copied from resizeStyles.clamped
315
315
  height: 'clamp(27px, calc(100% - 32px), 96px)',
316
316
  background: "var(--ds-border, #091E4224)",
317
- borderRadius: 6,
317
+ borderRadius: "var(--ds-radius-medium, 6px)",
318
318
  // sticky styles
319
319
  position: 'sticky',
320
320
  top: "var(--ds-space-150, 12px)",
package/dist/esm/ui/DropList/index.js CHANGED
@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
21
21
  import { fg } from '@atlaskit/platform-feature-flags';
22
22
  import Layer from '../Layer';
23
23
  var packageName = "@atlaskit/editor-common";
24
- var packageVersion = "110.2.0";
24
+ var packageVersion = "110.2.2";
25
25
  var halfFocusRing = 1;
26
26
  var dropOffset = '0, 8';
27
27
  var fadeIn = keyframes({
package/dist/esm/ui/PanelTextInput/styles.js CHANGED
@@ -8,7 +8,8 @@ export var panelTextInput = css({
8
8
  'input&': {
9
9
  background: 'transparent',
10
10
  border: "1px solid ".concat("var(--ds-border-input, #8590A2)"),
11
- borderRadius: 3,
11
+ // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
12
+ borderRadius: "var(--ds-radius-small, 3px)",
12
13
  boxSizing: 'content-box',
13
14
  color: "var(--ds-text, #172B4D)",
14
15
  flexGrow: 1,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-common",
3
- "version": "110.2.1",
3
+ "version": "110.2.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/"