@atlaskit/button 23.6.3 → 23.7.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/button
 
+## 23.7.0
+
+### Minor Changes
+
+- [`b867e641d818d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b867e641d818d) -
+  Updated border radius values behind a feature gate `platform-dst-shape-theme-default`.
+
+## 23.6.4
+
+### Patch Changes
+
+- [`a60a82196851a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a60a82196851a) -
+  Internal refactors to remove unused variables. No functional or public changes.
+- Updated dependencies
+
 ## 23.6.3
 
 ### Patch Changes

package/dist/cjs/new-button/containers/split-button/split-button.compiled.css

@@ -1,4 +1,5 @@
 
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._195g1h5n{margin-inline:-.03125rem}
 ._195g1n1a{margin-inline:-1px}

package/dist/cjs/new-button/containers/split-button/split-button.js

@@ -9,6 +9,7 @@ exports.SplitButtonWithSlots = exports.SplitButtonContainer = exports.SplitButto
 require("./split-button.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _splitButtonContext = require("./split-button-context");
 var _utils = require("./utils");
 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); }
@@ -52,6 +53,7 @@ var buttonStyles = {
   primaryButton: "_traeidpf _anlpidpf _p9ykidpf _bepvidpf",
   secondaryButton: "_1j4hidpf _1553idpf _1qgbidpf _y1n3idpf",
   defaultAppearanceContainer: "_2rkofajl _12ji1l7x _1cwg1n1a _1qu2nqa1 _12y3t94y",
+  defaultAppearanceContainerT26Shape: "_2rko1qi0",
   defaultAppearanceDisabledContainer: "_12jibk0g"
 };
 
@@ -64,7 +66,7 @@ var SplitButtonContainer = exports.SplitButtonContainer = function SplitButtonCo
     _ref2$isDisabled = _ref2.isDisabled,
     isDisabled = _ref2$isDisabled === void 0 ? false : _ref2$isDisabled;
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)([appearance === 'default' && buttonStyles.defaultAppearanceContainer, appearance === 'default' && isDisabled && buttonStyles.defaultAppearanceDisabledContainer, buttonStyles.splitButton])
+    className: (0, _runtime.ax)([appearance === 'default' && buttonStyles.defaultAppearanceContainer, appearance === 'default' && (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && buttonStyles.defaultAppearanceContainerT26Shape, appearance === 'default' && isDisabled && buttonStyles.defaultAppearanceDisabledContainer, buttonStyles.splitButton])
   }, children);
 };
 

package/dist/cjs/new-button/variants/default/link.compiled.css

@@ -1,6 +1,7 @@
 
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._14mj1kw7:after{border-radius:inherit}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._9v7aze3t:after{inset:var(--ds-space-0,0)}
 ._v5649dqc{transition:background .1s ease-out}

package/dist/cjs/new-button/variants/default/link.js

