@atlaskit/editor-common 108.1.0 → 108.1.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-common
 
+## 108.1.1
+
+### Patch Changes
+
+- [`255837cfba315`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/255837cfba315) -
+  Internal changes to how border radius is applied.
+- Updated dependencies
+
 ## 108.1.0
 
 ### Minor Changes

package/dist/cjs/element-browser/components/ElementList/ElementList.js

@@ -48,7 +48,7 @@ var itemIcon = exports.itemIcon = (0, _react2.css)({
   overflow: 'hidden',
   border: "1px solid ".concat("var(--ds-border, rgba(223, 225, 229, 0.5))"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   boxSizing: 'border-box',
   display: 'flex',
   justifyContent: 'center',

package/dist/cjs/extensibility/Extension/Extension/styles.js

@@ -36,7 +36,7 @@ var wrapperStyleWithoutCursor = (0, _react.css)(_styles.wrapperDefault, {
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.legacy-content': {
-    borderRadius: "0 0 ".concat("var(--ds-border-radius, 3px)", " ", "var(--ds-border-radius, 3px)")
+    borderRadius: "0 0 ".concat("var(--ds-radius-small, 3px)", " ", "var(--ds-radius-small, 3px)")
   }
 });
 
@@ -71,7 +71,7 @@ var content = exports.content = (0, _react.css)({
   padding: "var(--ds-space-100, 8px)",
   background: "var(--ds-surface, white)",
   border: "1px solid ".concat("var(--ds-border, #091E4224)"),
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   cursor: 'initial',
   width: '100%',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -91,7 +91,7 @@ var extensionContent = exports.extensionContent = (0, _react.css)({
   paddingBottom: "var(--ds-space-100, 8px)",
   background: "var(--ds-surface, white)",
   border: "1px solid ".concat("var(--ds-border, #091E4224)"),
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   cursor: 'initial',
   width: '100%',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766

package/dist/cjs/extensibility/Extension/InlineExtension/styles.js

@@ -15,7 +15,7 @@ var wrapperStyle = exports.wrapperStyle = (0, _react.css)(_styles.wrapperDefault
   margin: "1px 1px ".concat("var(--ds-space-050, 4px)"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> img': {
-    borderRadius: "var(--ds-border-radius, 3px)"
+    borderRadius: "var(--ds-radius-small, 3px)"
   },
   '&::after, &::before': {
     verticalAlign: 'text-top',

package/dist/cjs/extensibility/Extension/LegacyContentHeader/index.js

@@ -39,7 +39,7 @@ var i18n = (0, _reactIntlNext.defineMessages)({
 var lcmHeaderStyles = (0, _react2.css)({
   padding: "0 ".concat("var(--ds-space-200, 16px)", " ", "var(--ds-space-050, 4px)", " ", "var(--ds-space-200, 16px)"),
   backgroundColor: "var(--ds-background-neutral, #0515240F)",
-  borderRadius: "var(--ds-border-radius, 4px)".concat(" ", "var(--ds-border-radius, 4px)", " 0 0"),
+  borderRadius: "var(--ds-radius-small, 4px)".concat(" ", "var(--ds-radius-small, 4px)", " 0 0"),
   boxShadow: "0 0 0 1px ".concat("var(--ds-background-neutral, #0515240F)"),
   position: 'relative',
   top: "-1px",

package/dist/cjs/extensibility/Extension/Lozenge/EditToggle.js

@@ -38,7 +38,7 @@ var buttonStyles = (0, _react2.css)({
   cursor: 'pointer',
   boxShadow: "0 0 0 1px ".concat("var(--ds-border, #091E4224)"),
   minHeight: "var(--ds-space-300, 24px)",
-  borderRadius: "var(--ds-border-radius, 4px)",
+  borderRadius: "var(--ds-radius-small, 4px)",
   paddingLeft: "var(--ds-space-150, 12px)",
   paddingRight: "var(--ds-space-150, 12px)",
   font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",

package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -67,7 +67,7 @@ var labelStyles = (0, _react.css)({
   },
   minHeight: "var(--ds-space-300, 24px)",
   alignItems: 'center',
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   paddingLeft: "var(--ds-space-100, 8px)",
   paddingRight: "var(--ds-space-100, 8px)",
   color: "var(--ds-text-subtle, #44546F)",

package/dist/cjs/extensibility/Extension/styles.js

@@ -10,7 +10,7 @@ var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var wrapperDefault = exports.wrapperDefault = (0, _react.css)({
   background: "var(--ds-background-neutral, #091E420F)",
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   position: 'relative',
   verticalAlign: 'middle',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -29,7 +29,7 @@ var wrapperDefault = exports.wrapperDefault = (0, _react.css)({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var overlay = exports.overlay = (0, _react.css)({
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   position: 'absolute',
   width: '100%',
   height: '100%',

package/dist/cjs/extensibility/MultiBodiedExtension/styles.js

@@ -50,7 +50,7 @@ var mbeExtensionWrapperCSSStyles = exports.mbeExtensionWrapperCSSStyles = (0, _r
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var overlayStyles = exports.overlayStyles = (0, _react.css)({
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   position: 'absolute',
   width: '100%',
   height: '100%',

package/dist/cjs/icons/shared/SteppedRainbowIconDecoration.js

@@ -34,7 +34,7 @@ var barStyles = (0, _react.css)({
   margin: 'auto',
   width: '12px',
   height: '3px',
-  borderRadius: "var(--ds-border-radius, 3px)"
+  borderRadius: "var(--ds-radius-small, 3px)"
 });
 var textColorIconWrapper = (0, _react.css)({
   position: 'relative'

package/dist/cjs/link/ConfigureLinkOverlay/index.js

@@ -31,7 +31,7 @@ var buttonWrapperStyles = (0, _react2.css)({
   top: '50%',
   transform: 'translateY(-50%)',
   background: "var(--ds-surface-raised, #FFFFFF)",
-  borderRadius: "var(--ds-border-radius, 3px)"
+  borderRadius: "var(--ds-radius-small, 3px)"
 });
 var showDropdownThresholdPx = 50;
 var OverlayButton = exports.OverlayButton = (0, _withAnalyticsContext.default)()(function (_ref) {

package/dist/cjs/media-inline/styles.js

@@ -38,7 +38,7 @@ var wrapperStyle = exports.wrapperStyle = (0, _react.css)({
   alignItems: 'center',
   verticalAlign: 'middle',
   overflow: 'hidden',
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   aspectRatio: "var(".concat(INLINE_IMAGE_ASPECT_RATIO_CSS_VAR_KEY, ", ").concat(_constants.DEFAULT_INLINE_IMAGE_ASPECT_RATIO, ")"),
   maxWidth: '100%'

package/dist/cjs/media-inline/views/wrapper.js

@@ -15,7 +15,7 @@ var wrapperStyle = exports.wrapperStyle = (0, _react.css)({
   alignItems: 'center',
   justifyContent: 'center',
   boxDecorationBreak: 'clone',
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   color: "var(--ds-text, #172B4D)",
   backgroundColor: "var(--ds-background-neutral, #091E420F)",
   transition: '0.1s all ease-in-out',

package/dist/cjs/media-single/CommentBadgeNext.js

@@ -17,7 +17,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 
 var baseStyles = (0, _primitives.xcss)({
-  borderRadius: 'border.radius'
+  borderRadius: 'radius.small'
 });
 var mediumBadgeStyles = (0, _primitives.xcss)({
   height: 'space.300',

package/dist/cjs/media-single/ExternalImageBadge.js

@@ -14,7 +14,7 @@ var _media = require("../media");
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 
 var baseStyles = (0, _primitives.xcss)({
-  borderRadius: 'border.radius',
+  borderRadius: 'radius.small',
   backgroundColor: 'elevation.surface',
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: "var(--ds-space-200, 16px)",

package/dist/cjs/resizer/ResizerBreakoutModeLabel.js

@@ -15,7 +15,7 @@ var fullWidthLabelWrapperStyles = (0, _primitives.xcss)({
   height: "var(--ds-space-400, 32px)",
   display: 'flex',
   backgroundColor: 'elevation.surface.overlay',
-  borderRadius: 'border.radius',
+  borderRadius: 'radius.small',
   boxShadow: 'elevation.shadow.overlay',
   boxSizing: 'border-box',
   alignItems: 'center'

package/dist/cjs/styles/shared/code-block.js

@@ -23,9 +23,9 @@ var CodeBlockSharedCssClassName = exports.CodeBlockSharedCssClassName = {
   CODEBLOCK_CONTAINER_LINE_NUMBER_WIDGET: 'code-content__line-number--wrapped'
 };
 var codeBlockSharedStyles = exports.codeBlockSharedStyles = function codeBlockSharedStyles() {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", "\n\t\t> .", "\n\t\t> .", " {\n\t\tmargin-right: ", ";\n\n\t\tcode {\n\t\t\tdisplay: block;\n\t\t\tword-break: break-word;\n\t\t\twhite-space: pre-wrap;\n\t\t}\n\t}\n\n\t.", "\n\t\t> .", " {\n\t\tdisplay: flex;\n\t\tflex: 1;\n\n\t\tcode {\n\t\t\tflex-grow: 1;\n\n\t\t\twhite-space: pre;\n\t\t}\n\t}\n\n\t.", " {\n\t\tposition: relative;\n\t\tbackground-color: ", ";\n\t\tborder-radius: ", ";\n\t\tmargin: ", " 0 0 0;\n\t\tfont-family: ", ";\n\t\tmin-width: ", "px;\n\t\tcursor: pointer;\n\t\tclear: both;\n\n\t\t.code-block-gutter-pseudo-element::before {\n\t\t\tcontent: attr(data-label);\n\t\t}\n\n\t\t/* This is necessary to allow for arrow key navigation in/out of code blocks in Firefox. */\n\t\twhite-space: normal;\n\n\t\t.", " {\n\t\t\tposition: absolute;\n\t\t\tvisibility: hidden;\n\t\t\theight: 1.5rem;\n\t\t\ttop: 0px;\n\t\t\tleft: 0px;\n\t\t}\n\n\t\t.", " {\n\t\t\tposition: absolute;\n\t\t\tvisibility: hidden;\n\t\t\theight: 1.5rem;\n\t\t\tbottom: 0px;\n\t\t\tright: 0px;\n\t\t}\n\n\t\t.", " {\n\t\t\tposition: relative;\n\t\t\tbackground-color: ", ";\n\t\t\tdisplay: flex;\n\t\t\tborder-radius: ", ";\n\t\t\twidth: 100%;\n\t\t\tcounter-reset: line;\n\t\t\toverflow-x: auto;\n\n\t\t\tbackground-image: ", ";\n\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-attachment: local, local, local, local, scroll, scroll, scroll, scroll;\n\t\t\tbackground-size:\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t1px 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t1px 100%;\n\t\t\tbackground-position:\n\t\t\t\t0 0,\n\t\t\t\t0 0,\n\t\t\t\t100% 0,\n\t\t\t\t100% 0,\n\t\t\t\t100% 0,\n\t\t\t\t100% 0,\n\t\t\t\t0 0,\n\t\t\t\t0 0;\n\n\t\t\t/* Be careful if refactoring this; it is needed to keep arrow key navigation in Firefox consistent with other browsers. */\n\t\t\toverflow-y: hidden;\n\t\t}\n\n\t\t.", " {\n\t\t\tbackground-color: ", ";\n\t\t\tposition: relative;\n\t\t\twidth: var(--lineNumberGutterWidth, 2rem);\n\t\t\tpadding: ", ";\n\t\t\tflex-shrink: 0;\n\t\t\tfont-size: ", ";\n\t\t\tbox-sizing: content-box;\n\t\t}\n\n\t\t/* This is a fix of marker of list item with code block.\n\t\t The list item marker in Chrome is aligned by the baseline of the text,\n\t\t that's why we need to add a text (content: \"1\") to the line number gutter to align\n\t\t the list item marker with the text.\n\t\t Without it, the list item marker will be aligned by the bottom of the code block. */\n\t\t.", "::before {\n\t\t\tcontent: '1';\n\t\t\tvisibility: hidden;\n\t\t\tfont-size: ", ";\n\t\t\tline-height: 1.5rem;\n\t\t}\n\n\t\t.", " {\n\t\t\tcode {\n\t\t\t\ttab-size: 4;\n\t\t\t\tcursor: text;\n\t\t\t\tcolor: ", ";\n\t\t\t\tborder-radius: ", ";\n\t\t\t\tmargin: ", ";\n\t\t\t\tfont-size: ", ";\n\t\t\t\tline-height: 1.5rem;\n\t\t\t}\n\t\t}\n\n\t\t.", " {\n\t\t\tpointer-events: none;\n\t\t\tuser-select: none;\n\t\t\twidth: var(--lineNumberGutterWidth, 2rem);\n\t\t\tleft: 0;\n\t\t\tposition: absolute;\n\t\t\tfont-size: ", ";\n\t\t\tpadding: 0px ", ";\n\t\t\tline-height: 1.5rem;\n\t\t\ttext-align: right;\n\t\t\tcolor: ", ";\n\t\t\tbox-sizing: content-box;\n\t\t}\n\t}\n"])), CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPED, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT, "var(--ds-space-100, 8px)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT, CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, #FFFFFF)", "var(--ds-border-radius, 3px)", _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.akEditorCodeFontFamily, _editorSharedStyles.akEditorTableCellMinWidth, CodeBlockSharedCssClassName.CODEBLOCK_START, CodeBlockSharedCssClassName.CODEBLOCK_END, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, "var(--ds-background-neutral, #091E420F)", "var(--ds-border-radius, 3px)", (0, _editorSharedStyles.overflowShadow)({
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", "\n\t\t> .", "\n\t\t> .", " {\n\t\tmargin-right: ", ";\n\n\t\tcode {\n\t\t\tdisplay: block;\n\t\t\tword-break: break-word;\n\t\t\twhite-space: pre-wrap;\n\t\t}\n\t}\n\n\t.", "\n\t\t> .", " {\n\t\tdisplay: flex;\n\t\tflex: 1;\n\n\t\tcode {\n\t\t\tflex-grow: 1;\n\n\t\t\twhite-space: pre;\n\t\t}\n\t}\n\n\t.", " {\n\t\tposition: relative;\n\t\tbackground-color: ", ";\n\t\tborder-radius: ", ";\n\t\tmargin: ", " 0 0 0;\n\t\tfont-family: ", ";\n\t\tmin-width: ", "px;\n\t\tcursor: pointer;\n\t\tclear: both;\n\n\t\t.code-block-gutter-pseudo-element::before {\n\t\t\tcontent: attr(data-label);\n\t\t}\n\n\t\t/* This is necessary to allow for arrow key navigation in/out of code blocks in Firefox. */\n\t\twhite-space: normal;\n\n\t\t.", " {\n\t\t\tposition: absolute;\n\t\t\tvisibility: hidden;\n\t\t\theight: 1.5rem;\n\t\t\ttop: 0px;\n\t\t\tleft: 0px;\n\t\t}\n\n\t\t.", " {\n\t\t\tposition: absolute;\n\t\t\tvisibility: hidden;\n\t\t\theight: 1.5rem;\n\t\t\tbottom: 0px;\n\t\t\tright: 0px;\n\t\t}\n\n\t\t.", " {\n\t\t\tposition: relative;\n\t\t\tbackground-color: ", ";\n\t\t\tdisplay: flex;\n\t\t\tborder-radius: ", ";\n\t\t\twidth: 100%;\n\t\t\tcounter-reset: line;\n\t\t\toverflow-x: auto;\n\n\t\t\tbackground-image: ", ";\n\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-attachment: local, local, local, local, scroll, scroll, scroll, scroll;\n\t\t\tbackground-size:\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t1px 100%,\n\t\t\t\t", " 100%,\n\t\t\t\t1px 100%;\n\t\t\tbackground-position:\n\t\t\t\t0 0,\n\t\t\t\t0 0,\n\t\t\t\t100% 0,\n\t\t\t\t100% 0,\n\t\t\t\t100% 0,\n\t\t\t\t100% 0,\n\t\t\t\t0 0,\n\t\t\t\t0 0;\n\n\t\t\t/* Be careful if refactoring this; it is needed to keep arrow key navigation in Firefox consistent with other browsers. */\n\t\t\toverflow-y: hidden;\n\t\t}\n\n\t\t.", " {\n\t\t\tbackground-color: ", ";\n\t\t\tposition: relative;\n\t\t\twidth: var(--lineNumberGutterWidth, 2rem);\n\t\t\tpadding: ", ";\n\t\t\tflex-shrink: 0;\n\t\t\tfont-size: ", ";\n\t\t\tbox-sizing: content-box;\n\t\t}\n\n\t\t/* This is a fix of marker of list item with code block.\n\t\t The list item marker in Chrome is aligned by the baseline of the text,\n\t\t that's why we need to add a text (content: \"1\") to the line number gutter to align\n\t\t the list item marker with the text.\n\t\t Without it, the list item marker will be aligned by the bottom of the code block. */\n\t\t.", "::before {\n\t\t\tcontent: '1';\n\t\t\tvisibility: hidden;\n\t\t\tfont-size: ", ";\n\t\t\tline-height: 1.5rem;\n\t\t}\n\n\t\t.", " {\n\t\t\tcode {\n\t\t\t\ttab-size: 4;\n\t\t\t\tcursor: text;\n\t\t\t\tcolor: ", ";\n\t\t\t\tborder-radius: ", ";\n\t\t\t\tmargin: ", ";\n\t\t\t\tfont-size: ", ";\n\t\t\t\tline-height: 1.5rem;\n\t\t\t}\n\t\t}\n\n\t\t.", " {\n\t\t\tpointer-events: none;\n\t\t\tuser-select: none;\n\t\t\twidth: var(--lineNumberGutterWidth, 2rem);\n\t\t\tleft: 0;\n\t\t\tposition: absolute;\n\t\t\tfont-size: ", ";\n\t\t\tpadding: 0px ", ";\n\t\t\tline-height: 1.5rem;\n\t\t\ttext-align: right;\n\t\t\tcolor: ", ";\n\t\t\tbox-sizing: content-box;\n\t\t}\n\t}\n"])), CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPED, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT, "var(--ds-space-100, 8px)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT, CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, #FFFFFF)", "var(--ds-radius-small, 3px)", _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.akEditorCodeFontFamily, _editorSharedStyles.akEditorTableCellMinWidth, CodeBlockSharedCssClassName.CODEBLOCK_START, CodeBlockSharedCssClassName.CODEBLOCK_END, CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, "var(--ds-background-neutral, #091E420F)", "var(--ds-radius-small, 3px)", (0, _editorSharedStyles.overflowShadow)({
     leftCoverWidth: "var(--ds-space-300, 24px)"
-  }), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, #091E420F)", "var(--ds-space-100, 8px)", (0, _editorSharedStyles.relativeFontSizeToBase16)(14), CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, (0, _editorSharedStyles.relativeFontSizeToBase16)(14), CodeBlockSharedCssClassName.CODEBLOCK_CONTENT, "var(--ds-text, #172B4D)", "var(--ds-border-radius, 3px)", "var(--ds-space-100, 8px)", (0, _editorSharedStyles.relativeFontSizeToBase16)(14), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER_LINE_NUMBER_WIDGET, (0, _editorSharedStyles.relativeFontSizeToBase16)(14), "var(--ds-space-100, 8px)", "var(--ds-text-subtlest, #505F79)");
+  }), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, #091E420F)", "var(--ds-space-100, 8px)", (0, _editorSharedStyles.relativeFontSizeToBase16)(14), CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, (0, _editorSharedStyles.relativeFontSizeToBase16)(14), CodeBlockSharedCssClassName.CODEBLOCK_CONTENT, "var(--ds-text, #172B4D)", "var(--ds-radius-small, 3px)", "var(--ds-space-100, 8px)", (0, _editorSharedStyles.relativeFontSizeToBase16)(14), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER_LINE_NUMBER_WIDGET, (0, _editorSharedStyles.relativeFontSizeToBase16)(14), "var(--ds-space-100, 8px)", "var(--ds-text-subtlest, #505F79)");
 };
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766

package/dist/cjs/styles/shared/code-mark.js

@@ -16,7 +16,7 @@ var codeMarkSharedStyles = exports.codeMarkSharedStyles = function codeMarkShare
       display: 'inline',
       padding: '2px 0.5ch',
       backgroundColor: "var(--ds--code--bg-color,".concat("var(--ds-background-neutral, #091E420F)", ")"),
-      borderRadius: "var(--ds-border-radius, 3px)",
+      borderRadius: "var(--ds-radius-small, 3px)",
       borderStyle: 'none',
       boxDecorationBreak: 'clone',
       color: "var(--ds-text, #172B4D)",

package/dist/cjs/styles/shared/panel.js

@@ -152,7 +152,7 @@ var mainDynamicStyles = function mainDynamicStyles(panelType) {
 
 // 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…
 var panelSharedStylesWithoutPrefix = exports.panelSharedStylesWithoutPrefix = function panelSharedStylesWithoutPrefix() {
-  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-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)", (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}") : '');
+  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}") : '');
 };
 var panelSharedStyles = exports.panelSharedStyles = function panelSharedStyles() {
   return (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(PanelSharedCssClassName.prefix), panelSharedStylesWithoutPrefix()));

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

@@ -71,7 +71,7 @@ var DropList = /*#__PURE__*/function (_Component) {
       return (0, _react2.css)({
         color: "var(--ds-text-subtle, #44546F)",
         backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
-        borderRadius: "var(--ds-border-radius, 3px)",
+        borderRadius: "var(--ds-radius-small, 3px)",
         boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",
         boxSizing: 'border-box',
         overflow: 'auto',

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

@@ -61,7 +61,7 @@ var linkStyles = (0, _primitives.xcss)({
   overflow: 'hidden',
   zIndex: 'card',
   backgroundColor: 'color.background.accent.gray.subtlest',
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   color: 'color.text.subtle',
   textDecoration: 'none',
   whiteSpace: 'nowrap',

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

@@ -48,8 +48,8 @@ var mbeExtensionContainer = (0, _react.css)({
   }
 });
 var mbeNavigation = (0, _react.css)({
-  borderTopLeftRadius: "var(--ds-border-radius, 3px)",
-  borderTopRightRadius: "var(--ds-border-radius, 3px)",
+  borderTopLeftRadius: "var(--ds-radius-small, 3px)",
+  borderTopRightRadius: "var(--ds-radius-small, 3px)",
   userSelect: 'none',
   WebkitUserModify: 'read-only',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
@@ -72,8 +72,8 @@ var extensionFrameContent = (0, _react.css)({
   display: 'block',
   minHeight: '100px',
   background: 'transparent',
-  borderBottomLeftRadius: "var(--ds-border-radius, 3px)",
-  borderBottomRightRadius: "var(--ds-border-radius, 3px)",
+  borderBottomLeftRadius: "var(--ds-radius-small, 3px)",
+  borderBottomRightRadius: "var(--ds-radius-small, 3px)",
   marginLeft: "var(--ds-space-100, 8px)",
   marginRight: "var(--ds-space-100, 8px)",
   cursor: 'initial',

package/dist/cjs/ui/Shortcut/index.compiled.css

@@ -1,5 +1,5 @@
 
-._2rko1sit{border-radius:var(--ds-border-radius,3px)}._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}._19bv1b66{padding-left:var(--ds-space-050,4px)}
 ._1wpzesu3{align-self:flex-end}
 ._1wybyofp{font-size:var(--_1l2t8t0)}
 ._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}

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

@@ -16,7 +16,7 @@ var shortcutStyleUnbounded = null;
 function Shortcut(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_2rko1sit _1wpzesu3 _ca0q1b66 _n3td1b66 _19bv1b66 _u5f31b66 _syaz1gjq _bfhkm7j4 _1ggkglyw", "_1wybyofp"]),
+    className: (0, _runtime.ax)(["_2rkofajl _1wpzesu3 _ca0q1b66 _n3td1b66 _19bv1b66 _u5f31b66 _syaz1gjq _bfhkm7j4 _1ggkglyw", "_1wybyofp"]),
     style: {
       "--_1l2t8t0": (0, _runtime.ix)("".concat(11.67 / 16, "rem"))
     }

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

@@ -37,7 +37,7 @@ var initialSizeState = {
   maxRow: DEFAULT_TABLE_SELECTOR_ROWS
 };
 var tableSelectorPopupWrapperStyles = (0, _react2.css)({
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
   boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(_colors.N30A, ", 0 2px 1px ").concat(_colors.N30A, ", 0 0 20px -6px ").concat(_colors.N60A), ")"),
   padding: "".concat("var(--ds-space-100, ".concat("".concat(TABLE_SELECTOR_PADDING_TOP, "px"), ")"), " ", TABLE_SELECTOR_PADDING_SIDE, "px")

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

@@ -28,7 +28,7 @@ var blockNodeStyle = (0, _react2.css)({
   background: "var(--ds-background-disabled, #091E4208)",
   border: "1px dashed ".concat("var(--ds-border-disabled, #091E420F)"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   boxSizing: 'border-box',
   cursor: 'default',
   display: 'flex',

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

@@ -29,7 +29,7 @@ var inlineNodeStyle = (0, _react2.css)({
   background: "var(--ds-background-disabled, #091E4208)",
   border: "1px dashed ".concat("var(--ds-border-disabled, #091E420F)"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   boxSizing: 'border-box',
   cursor: 'default',
   display: 'inline-flex',

package/dist/cjs/ui-menu/ColorPickerButton/index.js

@@ -67,7 +67,7 @@ var colorPickerButtonStyle = (0, _react2.css)({
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var colorPickerWrapper = function colorPickerWrapper() {
   return (0, _react2.css)({
-    borderRadius: "var(--ds-border-radius, 3px)",
+    borderRadius: "var(--ds-radius-small, 3px)",
     backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
     boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",
     padding: "var(--ds-space-100, 8px)".concat(" 0px")
@@ -221,7 +221,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
         content: "''",
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         border: "1px solid ".concat(_uiColor.DEFAULT_BORDER_COLOR),
-        borderRadius: "var(--ds-border-radius, 3px)",
+        borderRadius: "var(--ds-radius-small, 3px)",
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         backgroundColor: currentColor || 'transparent',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -250,7 +250,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
         content: "''",
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         border: "1px solid ".concat(_uiColor.DEFAULT_BORDER_COLOR),
-        borderRadius: "var(--ds-border-radius, 3px)",
+        borderRadius: "var(--ds-radius-small, 3px)",
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         backgroundColor: currentColor || 'transparent',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

package/dist/es2019/element-browser/components/ElementList/ElementList.js

@@ -36,7 +36,7 @@ export const itemIcon = css({
   overflow: 'hidden',
   border: `1px solid ${"var(--ds-border, rgba(223, 225, 229, 0.5))"}`,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   boxSizing: 'border-box',
   display: 'flex',
   justifyContent: 'center',

package/dist/es2019/extensibility/Extension/Extension/styles.js

@@ -29,7 +29,7 @@ const wrapperStyleWithoutCursor = css(wrapperDefault, {
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.legacy-content': {
-    borderRadius: `0 0 ${"var(--ds-border-radius, 3px)"} ${"var(--ds-border-radius, 3px)"}`
+    borderRadius: `0 0 ${"var(--ds-radius-small, 3px)"} ${"var(--ds-radius-small, 3px)"}`
   }
 });
 
@@ -64,7 +64,7 @@ export const content = css({
   padding: "var(--ds-space-100, 8px)",
   background: "var(--ds-surface, white)",
   border: `1px solid ${"var(--ds-border, #091E4224)"}`,
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   cursor: 'initial',
   width: '100%',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -84,7 +84,7 @@ export const extensionContent = css({
   paddingBottom: "var(--ds-space-100, 8px)",
   background: "var(--ds-surface, white)",
   border: `1px solid ${"var(--ds-border, #091E4224)"}`,
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   cursor: 'initial',
   width: '100%',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766

package/dist/es2019/extensibility/Extension/InlineExtension/styles.js

@@ -9,7 +9,7 @@ export const wrapperStyle = css(wrapperDefault, {
   margin: `1px 1px ${"var(--ds-space-050, 4px)"}`,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> img': {
-    borderRadius: "var(--ds-border-radius, 3px)"
+    borderRadius: "var(--ds-radius-small, 3px)"
   },
   '&::after, &::before': {
     verticalAlign: 'text-top',

package/dist/es2019/extensibility/Extension/LegacyContentHeader/index.js

@@ -32,7 +32,7 @@ const i18n = defineMessages({
 const lcmHeaderStyles = css({
   padding: `0 ${"var(--ds-space-200, 16px)"} ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-200, 16px)"}`,
   backgroundColor: "var(--ds-background-neutral, #0515240F)",
-  borderRadius: `${"var(--ds-border-radius, 4px)"} ${"var(--ds-border-radius, 4px)"} 0 0`,
+  borderRadius: `${"var(--ds-radius-small, 4px)"} ${"var(--ds-radius-small, 4px)"} 0 0`,
   boxShadow: `0 0 0 1px ${"var(--ds-background-neutral, #0515240F)"}`,
   position: 'relative',
   top: `-1px`,

package/dist/es2019/extensibility/Extension/Lozenge/EditToggle.js

@@ -30,7 +30,7 @@ const buttonStyles = css({
   cursor: 'pointer',
   boxShadow: `0 0 0 1px ${"var(--ds-border, #091E4224)"}`,
   minHeight: "var(--ds-space-300, 24px)",
-  borderRadius: "var(--ds-border-radius, 4px)",
+  borderRadius: "var(--ds-radius-small, 4px)",
   paddingLeft: "var(--ds-space-150, 12px)",
   paddingRight: "var(--ds-space-150, 12px)",
   font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",

package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -58,7 +58,7 @@ const labelStyles = css({
   },
   minHeight: "var(--ds-space-300, 24px)",
   alignItems: 'center',
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   paddingLeft: "var(--ds-space-100, 8px)",
   paddingRight: "var(--ds-space-100, 8px)",
   color: "var(--ds-text-subtle, #44546F)",

package/dist/es2019/extensibility/Extension/styles.js

@@ -3,7 +3,7 @@ import { css } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const wrapperDefault = css({
   background: "var(--ds-background-neutral, #091E420F)",
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   position: 'relative',
   verticalAlign: 'middle',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -22,7 +22,7 @@ export const wrapperDefault = css({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const overlay = css({
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   position: 'absolute',
   width: '100%',
   height: '100%',

package/dist/es2019/extensibility/MultiBodiedExtension/styles.js

@@ -44,7 +44,7 @@ export const mbeExtensionWrapperCSSStyles = css(wrapperDefault, {
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const overlayStyles = css({
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   position: 'absolute',
   width: '100%',
   height: '100%',

package/dist/es2019/icons/shared/SteppedRainbowIconDecoration.js

@@ -34,7 +34,7 @@ const barStyles = css({
   margin: 'auto',
   width: '12px',
   height: '3px',
-  borderRadius: "var(--ds-border-radius, 3px)"
+  borderRadius: "var(--ds-radius-small, 3px)"
 });
 const textColorIconWrapper = css({
   position: 'relative'

package/dist/es2019/link/ConfigureLinkOverlay/index.js

@@ -22,7 +22,7 @@ const buttonWrapperStyles = css({
   top: '50%',
   transform: 'translateY(-50%)',
   background: "var(--ds-surface-raised, #FFFFFF)",
-  borderRadius: "var(--ds-border-radius, 3px)"
+  borderRadius: "var(--ds-radius-small, 3px)"
 });
 const showDropdownThresholdPx = 50;
 export const OverlayButton = withAnalyticsContext()(({

package/dist/es2019/media-inline/styles.js

@@ -67,7 +67,7 @@ export const wrapperStyle = css({
   alignItems: 'center',
   verticalAlign: 'middle',
   overflow: 'hidden',
-  borderRadius: `${"var(--ds-border-radius, 3px)"}`,
+  borderRadius: `${"var(--ds-radius-small, 3px)"}`,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   aspectRatio: `var(${INLINE_IMAGE_ASPECT_RATIO_CSS_VAR_KEY}, ${DEFAULT_INLINE_IMAGE_ASPECT_RATIO})`,
   maxWidth: '100%'

package/dist/es2019/media-inline/views/wrapper.js

@@ -8,7 +8,7 @@ export const wrapperStyle = css({
   alignItems: 'center',
   justifyContent: 'center',
   boxDecorationBreak: 'clone',
-  borderRadius: `${"var(--ds-border-radius, 3px)"}`,
+  borderRadius: `${"var(--ds-radius-small, 3px)"}`,
   color: `${"var(--ds-text, #172B4D)"}`,
   backgroundColor: `${"var(--ds-background-neutral, #091E420F)"}`,
   transition: '0.1s all ease-in-out',

package/dist/es2019/media-single/CommentBadgeNext.js

@@ -7,7 +7,7 @@ import { Pressable, xcss } from '@atlaskit/primitives';
 import Tooltip from '@atlaskit/tooltip';
 import { commentMessages as messages } from '../media';
 const baseStyles = xcss({
-  borderRadius: 'border.radius'
+  borderRadius: 'radius.small'
 });
 const mediumBadgeStyles = xcss({
   height: 'space.300',

package/dist/es2019/media-single/ExternalImageBadge.js

@@ -6,7 +6,7 @@ import { Box, xcss } from '@atlaskit/primitives';
 import Tooltip from '@atlaskit/tooltip';
 import { externalMediaMessages } from '../media';
 const baseStyles = xcss({
-  borderRadius: 'border.radius',
+  borderRadius: 'radius.small',
   backgroundColor: 'elevation.surface',
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: "var(--ds-space-200, 16px)",

package/dist/es2019/resizer/ResizerBreakoutModeLabel.js

@@ -8,7 +8,7 @@ const fullWidthLabelWrapperStyles = xcss({
   height: "var(--ds-space-400, 32px)",
   display: 'flex',
   backgroundColor: 'elevation.surface.overlay',
-  borderRadius: 'border.radius',
+  borderRadius: 'radius.small',
   boxShadow: 'elevation.shadow.overlay',
   boxSizing: 'border-box',
   alignItems: 'center'

package/dist/es2019/styles/shared/code-block.js

@@ -41,7 +41,7 @@ export const codeBlockSharedStyles = () => css`
 	.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER} {
 		position: relative;
 		background-color: ${"var(--ds-surface-raised, #FFFFFF)"};
-		border-radius: ${"var(--ds-border-radius, 3px)"};
+		border-radius: ${"var(--ds-radius-small, 3px)"};
 		margin: ${blockNodesVerticalMargin} 0 0 0;
 		font-family: ${akEditorCodeFontFamily};
 		min-width: ${akEditorTableCellMinWidth}px;
@@ -75,7 +75,7 @@ export const codeBlockSharedStyles = () => css`
 			position: relative;
 			background-color: ${"var(--ds-background-neutral, #091E420F)"};
 			display: flex;
-			border-radius: ${"var(--ds-border-radius, 3px)"};
+			border-radius: ${"var(--ds-radius-small, 3px)"};
 			width: 100%;
 			counter-reset: line;
 			overflow-x: auto;
@@ -136,7 +136,7 @@ export const codeBlockSharedStyles = () => css`
 				tab-size: 4;
 				cursor: text;
 				color: ${"var(--ds-text, #172B4D)"};
-				border-radius: ${"var(--ds-border-radius, 3px)"};
+				border-radius: ${"var(--ds-radius-small, 3px)"};
 				margin: ${"var(--ds-space-100, 8px)"};
 				font-size: ${relativeFontSizeToBase16(14)};
 				line-height: 1.5rem;

package/dist/es2019/styles/shared/code-mark.js

@@ -9,7 +9,7 @@ export const codeMarkSharedStyles = () => {
       display: 'inline',
       padding: '2px 0.5ch',
       backgroundColor: `var(--ds--code--bg-color,${"var(--ds-background-neutral, #091E420F)"})`,
-      borderRadius: "var(--ds-border-radius, 3px)",
+      borderRadius: "var(--ds-radius-small, 3px)",
       borderStyle: 'none',
       boxDecorationBreak: 'clone',
       color: "var(--ds-text, #172B4D)",