@atlaskit/renderer 108.2.0 → 108.2.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 (20) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/react/nodes/codeBlock/components/codeBlockCopyButton.js +2 -1
  3. package/dist/cjs/react/nodes/codeBlock/components/codeBlockWrapButton.js +2 -1
  4. package/dist/cjs/ui/Renderer/index.js +1 -1
  5. package/dist/cjs/ui/Renderer/style.js +2 -2
  6. package/dist/cjs/ui/SortingIcon.js +1 -1
  7. package/dist/cjs/version.json +1 -1
  8. package/dist/es2019/react/nodes/codeBlock/components/codeBlockCopyButton.js +2 -1
  9. package/dist/es2019/react/nodes/codeBlock/components/codeBlockWrapButton.js +2 -1
  10. package/dist/es2019/ui/Renderer/index.js +1 -1
  11. package/dist/es2019/ui/Renderer/style.js +2 -2
  12. package/dist/es2019/ui/SortingIcon.js +1 -1
  13. package/dist/es2019/version.json +1 -1
  14. package/dist/esm/react/nodes/codeBlock/components/codeBlockCopyButton.js +2 -1
  15. package/dist/esm/react/nodes/codeBlock/components/codeBlockWrapButton.js +2 -1
  16. package/dist/esm/ui/Renderer/index.js +1 -1
  17. package/dist/esm/ui/Renderer/style.js +2 -2
  18. package/dist/esm/ui/SortingIcon.js +1 -1
  19. package/dist/esm/version.json +1 -1
  20. package/package.json +6 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 108.2.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`1b8397cca2c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1b8397cca2c) - [ux] Stop event from bubbling when user clicks on either the copy clipboard button or wrap button for code blocks in renderer view
8
+
3
9
  ## 108.2.0
4
10
 
5
11
  ### Minor Changes
package/dist/cjs/react/nodes/codeBlock/components/codeBlockCopyButton.js CHANGED
@@ -52,7 +52,7 @@ var CopyButton = function CopyButton(_ref) {
52
52
  iconBefore: (0, _react.jsx)(_copy.default, {
53
53
  label: tooltip
54
54
  }),
55
- onClick: function onClick() {
55
+ onClick: function onClick(event) {
56
56
  fireAnalyticsEvent({
57
57
  action: _enums.ACTION.CLICKED,
58
58
  actionSubject: _enums.ACTION_SUBJECT.BUTTON,
@@ -62,6 +62,7 @@ var CopyButton = function CopyButton(_ref) {
62
62
  (0, _clipboard.copyTextToClipboard)(content);
63
63
  setTooltip(intl.formatMessage(_messages.codeBlockButtonMessages.copiedCodeToClipboard));
64
64
  setClassName('copy-to-clipboard clicked');
65
+ event.stopPropagation();
65
66
  },
66
67
  spacing: "compact"
67
68
  }))));
package/dist/cjs/react/nodes/codeBlock/components/codeBlockWrapButton.js CHANGED
@@ -56,7 +56,7 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
56
56
  label: ""
57
57
  }),
58
58
  isSelected: wrapLongLines,
59
- onClick: function onClick() {
59
+ onClick: function onClick(event) {
60
60
  fireAnalyticsEvent({
61
61
  action: _enums.ACTION.CLICKED,
62
62
  actionSubject: _enums.ACTION_SUBJECT.BUTTON,
@@ -67,6 +67,7 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
67
67
  eventType: _enums.EVENT_TYPE.UI
68
68
  });
69
69
  setWrapLongLines(!wrapLongLines);
70
+ event.stopPropagation();
70
71
  },
71
72
  spacing: "compact"
72
73
  })));
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -55,7 +55,7 @@ exports.NORMAL_SEVERITY_THRESHOLD = NORMAL_SEVERITY_THRESHOLD;
55
55
  var DEGRADED_SEVERITY_THRESHOLD = 3000;
56
56
  exports.DEGRADED_SEVERITY_THRESHOLD = DEGRADED_SEVERITY_THRESHOLD;
57
57
  var packageName = "@atlaskit/renderer";
58
- var packageVersion = "108.2.0";
58
+ var packageVersion = "108.2.1";
59
59
  var Renderer = /*#__PURE__*/function (_PureComponent) {
60
60
  (0, _inherits2.default)(Renderer, _PureComponent);
61
61
  var _super = _createSuper(Renderer);
package/dist/cjs/ui/Renderer/style.js CHANGED
@@ -108,7 +108,7 @@ var rendererStyles = function rendererStyles(wrapperProps) {
108
108
  })(themeProps), _styles.whitespaceSharedStyles, _styles.blockquoteSharedStyles, (0, _styles.headingsSharedStyles)(themeProps), (0, _styles.ruleSharedStyles)(themeProps), _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.blockMarksSharedStyles, (0, _styles.codeMarkSharedStyles)(themeProps), _styles.shadowSharedStyle, _styles.dateSharedStyle, _styles.textColorStyles, _styles.tasksAndDecisionsStyles, _styles.smartCardSharedStyles, (0, _constants.fontFamily)(), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), (0, _components.themed)({
109
109
  light: "var(--ds-background-neutral, ".concat(colors.N30A, ")"),
110
110
  dark: "var(--ds-background-neutral, ".concat(colors.DN70, ")")
111
- })(themeProps), "var(--ds-radius-100, 3px)", (0, _components.themed)({
111
+ })(themeProps), "var(--ds-border-radius-100, 3px)", (0, _components.themed)({
112
112
  light: "var(--ds-text, ".concat(colors.N800, ")"),
113
113
  dark: "var(--ds-text, ".concat(colors.DN600, ")")
114
114
  })(themeProps), "var(--ds-background-danger, ".concat(colors.R50, ")"), "var(--ds-text-danger, ".concat(colors.R500, ")"), "var(--ds-space-300, 24px)", _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, alignedHeadingAnchorStyle(wrapperProps), _styles.mediaSingleSharedStyle, _consts.RendererCssClassName.DOCUMENT, breakoutWidthStyle(wrapperProps.useFragmentMarkBreakoutWidthStylingFix), _consts.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER, _consts.RendererCssClassName.EXTENSION, _consts.RendererCssClassName.DOCUMENT, _consts.RendererCssClassName.EXTENSION, _editorSharedStyles.blockNodesVerticalMargin, _consts.RendererCssClassName.EXTENSION_CENTER_ALIGN, _styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, _ui.shadowObserverClassNames.SHADOW_CONTAINER, _styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, (0, _styles.tableSharedStyle)(themeProps), _consts.RendererCssClassName.DOCUMENT, _styles.TableSharedCssClassName.TABLE_CONTAINER, _ui.shadowClassNames.RIGHT_SHADOW, _ui.shadowClassNames.LEFT_SHADOW, _styles.tableMarginTop - 1, _styles.tableMarginTop, _editorSharedStyles.akEditorStickyHeaderZIndex, _ui.shadowObserverClassNames.SENTINEL_LEFT, _ui.shadowObserverClassNames.SENTINEL_RIGHT, _styles.tableMarginTop, tableSortableColumnStyle(wrapperProps), _consts.RendererCssClassName.NUMBER_COLUMN, (0, _components.themed)({
@@ -138,7 +138,7 @@ var rendererStyles = function rendererStyles(wrapperProps) {
138
138
  })(themeProps), (0, _components.themed)({
139
139
  light: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableToolbar, ")"),
140
140
  dark: "var(--ds-background-accent-gray-subtler, ".concat(_editorSharedStyles.akEditorTableToolbarDark, ")")
141
- })(themeProps), "var(--ds-radius-100, 3px)", _editorSharedStyles.blockNodesVerticalMargin, useGridRenderForCodeBlock(useBlockRenderForCodeBlock), (0, _lightWeightCodeBlock.getLightWeightCodeBlockStylesForRootRendererStyleSheet)(), _styles.columnLayoutSharedStyle, "var(--ds-space-250, 20px)", "var(--ds-space-400, 32px)", _editorSharedStyles.gridMediumMaxWidth, _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.blockNodesVerticalMargin, _utils.browser.safari ? _styles.codeBlockInListSafariFix : '');
141
+ })(themeProps), "var(--ds-border-radius-100, 3px)", _editorSharedStyles.blockNodesVerticalMargin, useGridRenderForCodeBlock(useBlockRenderForCodeBlock), (0, _lightWeightCodeBlock.getLightWeightCodeBlockStylesForRootRendererStyleSheet)(), _styles.columnLayoutSharedStyle, "var(--ds-space-250, 20px)", "var(--ds-space-400, 32px)", _editorSharedStyles.gridMediumMaxWidth, _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.blockNodesVerticalMargin, _utils.browser.safari ? _styles.codeBlockInListSafariFix : '');
142
142
  };
143
143
  };
144
144
  exports.rendererStyles = rendererStyles;
package/dist/cjs/ui/SortingIcon.js CHANGED
@@ -23,7 +23,7 @@ var StatusClassNames = /*#__PURE__*/function (StatusClassNames) {
23
23
  return StatusClassNames;
24
24
  }({});
25
25
  exports.StatusClassNames = StatusClassNames;
26
- var buttonStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n display: flex;\n height: 28px;\n width: 28px;\n margin: 6px;\n right: 0;\n top: 0;\n border: 2px solid ", ";\n border-radius: ", ";\n background-color: ", ";\n justify-content: center;\n align-items: center;\n cursor: pointer;\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &.", "__not-allowed {\n cursor: not-allowed;\n }\n"])), "var(--ds-border, #fff)", "var(--ds-radius-100, 4px)", "var(--ds-surface-overlay, ".concat(_colors.N20, ")"), "var(--ds-surface-overlay-hovered, ".concat(_colors.N30, ")"), "var(--ds-surface-overlay-pressed, rgba(179, 212, 255, 0.6))", _consts.RendererCssClassName.SORTABLE_COLUMN_ICON);
26
+ var buttonStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n display: flex;\n height: 28px;\n width: 28px;\n margin: 6px;\n right: 0;\n top: 0;\n border: 2px solid ", ";\n border-radius: ", ";\n background-color: ", ";\n justify-content: center;\n align-items: center;\n cursor: pointer;\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &.", "__not-allowed {\n cursor: not-allowed;\n }\n"])), "var(--ds-border, #fff)", "var(--ds-border-radius-100, 4px)", "var(--ds-surface-overlay, ".concat(_colors.N20, ")"), "var(--ds-surface-overlay-hovered, ".concat(_colors.N30, ")"), "var(--ds-surface-overlay-pressed, rgba(179, 212, 255, 0.6))", _consts.RendererCssClassName.SORTABLE_COLUMN_ICON);
27
27
  var iconWrapperStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n width: 8px;\n height: 12px;\n transition: transform 0.3s cubic-bezier(0.15, 1, 0.3, 1);\n transform-origin: 50% 50%;\n display: flex;\n justify-content: center;\n\n &.", " {\n transform: rotate(-180deg);\n }\n\n &.", "-inactive {\n opacity: 0.7;\n }\n"])), StatusClassNames.DESC, _consts.RendererCssClassName.SORTABLE_COLUMN_ICON);
28
28
 
29
29
  // The icon is created with CSS due to the following Firefox issue: https://product-fabric.atlassian.net/browse/ED-8001
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "108.2.0",
3
+ "version": "108.2.1",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/react/nodes/codeBlock/components/codeBlockCopyButton.js CHANGED
@@ -35,7 +35,7 @@ const CopyButton = ({
35
35
  iconBefore: jsx(CopyIcon, {
36
36
  label: tooltip
37
37
  }),
38
- onClick: () => {
38
+ onClick: event => {
39
39
  fireAnalyticsEvent({
40
40
  action: ACTION.CLICKED,
41
41
  actionSubject: ACTION_SUBJECT.BUTTON,
@@ -45,6 +45,7 @@ const CopyButton = ({
45
45
  copyTextToClipboard(content);
46
46
  setTooltip(intl.formatMessage(codeBlockButtonMessages.copiedCodeToClipboard));
47
47
  setClassName('copy-to-clipboard clicked');
48
+ event.stopPropagation();
48
49
  },
49
50
  spacing: "compact"
50
51
  })))));
package/dist/es2019/react/nodes/codeBlock/components/codeBlockWrapButton.js CHANGED
@@ -49,7 +49,7 @@ const CodeBlockWrapButton = ({
49
49
  label: ""
50
50
  }),
51
51
  isSelected: wrapLongLines,
52
- onClick: () => {
52
+ onClick: event => {
53
53
  fireAnalyticsEvent({
54
54
  action: ACTION.CLICKED,
55
55
  actionSubject: ACTION_SUBJECT.BUTTON,
@@ -60,6 +60,7 @@ const CodeBlockWrapButton = ({
60
60
  eventType: EVENT_TYPE.UI
61
61
  });
62
62
  setWrapLongLines(!wrapLongLines);
63
+ event.stopPropagation();
63
64
  },
64
65
  spacing: "compact"
65
66
  }))));
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -35,7 +35,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
35
35
  export const NORMAL_SEVERITY_THRESHOLD = 2000;
36
36
  export const DEGRADED_SEVERITY_THRESHOLD = 3000;
37
37
  const packageName = "@atlaskit/renderer";
38
- const packageVersion = "108.2.0";
38
+ const packageVersion = "108.2.1";
39
39
  export class Renderer extends PureComponent {
40
40
  constructor(props) {
41
41
  super(props);
package/dist/es2019/ui/Renderer/style.js CHANGED
@@ -410,7 +410,7 @@ export const rendererStyles = wrapperProps => theme => {
410
410
  light: `var(--ds-background-neutral, ${colors.N30A})`,
411
411
  dark: `var(--ds-background-neutral, ${colors.DN70})`
412
412
  })(themeProps)};
413
- border-radius: ${"var(--ds-radius-100, 3px)"};
413
+ border-radius: ${"var(--ds-border-radius-100, 3px)"};
414
414
  color: ${themed({
415
415
  light: `var(--ds-text, ${colors.N800})`,
416
416
  dark: `var(--ds-text, ${colors.DN600})`
@@ -646,7 +646,7 @@ export const rendererStyles = wrapperProps => theme => {
646
646
  /* stylelint-enable */
647
647
 
648
648
  position: relative;
649
- border-radius: ${"var(--ds-radius-100, 3px)"};
649
+ border-radius: ${"var(--ds-border-radius-100, 3px)"};
650
650
 
651
651
  /*
652
652
  * The overall renderer has word-wrap: break; which causes issues with
package/dist/es2019/ui/SortingIcon.js CHANGED
@@ -22,7 +22,7 @@ const buttonStyles = css`
22
22
  right: 0;