@@ -16,6 +16,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _css2 = require("@atlaskit/css");
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
 var _useAutoFocus = _interopRequireDefault(require("@atlaskit/ds-lib/use-auto-focus"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _content = _interopRequireDefault(require("../shared/content"));
 var _iconRenderer = _interopRequireDefault(require("../shared/icon-renderer"));
@@ -24,6 +25,7 @@ var _excluded = ["analyticsContext", "appearance", "aria-label", "aria-labelledb
 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); }
 var styles = {
   base: "_2rkofajl _11c82smr _v5649dqc _189eidpf _1rjc12x7 _1e0c116y _vchhusvi _1bsb1wug _p12f1osq _kqswh2mm _4cvr1q9y _1bah1h6o _gy1p1b66 _1o9zidpf _4t3iviql _k48p1wq8 _y4tiutpp _bozgutpp _y3gn1h6o _s7n4nkob _14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _11fnglyw _18postnw",
+  baseT26Shape: "_2rko1qi0",
   linkDecorationUnset: "_4bfu1snc _1hmsagmp _ajmmvv82 _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1",
   disabled: "_80om13gf _bfhkby5v _syaz1gmx _aetrglyw _irr3by5v _30l31gmx _1di6by5v _9h8h1gmx",
   spacingCompact: "_1rjcv77o _gy1p1b66 _4t3i1k8s _y4tiutpp _bozgutpp _s7n4nkob",
@@ -134,7 +136,7 @@ var LinkButtonBase = function LinkButtonBase(_ref, ref) {
     interactionName: interactionName
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, saferRest, {
-    xcss: (0, _css2.cx)(styles.base, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'warning' && warningStyles.root, appearance === 'danger' && dangerStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'danger' && selectedStyles.danger, isSelected && appearance === 'warning' && selectedStyles.warning, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, spacing === 'compact' && styles.spacingCompact, hasIconBefore && styles.buttonIconBefore, hasIconAfter && styles.buttonIconAfter, shouldFitContainer && styles.fullWidth)
+    xcss: (0, _css2.cx)(styles.base, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && styles.baseT26Shape, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'warning' && warningStyles.root, appearance === 'danger' && dangerStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'danger' && selectedStyles.danger, isSelected && appearance === 'warning' && selectedStyles.warning, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, spacing === 'compact' && styles.spacingCompact, hasIconBefore && styles.buttonIconBefore, hasIconAfter && styles.buttonIconAfter, shouldFitContainer && styles.fullWidth)
   }), iconBefore && /*#__PURE__*/React.createElement(_content.default, {
     type: "icon",
     position: "before",

package/dist/cjs/new-button/variants/icon/link.compiled.css

@@ -1,6 +1,7 @@
 
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._14mj1kw7:after{border-radius:inherit}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._9v7aze3t:after{inset:var(--ds-space-0,0)}

package/dist/cjs/new-button/variants/icon/link.js

@@ -16,6 +16,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _css2 = require("@atlaskit/css");
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
 var _useAutoFocus = _interopRequireDefault(require("@atlaskit/ds-lib/use-auto-focus"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
@@ -26,6 +27,7 @@ var _excluded = ["aria-label", "aria-labelledby", "analyticsContext", "appearanc
 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); }
 var styles = {
   base: "_2rkofajl _11c82smr _v5649dqc _189eidpf _1rjc12x7 _1e0c116y _vchhusvi _1bsb1wug _p12f1osq _kqswh2mm _4cvr1q9y _1bah1h6o _gy1p1b66 _1o9zidpf _4t3iviql _k48p1wq8 _y4tiutpp _bozgutpp _y3gn1h6o _s7n4nkob _14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _11fnglyw _18postnw",
+  baseT26Shape: "_2rko1qi0",
   linkDecorationUnset: "_4bfu1snc _1hmsagmp _ajmmvv82 _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1",
   disabled: "_80om13gf _bfhkby5v _syaz1gmx _aetrglyw _irr3by5v _30l31gmx _1di6by5v _9h8h1gmx",
   spacingCompact: "_1rjcv77o _gy1p1b66 _y4tiutpp _bozgutpp _s7n4nkob _4t3i1k8s _1bsb1k8s",
@@ -154,7 +156,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
         ref: (0, _mergeRefs.default)([localRef, ref, triggerProps.ref].filter(Boolean))
         // Base props only
         ,
-        xcss: (0, _css2.cx)(styles.base, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, spacing === 'compact' && styles.spacingCompact, styles.iconButton, shape === 'circle' && styles.circle),
+        xcss: (0, _css2.cx)(styles.base, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && styles.baseT26Shape, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, spacing === 'compact' && styles.spacingCompact, styles.iconButton, shape === 'circle' && styles.circle),
         onMouseDownCapture: onMouseDownCapture,
         onMouseUpCapture: onMouseUpCapture,
         onKeyDownCapture: onKeyDownCapture,
@@ -187,7 +189,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
     // aria-label={preventedAriaLabel}
     "aria-labelledby": ariaLabelledBy,
     ref: (0, _mergeRefs.default)([localRef, ref]),
-    xcss: (0, _css2.cx)(styles.base, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, styles.iconButton, spacing === 'compact' && styles.spacingCompact, shape === 'circle' && styles.circle),
+    xcss: (0, _css2.cx)(styles.base, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && styles.baseT26Shape, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, styles.iconButton, spacing === 'compact' && styles.spacingCompact, shape === 'circle' && styles.circle),
     onClick: _onClick,
     onMouseDownCapture: onMouseDownCapture,
     onMouseUpCapture: onMouseUpCapture,

package/dist/cjs/new-button/variants/shared/button-base.compiled.css

@@ -1,6 +1,7 @@
 
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._14mj1kw7:after{border-radius:inherit}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._9v7aze3t:after{inset:var(--ds-space-0,0)}

package/dist/cjs/new-button/variants/shared/button-base.js

@@ -16,6 +16,7 @@ var _css2 = require("@atlaskit/css");
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
 var _useAutoFocus = _interopRequireDefault(require("@atlaskit/ds-lib/use-auto-focus"));
 var _useId = require("@atlaskit/ds-lib/use-id");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
 var _splitButtonContext = require("../../containers/split-button/split-button-context");
@@ -27,6 +28,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var LOADING_LABEL = ', Loading';
 var styles = {
   base: "_2rkofajl _11c82smr _v5649dqc _189eidpf _1rjc12x7 _1e0c116y _vchhusvi _1bsb1wug _p12f1osq _kqswh2mm _4cvr1q9y _1bah1h6o _gy1p1b66 _1o9zidpf _4t3iviql _k48p1wq8 _y4tiutpp _bozgutpp _y3gn1h6o _s7n4nkob _14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _11fnglyw _18postnw",
+  baseT26Shape: "_2rko1qi0",
   linkDecorationUnset: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1",
   disabled: "_80om13gf _syaz1gmx _30l31gmx _9h8h1gmx",
   sharedDisabled: "_bfhk1fvb _irr31fvb _1di61fvb",
@@ -169,7 +171,7 @@ function (_ref, ref) {
     analyticsContext: analyticsContext,
     role: role,
     ref: (0, _mergeRefs.default)([localRef, ref]),
-    xcss: (0, _css2.cx)(styles.base, appearance === 'default' && defaultStyles.root, appearance === 'default' && isInteractive && defaultStyles.interactive, appearance === 'primary' && primaryStyles.root, appearance === 'primary' && isInteractive && primaryStyles.interactive, appearance === 'warning' && warningStyles.root, appearance === 'warning' && isInteractive && warningStyles.interactive, appearance === 'danger' && dangerStyles.root, appearance === 'danger' && isInteractive && dangerStyles.interactive, appearance === 'discovery' && discoveryStyles.root, appearance === 'discovery' && isInteractive && discoveryStyles.interactive, appearance === 'subtle' && subtleStyles.root, appearance === 'subtle' && isInteractive && subtleStyles.interactive, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && isSplitButton && selectedStyles.insideSplitButton, isSelected && isInteractive && selectedStyles.interactive,
+    xcss: (0, _css2.cx)(styles.base, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && styles.baseT26Shape, appearance === 'default' && defaultStyles.root, appearance === 'default' && isInteractive && defaultStyles.interactive, appearance === 'primary' && primaryStyles.root, appearance === 'primary' && isInteractive && primaryStyles.interactive, appearance === 'warning' && warningStyles.root, appearance === 'warning' && isInteractive && warningStyles.interactive, appearance === 'danger' && dangerStyles.root, appearance === 'danger' && isInteractive && dangerStyles.interactive, appearance === 'discovery' && discoveryStyles.root, appearance === 'discovery' && isInteractive && discoveryStyles.interactive, appearance === 'subtle' && subtleStyles.root, appearance === 'subtle' && isInteractive && subtleStyles.interactive, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && isSplitButton && selectedStyles.insideSplitButton, isSelected && isInteractive && selectedStyles.interactive,
     // TODO: remove me once we kill color fallbacks
     isSelected && appearance === 'danger' && selectedStyles.danger,
     // TODO: remove me once we kill color fallbacks

package/dist/cjs/old-button/shared/css.js

@@ -11,6 +11,7 @@ exports.getIconStyle = getIconStyle;
 exports.overlayCss = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var gridSize = 8;
@@ -196,7 +197,7 @@ function getCss(_ref) {
     // 0px margin added to css-reset
     alignItems: 'baseline',
     borderWidth: 0,
-    borderRadius: "var(--ds-radius-small, 3px)",
+    borderRadius: (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') ? "var(--ds-radius-medium, 6px)" : "var(--ds-radius-small, 3px)",
     boxSizing: 'border-box',
     display: 'inline-flex',
     fontSize: 'inherit',

package/dist/es2019/new-button/containers/split-button/split-button.compiled.css

@@ -1,4 +1,5 @@
 
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._195g1h5n{margin-inline:-.03125rem}
 ._195g1n1a{margin-inline:-1px}

package/dist/es2019/new-button/containers/split-button/split-button.js

@@ -2,6 +2,7 @@
 import "./split-button.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SplitButtonContext } from './split-button-context';
 import { getActions } from './utils';
 const dividerStyles = {
@@ -44,6 +45,7 @@ const buttonStyles = {
   primaryButton: "_traeidpf _anlpidpf _p9ykidpf _bepvidpf",
   secondaryButton: "_1j4hidpf _1553idpf _1qgbidpf _y1n3idpf",
   defaultAppearanceContainer: "_2rkofajl _12ji1l7x _1cwg1n1a _1qu2nqa1 _12y3t94y",
+  defaultAppearanceContainerT26Shape: "_2rko1qi0",
   defaultAppearanceDisabledContainer: "_12jibk0g"
 };
 
@@ -56,7 +58,7 @@ export const SplitButtonContainer = ({
   isDisabled = false
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: ax([appearance === 'default' && buttonStyles.defaultAppearanceContainer, appearance === 'default' && isDisabled && buttonStyles.defaultAppearanceDisabledContainer, buttonStyles.splitButton])
+    className: ax([appearance === 'default' && buttonStyles.defaultAppearanceContainer, appearance === 'default' && fg('platform-dst-shape-theme-default') && buttonStyles.defaultAppearanceContainerT26Shape, appearance === 'default' && isDisabled && buttonStyles.defaultAppearanceDisabledContainer, buttonStyles.splitButton])
   }, children);
 };
 

package/dist/es2019/new-button/variants/default/link.compiled.css

@@ -1,6 +1,7 @@
 
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._14mj1kw7:after{border-radius:inherit}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._9v7aze3t:after{inset:var(--ds-space-0,0)}
 ._v5649dqc{transition:background .1s ease-out}

package/dist/es2019/new-button/variants/default/link.js

@@ -7,11 +7,13 @@ import { forwardRef, useRef } from 'react';
 import { cx } from '@atlaskit/css';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor } from '@atlaskit/primitives/compiled';
 import Content from '../shared/content';
 import IconRenderer from '../shared/icon-renderer';
 const styles = {
   base: "_2rkofajl _11c82smr _v5649dqc _189eidpf _1rjc12x7 _1e0c116y _vchhusvi _1bsb1wug _p12f1osq _kqswh2mm _4cvr1q9y _1bah1h6o _gy1p1b66 _1o9zidpf _4t3iviql _k48p1wq8 _y4tiutpp _bozgutpp _y3gn1h6o _s7n4nkob _14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _11fnglyw _18postnw",
+  baseT26Shape: "_2rko1qi0",
   linkDecorationUnset: "_4bfu1snc _1hmsagmp _ajmmvv82 _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1",
   disabled: "_80om13gf _bfhkby5v _syaz1gmx _aetrglyw _irr3by5v _30l31gmx _1di6by5v _9h8h1gmx",
   spacingCompact: "_1rjcv77o _gy1p1b66 _4t3i1k8s _y4tiutpp _bozgutpp _s7n4nkob",
@@ -123,7 +125,7 @@ const LinkButtonBase = ({
     interactionName: interactionName
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, saferRest, {
-    xcss: cx(styles.base, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'warning' && warningStyles.root, appearance === 'danger' && dangerStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'danger' && selectedStyles.danger, isSelected && appearance === 'warning' && selectedStyles.warning, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, spacing === 'compact' && styles.spacingCompact, hasIconBefore && styles.buttonIconBefore, hasIconAfter && styles.buttonIconAfter, shouldFitContainer && styles.fullWidth)
+    xcss: cx(styles.base, fg('platform-dst-shape-theme-default') && styles.baseT26Shape, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'warning' && warningStyles.root, appearance === 'danger' && dangerStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'danger' && selectedStyles.danger, isSelected && appearance === 'warning' && selectedStyles.warning, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, spacing === 'compact' && styles.spacingCompact, hasIconBefore && styles.buttonIconBefore, hasIconAfter && styles.buttonIconAfter, shouldFitContainer && styles.fullWidth)
   }), iconBefore && /*#__PURE__*/React.createElement(Content, {
     type: "icon",
     position: "before",

package/dist/es2019/new-button/variants/icon/link.compiled.css

@@ -1,6 +1,7 @@
 
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._14mj1kw7:after{border-radius:inherit}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._9v7aze3t:after{inset:var(--ds-space-0,0)}

package/dist/es2019/new-button/variants/icon/link.js

@@ -7,6 +7,7 @@ import { forwardRef, memo, useRef } from 'react';
 import { cx } from '@atlaskit/css';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import VisuallyHidden from '@atlaskit/visually-hidden';
@@ -14,6 +15,7 @@ import Content from '../shared/content';
 import IconRenderer from '../shared/icon-renderer';
 const styles = {
   base: "_2rkofajl _11c82smr _v5649dqc _189eidpf _1rjc12x7 _1e0c116y _vchhusvi _1bsb1wug _p12f1osq _kqswh2mm _4cvr1q9y _1bah1h6o _gy1p1b66 _1o9zidpf _4t3iviql _k48p1wq8 _y4tiutpp _bozgutpp _y3gn1h6o _s7n4nkob _14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _11fnglyw _18postnw",
+  baseT26Shape: "_2rko1qi0",
   linkDecorationUnset: "_4bfu1snc _1hmsagmp _ajmmvv82 _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1",
   disabled: "_80om13gf _bfhkby5v _syaz1gmx _aetrglyw _irr3by5v _30l31gmx _1di6by5v _9h8h1gmx",
   spacingCompact: "_1rjcv77o _gy1p1b66 _y4tiutpp _bozgutpp _s7n4nkob _4t3i1k8s _1bsb1k8s",
@@ -142,7 +144,7 @@ const LinkIconButtonBase = ({
       ref: mergeRefs([localRef, ref, triggerProps.ref].filter(Boolean))
       // Base props only
       ,
-      xcss: cx(styles.base, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, spacing === 'compact' && styles.spacingCompact, styles.iconButton, shape === 'circle' && styles.circle),
+      xcss: cx(styles.base, fg('platform-dst-shape-theme-default') && styles.baseT26Shape, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, spacing === 'compact' && styles.spacingCompact, styles.iconButton, shape === 'circle' && styles.circle),
       onMouseDownCapture: onMouseDownCapture,
       onMouseUpCapture: onMouseUpCapture,
       onKeyDownCapture: onKeyDownCapture,
@@ -174,7 +176,7 @@ const LinkIconButtonBase = ({
     // aria-label={preventedAriaLabel}
     "aria-labelledby": ariaLabelledBy,
     ref: mergeRefs([localRef, ref]),
-    xcss: cx(styles.base, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, styles.iconButton, spacing === 'compact' && styles.spacingCompact, shape === 'circle' && styles.circle),
+    xcss: cx(styles.base, fg('platform-dst-shape-theme-default') && styles.baseT26Shape, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, styles.iconButton, spacing === 'compact' && styles.spacingCompact, shape === 'circle' && styles.circle),
     onClick: onClick,
     onMouseDownCapture: onMouseDownCapture,
     onMouseUpCapture: onMouseUpCapture,

package/dist/es2019/new-button/variants/shared/button-base.compiled.css

@@ -1,6 +1,7 @@
 
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._14mj1kw7:after{border-radius:inherit}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._9v7aze3t:after{inset:var(--ds-space-0,0)}

package/dist/es2019/new-button/variants/shared/button-base.js

@@ -7,6 +7,7 @@ import { cx } from '@atlaskit/css';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 import { useId } from '@atlaskit/ds-lib/use-id';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import { SplitButtonContext, useSplitButtonContext } from '../../containers/split-button/split-button-context';
@@ -15,6 +16,7 @@ import renderLoadingOverlay from './loading-overlay';
 const LOADING_LABEL = ', Loading';
 const styles = {
   base: "_2rkofajl _11c82smr _v5649dqc _189eidpf _1rjc12x7 _1e0c116y _vchhusvi _1bsb1wug _p12f1osq _kqswh2mm _4cvr1q9y _1bah1h6o _gy1p1b66 _1o9zidpf _4t3iviql _k48p1wq8 _y4tiutpp _bozgutpp _y3gn1h6o _s7n4nkob _14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _11fnglyw _18postnw",
+  baseT26Shape: "_2rko1qi0",
   linkDecorationUnset: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1",
   disabled: "_80om13gf _syaz1gmx _30l31gmx _9h8h1gmx",
   sharedDisabled: "_bfhk1fvb _irr31fvb _1di61fvb",
@@ -150,7 +152,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(
     analyticsContext: analyticsContext,
     role: role,
     ref: mergeRefs([localRef, ref]),
-    xcss: cx(styles.base, appearance === 'default' && defaultStyles.root, appearance === 'default' && isInteractive && defaultStyles.interactive, appearance === 'primary' && primaryStyles.root, appearance === 'primary' && isInteractive && primaryStyles.interactive, appearance === 'warning' && warningStyles.root, appearance === 'warning' && isInteractive && warningStyles.interactive, appearance === 'danger' && dangerStyles.root, appearance === 'danger' && isInteractive && dangerStyles.interactive, appearance === 'discovery' && discoveryStyles.root, appearance === 'discovery' && isInteractive && discoveryStyles.interactive, appearance === 'subtle' && subtleStyles.root, appearance === 'subtle' && isInteractive && subtleStyles.interactive, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && isSplitButton && selectedStyles.insideSplitButton, isSelected && isInteractive && selectedStyles.interactive,
+    xcss: cx(styles.base, fg('platform-dst-shape-theme-default') && styles.baseT26Shape, appearance === 'default' && defaultStyles.root, appearance === 'default' && isInteractive && defaultStyles.interactive, appearance === 'primary' && primaryStyles.root, appearance === 'primary' && isInteractive && primaryStyles.interactive, appearance === 'warning' && warningStyles.root, appearance === 'warning' && isInteractive && warningStyles.interactive, appearance === 'danger' && dangerStyles.root, appearance === 'danger' && isInteractive && dangerStyles.interactive, appearance === 'discovery' && discoveryStyles.root, appearance === 'discovery' && isInteractive && discoveryStyles.interactive, appearance === 'subtle' && subtleStyles.root, appearance === 'subtle' && isInteractive && subtleStyles.interactive, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && isSplitButton && selectedStyles.insideSplitButton, isSelected && isInteractive && selectedStyles.interactive,
     // TODO: remove me once we kill color fallbacks
     isSelected && appearance === 'danger' && selectedStyles.danger,
     // TODO: remove me once we kill color fallbacks

package/dist/es2019/old-button/shared/css.js

@@ -1,5 +1,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
+import { fg } from '@atlaskit/platform-feature-flags';
 const gridSize = 8;
 const HAS_DISABLED_BACKGROUND = ['default', 'primary', 'danger', 'warning'];
 
@@ -186,7 +187,7 @@ export function getCss({
     // 0px margin added to css-reset
     alignItems: 'baseline',
     borderWidth: 0,
-    borderRadius: "var(--ds-radius-small, 3px)",
+    borderRadius: fg('platform-dst-shape-theme-default') ? "var(--ds-radius-medium, 6px)" : "var(--ds-radius-small, 3px)",
     boxSizing: 'border-box',
     display: 'inline-flex',
     fontSize: 'inherit',

package/dist/esm/new-button/containers/split-button/split-button.compiled.css

@@ -1,4 +1,5 @@
 
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._195g1h5n{margin-inline:-.03125rem}
 ._195g1n1a{margin-inline:-1px}

package/dist/esm/new-button/containers/split-button/split-button.js

@@ -2,6 +2,7 @@
 import "./split-button.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SplitButtonContext } from './split-button-context';
 import { getActions } from './utils';
 var dividerStyles = {
@@ -44,6 +45,7 @@ var buttonStyles = {
   primaryButton: "_traeidpf _anlpidpf _p9ykidpf _bepvidpf",
   secondaryButton: "_1j4hidpf _1553idpf _1qgbidpf _y1n3idpf",
   defaultAppearanceContainer: "_2rkofajl _12ji1l7x _1cwg1n1a _1qu2nqa1 _12y3t94y",
+  defaultAppearanceContainerT26Shape: "_2rko1qi0",
   defaultAppearanceDisabledContainer: "_12jibk0g"
 };
 
@@ -56,7 +58,7 @@ export var SplitButtonContainer = function SplitButtonContainer(_ref2) {
     _ref2$isDisabled = _ref2.isDisabled,
     isDisabled = _ref2$isDisabled === void 0 ? false : _ref2$isDisabled;
   return /*#__PURE__*/React.createElement("div", {
-    className: ax([appearance === 'default' && buttonStyles.defaultAppearanceContainer, appearance === 'default' && isDisabled && buttonStyles.defaultAppearanceDisabledContainer, buttonStyles.splitButton])
+    className: ax([appearance === 'default' && buttonStyles.defaultAppearanceContainer, appearance === 'default' && fg('platform-dst-shape-theme-default') && buttonStyles.defaultAppearanceContainerT26Shape, appearance === 'default' && isDisabled && buttonStyles.defaultAppearanceDisabledContainer, buttonStyles.splitButton])
   }, children);
 };
 

package/dist/esm/new-button/variants/default/link.compiled.css

@@ -1,6 +1,7 @@
 
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._14mj1kw7:after{border-radius:inherit}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._9v7aze3t:after{inset:var(--ds-space-0,0)}
 ._v5649dqc{transition:background .1s ease-out}

package/dist/esm/new-button/variants/default/link.js

@@ -10,11 +10,13 @@ import { forwardRef, useRef } from 'react';
 import { cx } from '@atlaskit/css';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor } from '@atlaskit/primitives/compiled';
 import Content from '../shared/content';
 import IconRenderer from '../shared/icon-renderer';
 var styles = {
   base: "_2rkofajl _11c82smr _v5649dqc _189eidpf _1rjc12x7 _1e0c116y _vchhusvi _1bsb1wug _p12f1osq _kqswh2mm _4cvr1q9y _1bah1h6o _gy1p1b66 _1o9zidpf _4t3iviql _k48p1wq8 _y4tiutpp _bozgutpp _y3gn1h6o _s7n4nkob _14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _11fnglyw _18postnw",
+  baseT26Shape: "_2rko1qi0",
   linkDecorationUnset: "_4bfu1snc _1hmsagmp _ajmmvv82 _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1",
   disabled: "_80om13gf _bfhkby5v _syaz1gmx _aetrglyw _irr3by5v _30l31gmx _1di6by5v _9h8h1gmx",
   spacingCompact: "_1rjcv77o _gy1p1b66 _4t3i1k8s _y4tiutpp _bozgutpp _s7n4nkob",
@@ -125,7 +127,7 @@ var LinkButtonBase = function LinkButtonBase(_ref, ref) {
     interactionName: interactionName
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, saferRest, {
-    xcss: cx(styles.base, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'warning' && warningStyles.root, appearance === 'danger' && dangerStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'danger' && selectedStyles.danger, isSelected && appearance === 'warning' && selectedStyles.warning, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, spacing === 'compact' && styles.spacingCompact, hasIconBefore && styles.buttonIconBefore, hasIconAfter && styles.buttonIconAfter, shouldFitContainer && styles.fullWidth)
+    xcss: cx(styles.base, fg('platform-dst-shape-theme-default') && styles.baseT26Shape, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'warning' && warningStyles.root, appearance === 'danger' && dangerStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'danger' && selectedStyles.danger, isSelected && appearance === 'warning' && selectedStyles.warning, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, spacing === 'compact' && styles.spacingCompact, hasIconBefore && styles.buttonIconBefore, hasIconAfter && styles.buttonIconAfter, shouldFitContainer && styles.fullWidth)
   }), iconBefore && /*#__PURE__*/React.createElement(Content, {
     type: "icon",
     position: "before",

package/dist/esm/new-button/variants/icon/link.compiled.css

@@ -1,6 +1,7 @@
 
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._14mj1kw7:after{border-radius:inherit}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._9v7aze3t:after{inset:var(--ds-space-0,0)}

package/dist/esm/new-button/variants/icon/link.js

@@ -10,6 +10,7 @@ import { forwardRef, memo, useRef } from 'react';
 import { cx } from '@atlaskit/css';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import VisuallyHidden from '@atlaskit/visually-hidden';
@@ -17,6 +18,7 @@ import Content from '../shared/content';
 import IconRenderer from '../shared/icon-renderer';
 var styles = {
   base: "_2rkofajl _11c82smr _v5649dqc _189eidpf _1rjc12x7 _1e0c116y _vchhusvi _1bsb1wug _p12f1osq _kqswh2mm _4cvr1q9y _1bah1h6o _gy1p1b66 _1o9zidpf _4t3iviql _k48p1wq8 _y4tiutpp _bozgutpp _y3gn1h6o _s7n4nkob _14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _11fnglyw _18postnw",
+  baseT26Shape: "_2rko1qi0",
   linkDecorationUnset: "_4bfu1snc _1hmsagmp _ajmmvv82 _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1",
   disabled: "_80om13gf _bfhkby5v _syaz1gmx _aetrglyw _irr3by5v _30l31gmx _1di6by5v _9h8h1gmx",
   spacingCompact: "_1rjcv77o _gy1p1b66 _y4tiutpp _bozgutpp _s7n4nkob _4t3i1k8s _1bsb1k8s",
@@ -145,7 +147,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
         ref: mergeRefs([localRef, ref, triggerProps.ref].filter(Boolean))
         // Base props only
         ,
-        xcss: cx(styles.base, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, spacing === 'compact' && styles.spacingCompact, styles.iconButton, shape === 'circle' && styles.circle),
+        xcss: cx(styles.base, fg('platform-dst-shape-theme-default') && styles.baseT26Shape, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, spacing === 'compact' && styles.spacingCompact, styles.iconButton, shape === 'circle' && styles.circle),
         onMouseDownCapture: onMouseDownCapture,
         onMouseUpCapture: onMouseUpCapture,
         onKeyDownCapture: onKeyDownCapture,
@@ -178,7 +180,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
     // aria-label={preventedAriaLabel}
     "aria-labelledby": ariaLabelledBy,
     ref: mergeRefs([localRef, ref]),
-    xcss: cx(styles.base, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, styles.iconButton, spacing === 'compact' && styles.spacingCompact, shape === 'circle' && styles.circle),
+    xcss: cx(styles.base, fg('platform-dst-shape-theme-default') && styles.baseT26Shape, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, styles.iconButton, spacing === 'compact' && styles.spacingCompact, shape === 'circle' && styles.circle),
     onClick: _onClick,
     onMouseDownCapture: onMouseDownCapture,
     onMouseUpCapture: onMouseUpCapture,

package/dist/esm/new-button/variants/shared/button-base.compiled.css

@@ -1,6 +1,7 @@
 
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._14mj1kw7:after{border-radius:inherit}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
 ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._9v7aze3t:after{inset:var(--ds-space-0,0)}

package/dist/esm/new-button/variants/shared/button-base.js

@@ -10,6 +10,7 @@ import { cx } from '@atlaskit/css';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 import { useId } from '@atlaskit/ds-lib/use-id';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import { SplitButtonContext, useSplitButtonContext } from '../../containers/split-button/split-button-context';
@@ -18,6 +19,7 @@ import renderLoadingOverlay from './loading-overlay';
 var LOADING_LABEL = ', Loading';
 var styles = {
   base: "_2rkofajl _11c82smr _v5649dqc _189eidpf _1rjc12x7 _1e0c116y _vchhusvi _1bsb1wug _p12f1osq _kqswh2mm _4cvr1q9y _1bah1h6o _gy1p1b66 _1o9zidpf _4t3iviql _k48p1wq8 _y4tiutpp _bozgutpp _y3gn1h6o _s7n4nkob _14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _11fnglyw _18postnw",
+  baseT26Shape: "_2rko1qi0",
   linkDecorationUnset: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1",
   disabled: "_80om13gf _syaz1gmx _30l31gmx _9h8h1gmx",
   sharedDisabled: "_bfhk1fvb _irr31fvb _1di61fvb",
@@ -160,7 +162,7 @@ function (_ref, ref) {
     analyticsContext: analyticsContext,
     role: role,
     ref: mergeRefs([localRef, ref]),
-    xcss: cx(styles.base, appearance === 'default' && defaultStyles.root, appearance === 'default' && isInteractive && defaultStyles.interactive, appearance === 'primary' && primaryStyles.root, appearance === 'primary' && isInteractive && primaryStyles.interactive, appearance === 'warning' && warningStyles.root, appearance === 'warning' && isInteractive && warningStyles.interactive, appearance === 'danger' && dangerStyles.root, appearance === 'danger' && isInteractive && dangerStyles.interactive, appearance === 'discovery' && discoveryStyles.root, appearance === 'discovery' && isInteractive && discoveryStyles.interactive, appearance === 'subtle' && subtleStyles.root, appearance === 'subtle' && isInteractive && subtleStyles.interactive, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && isSplitButton && selectedStyles.insideSplitButton, isSelected && isInteractive && selectedStyles.interactive,
+    xcss: cx(styles.base, fg('platform-dst-shape-theme-default') && styles.baseT26Shape, appearance === 'default' && defaultStyles.root, appearance === 'default' && isInteractive && defaultStyles.interactive, appearance === 'primary' && primaryStyles.root, appearance === 'primary' && isInteractive && primaryStyles.interactive, appearance === 'warning' && warningStyles.root, appearance === 'warning' && isInteractive && warningStyles.interactive, appearance === 'danger' && dangerStyles.root, appearance === 'danger' && isInteractive && dangerStyles.interactive, appearance === 'discovery' && discoveryStyles.root, appearance === 'discovery' && isInteractive && discoveryStyles.interactive, appearance === 'subtle' && subtleStyles.root, appearance === 'subtle' && isInteractive && subtleStyles.interactive, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && isSplitButton && selectedStyles.insideSplitButton, isSelected && isInteractive && selectedStyles.interactive,
     // TODO: remove me once we kill color fallbacks
     isSelected && appearance === 'danger' && selectedStyles.danger,
     // TODO: remove me once we kill color fallbacks

package/dist/esm/old-button/shared/css.js

@@ -3,6 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
+import { fg } from '@atlaskit/platform-feature-flags';
 var gridSize = 8;
 var HAS_DISABLED_BACKGROUND = ['default', 'primary', 'danger', 'warning'];
 
@@ -186,7 +187,7 @@ export function getCss(_ref) {
     // 0px margin added to css-reset
     alignItems: 'baseline',
     borderWidth: 0,
-    borderRadius: "var(--ds-radius-small, 3px)",
+    borderRadius: fg('platform-dst-shape-theme-default') ? "var(--ds-radius-medium, 6px)" : "var(--ds-radius-small, 3px)",
     boxSizing: 'border-box',
     display: 'inline-flex',
     fontSize: 'inherit',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/button",
-	"version": "23.6.3",
+	"version": "23.7.0",
 	"description": "A button triggers an event or action. They let users know what will happen next.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -81,11 +81,11 @@
 		"@atlaskit/icon": "^29.0.0",
 		"@atlaskit/interaction-context": "^3.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^16.3.0",
+		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^8.3.0",
-		"@atlaskit/tooltip": "^20.10.0",
+		"@atlaskit/tokens": "^8.4.0",
+		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
@@ -99,18 +99,17 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/app-provider": "^3.2.0",
-		"@atlaskit/checkbox": "^17.1.0",
+		"@atlaskit/checkbox": "^17.2.0",
 		"@atlaskit/docs": "^11.2.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/form": "^14.3.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/logo": "^19.9.0",
-		"@atlaskit/modal-dialog": "^14.7.0",
-		"@atlaskit/section-message": "^8.9.0",
-		"@atlaskit/select": "^21.4.0",
-		"@atlaskit/ssr": "workspace:^",
-		"@atlaskit/toggle": "^15.1.0",
+		"@atlaskit/modal-dialog": "^14.8.0",
+		"@atlaskit/section-message": "^8.10.0",
+		"@atlaskit/select": "^21.5.0",
+		"@atlaskit/toggle": "^15.2.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
@@ -123,6 +122,9 @@
 	"platform-feature-flags": {
 		"platform_dst_button_chevron_sizing": {
 			"type": "boolean"
+		},
+		"platform-dst-shape-theme-default": {
+			"type": "boolean"
 		}
 	}
 }