23
23
  top: 0;
24
24
  border: 2px solid ${"var(--ds-border, #fff)"};
25
- border-radius: ${"var(--ds-radius-100, 4px)"};
25
+ border-radius: ${"var(--ds-border-radius-100, 4px)"};
26
26
  background-color: ${`var(--ds-surface-overlay, ${N20})`};
27
27
  justify-content: center;
28
28
  align-items: center;
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "108.2.0",
3
+ "version": "108.2.1",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/react/nodes/codeBlock/components/codeBlockCopyButton.js CHANGED
@@ -41,7 +41,7 @@ var CopyButton = function CopyButton(_ref) {
41
41
  iconBefore: jsx(CopyIcon, {
42
42
  label: tooltip
43
43
  }),
44
- onClick: function onClick() {
44
+ onClick: function onClick(event) {
45
45
  fireAnalyticsEvent({
46
46
  action: ACTION.CLICKED,
47
47
  actionSubject: ACTION_SUBJECT.BUTTON,
@@ -51,6 +51,7 @@ var CopyButton = function CopyButton(_ref) {
51
51
  copyTextToClipboard(content);
52
52
  setTooltip(intl.formatMessage(codeBlockButtonMessages.copiedCodeToClipboard));
53
53
  setClassName('copy-to-clipboard clicked');
54
+ event.stopPropagation();
54
55
  },
55
56
  spacing: "compact"
56
57
  }))));
package/dist/esm/react/nodes/codeBlock/components/codeBlockWrapButton.js CHANGED
@@ -48,7 +48,7 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
48
48
  label: ""
49
49
  }),
50
50
  isSelected: wrapLongLines,
51
- onClick: function onClick() {
51
+ onClick: function onClick(event) {
52
52
  fireAnalyticsEvent({
53
53
  action: ACTION.CLICKED,
54
54
  actionSubject: ACTION_SUBJECT.BUTTON,
@@ -59,6 +59,7 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
59
59
  eventType: EVENT_TYPE.UI
60
60
  });
61
61
  setWrapLongLines(!wrapLongLines);
62
+ event.stopPropagation();
62
63
  },
63
64
  spacing: "compact"
64
65
  })));
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -45,7 +45,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
45
45
  export var NORMAL_SEVERITY_THRESHOLD = 2000;
46
46
  export var DEGRADED_SEVERITY_THRESHOLD = 3000;
47
47
  var packageName = "@atlaskit/renderer";
48
- var packageVersion = "108.2.0";
48
+ var packageVersion = "108.2.1";
49
49
  export var Renderer = /*#__PURE__*/function (_PureComponent) {
50
50
  _inherits(Renderer, _PureComponent);
51
51
  var _super = _createSuper(Renderer);
package/dist/esm/ui/Renderer/style.js CHANGED
@@ -97,7 +97,7 @@ export var rendererStyles = function rendererStyles(wrapperProps) {
97
97
  })(themeProps), whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles(themeProps), ruleSharedStyles(themeProps), paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, codeMarkSharedStyles(themeProps), shadowSharedStyle, dateSharedStyle, textColorStyles, tasksAndDecisionsStyles, smartCardSharedStyles, fontFamily(), relativeFontSizeToBase16(fontSize()), themed({
98
98
  light: "var(--ds-background-neutral, ".concat(colors.N30A, ")"),
99
99
  dark: "var(--ds-background-neutral, ".concat(colors.DN70, ")")
100
- })(themeProps), "var(--ds-radius-100, 3px)", themed({
100
+ })(themeProps), "var(--ds-border-radius-100, 3px)", themed({
101
101
  light: "var(--ds-text, ".concat(colors.N800, ")"),
102
102
  dark: "var(--ds-text, ".concat(colors.DN600, ")")
103
103
  })(themeProps), "var(--ds-background-danger, ".concat(colors.R50, ")"), "var(--ds-text-danger, ".concat(colors.R500, ")"), "var(--ds-space-300, 24px)", richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, alignedHeadingAnchorStyle(wrapperProps), mediaSingleSharedStyle, RendererCssClassName.DOCUMENT, breakoutWidthStyle(wrapperProps.useFragmentMarkBreakoutWidthStylingFix), RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER, RendererCssClassName.EXTENSION, RendererCssClassName.DOCUMENT, RendererCssClassName.EXTENSION, blockNodesVerticalMargin, RendererCssClassName.EXTENSION_CENTER_ALIGN, TableSharedCssClassName.TABLE_NODE_WRAPPER, shadowObserverClassNames.SHADOW_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, tableSharedStyle(themeProps), RendererCssClassName.DOCUMENT, TableSharedCssClassName.TABLE_CONTAINER, shadowClassNames.RIGHT_SHADOW, shadowClassNames.LEFT_SHADOW, tableMarginTop - 1, tableMarginTop, akEditorStickyHeaderZIndex, shadowObserverClassNames.SENTINEL_LEFT, shadowObserverClassNames.SENTINEL_RIGHT, tableMarginTop, tableSortableColumnStyle(wrapperProps), RendererCssClassName.NUMBER_COLUMN, themed({
@@ -127,7 +127,7 @@ export var rendererStyles = function rendererStyles(wrapperProps) {
127
127
  })(themeProps), themed({
128
128
  light: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableToolbar, ")"),
129
129
  dark: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableToolbarDark, ")")
130
- })(themeProps), "var(--ds-radius-100, 3px)", blockNodesVerticalMargin, useGridRenderForCodeBlock(useBlockRenderForCodeBlock), getLightWeightCodeBlockStylesForRootRendererStyleSheet(), columnLayoutSharedStyle, "var(--ds-space-250, 20px)", "var(--ds-space-400, 32px)", gridMediumMaxWidth, blockNodesVerticalMargin, blockNodesVerticalMargin, blockNodesVerticalMargin, browser.safari ? codeBlockInListSafariFix : '');
130
+ })(themeProps), "var(--ds-border-radius-100, 3px)", blockNodesVerticalMargin, useGridRenderForCodeBlock(useBlockRenderForCodeBlock), getLightWeightCodeBlockStylesForRootRendererStyleSheet(), columnLayoutSharedStyle, "var(--ds-space-250, 20px)", "var(--ds-space-400, 32px)", gridMediumMaxWidth, blockNodesVerticalMargin, blockNodesVerticalMargin, blockNodesVerticalMargin, browser.safari ? codeBlockInListSafariFix : '');
131
131
  };
132
132
  };
133
133
  var useGridRenderForCodeBlock = function useGridRenderForCodeBlock(codeBlockRenderAsBlock) {
package/dist/esm/ui/SortingIcon.js CHANGED
@@ -15,7 +15,7 @@ export var StatusClassNames = /*#__PURE__*/function (StatusClassNames) {
15
15
  StatusClassNames["SORTING_NOT_ALLOWED"] = "sorting-icon-svg__not-allowed";
16
16
  return StatusClassNames;
17
17
  }({});
18
- var buttonStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n display: flex;\n height: 28px;\n width: 28px;\n margin: 6px;\n right: 0;\n top: 0;\n border: 2px solid ", ";\n border-radius: ", ";\n background-color: ", ";\n justify-content: center;\n align-items: center;\n cursor: pointer;\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &.", "__not-allowed {\n cursor: not-allowed;\n }\n"])), "var(--ds-border, #fff)", "var(--ds-radius-100, 4px)", "var(--ds-surface-overlay, ".concat(N20, ")"), "var(--ds-surface-overlay-hovered, ".concat(N30, ")"), "var(--ds-surface-overlay-pressed, rgba(179, 212, 255, 0.6))", RendererCssClassName.SORTABLE_COLUMN_ICON);
18
+ var buttonStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n display: flex;\n height: 28px;\n width: 28px;\n margin: 6px;\n right: 0;\n top: 0;\n border: 2px solid ", ";\n border-radius: ", ";\n background-color: ", ";\n justify-content: center;\n align-items: center;\n cursor: pointer;\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &.", "__not-allowed {\n cursor: not-allowed;\n }\n"])), "var(--ds-border, #fff)", "var(--ds-border-radius-100, 4px)", "var(--ds-surface-overlay, ".concat(N20, ")"), "var(--ds-surface-overlay-hovered, ".concat(N30, ")"), "var(--ds-surface-overlay-pressed, rgba(179, 212, 255, 0.6))", RendererCssClassName.SORTABLE_COLUMN_ICON);
19
19
  var iconWrapperStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: 8px;\n height: 12px;\n transition: transform 0.3s cubic-bezier(0.15, 1, 0.3, 1);\n transform-origin: 50% 50%;\n display: flex;\n justify-content: center;\n\n &.", " {\n transform: rotate(-180deg);\n }\n\n &.", "-inactive {\n opacity: 0.7;\n }\n"])), StatusClassNames.DESC, RendererCssClassName.SORTABLE_COLUMN_ICON);
20
20
 
21
21
  // The icon is created with CSS due to the following Firefox issue: https://product-fabric.atlassian.net/browse/ED-8001
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "108.2.0",
3
+ "version": "108.2.1",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "108.2.0",
3
+ "version": "108.2.1",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -32,7 +32,7 @@
32
32
  }
33
33
  },
34
34
  "dependencies": {
35
- "@atlaskit/adf-schema": "^25.8.0",
35
+ "@atlaskit/adf-schema": "^25.9.0",
36
36
  "@atlaskit/adf-utils": "^18.4.0",
37
37
  "@atlaskit/analytics-listeners": "^8.7.0",
38
38
  "@atlaskit/analytics-namespaced-context": "^6.7.0",
@@ -56,7 +56,7 @@
56
56
  "@atlaskit/status": "^1.3.0",
57
57
  "@atlaskit/task-decision": "^17.6.0",
58
58
  "@atlaskit/theme": "^12.5.0",
59
- "@atlaskit/tokens": "^1.5.0",
59
+ "@atlaskit/tokens": "^1.6.0",
60
60
  "@atlaskit/tooltip": "^17.8.0",
61
61
  "@babel/runtime": "^7.0.0",
62
62
  "@emotion/react": "^11.7.1",
@@ -82,6 +82,7 @@
82
82
  "@atlaskit/docs": "*",
83
83
  "@atlaskit/editor-core": "^185.2.0",
84
84
  "@atlaskit/editor-test-helpers": "^18.6.0",
85
+ "@atlaskit/inline-edit": "^12.3.3",
85
86
  "@atlaskit/link-provider": "^1.6.0",
86
87
  "@atlaskit/link-test-helpers": "^4.0.0",
87
88
  "@atlaskit/logo": "^13.14.0",
@@ -92,6 +93,7 @@
92
93
  "@atlaskit/navigation-next": "^9.0.0",
93
94
  "@atlaskit/radio": "^5.6.0",
94
95
  "@atlaskit/range": "^7.1.0",
96
+ "@atlaskit/textfield": "^5.5.1",
95
97
  "@atlaskit/util-data-test": "^17.8.0",
96
98
  "@atlaskit/visual-regression": "*",
97
99
  "@atlaskit/webdriver-runner": "*",
@@ -136,4 +138,4 @@
136
138
  "type": "boolean"
137
139
  }
138
140
  }
139
- }
141
+ }