@atlaskit/button 17.17.3 → 17.19.0

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

@@ -8,14 +8,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var _reactUid = require("react-uid");
 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 _primitives = require("@atlaskit/primitives");
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _constants = require("@atlaskit/theme/constants");
+var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
 var _splitButtonContext = require("../../containers/split-button/split-button-context");
 var _blockEvents = _interopRequireDefault(require("./block-events"));
+var _constants2 = require("./constants");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
@@ -30,10 +33,12 @@ var buttonStyles = (0, _primitives.xcss)({
   alignItems: 'baseline',
   justifyContent: 'center',
   columnGap: 'space.050',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   background: "var(--ds-background-neutral, ".concat(colors.N20A, ")"),
   borderRadius: 'border.radius.100',
   borderWidth: 'border.width.0',
   // @ts-expect-error
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-text, ".concat(colors.N500, ")"),
   flexShrink: 0,
   height: "".concat(32 / fontSize, "em"),
@@ -44,6 +49,7 @@ var buttonStyles = (0, _primitives.xcss)({
   verticalAlign: 'middle',
   ':visited': {
     // @ts-expect-error
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: "var(--ds-text, ".concat(colors.N500, ")")
   }
 });
@@ -64,12 +70,15 @@ var defaultInteractiveStyles = (0, _primitives.xcss)({
   ':hover': {
     background: "var(--ds-background-neutral-hovered, #091e4214)",
     // @ts-expect-error
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: "var(--ds-text, ".concat(colors.N500, ")"),
     transitionDuration: '0s, 0.15s'
   },
   ':active': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     background: "var(--ds-background-neutral-pressed, ".concat(colors.B75, ")"),
     // @ts-expect-error
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: "var(--ds-text, ".concat(colors.B400, ")"),
     transitionDuration: '0s, 0s'
   }
@@ -173,11 +182,13 @@ var subtleInteractiveStyles = (0, _primitives.xcss)({
 });
 var linkStyles = (0, _primitives.xcss)({
   // @ts-expect-error
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-link, ".concat(colors.B400, ")"),
   background: "var(--ds-background-neutral-subtle, transparent)",
   textDecoration: 'none',
   ':hover': {
     // @ts-expect-error
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: "var(--ds-link, ".concat(colors.B300, ")"),
     background: "var(--ds-background-neutral-subtle, transparent)"
   },
@@ -188,26 +199,31 @@ var linkStyles = (0, _primitives.xcss)({
   },
   ':visited': {
     // @ts-expect-error
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: "var(--ds-link, ".concat(colors.B400, ")")
   }
 });
 var subtleLinkStyles = (0, _primitives.xcss)({
   // @ts-expect-error
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-text-subtle, ".concat(colors.N200, ")"),
   background: "var(--ds-background-neutral-subtle, transparent)",
   textDecoration: 'none',
   ':hover': {
     // @ts-expect-error
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: "var(--ds-text-subtle, ".concat(colors.N90, ")"),
     background: "var(--ds-background-neutral-subtle, transparent)"
   },
   ':active': {
     // @ts-expect-error
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: "var(--ds-text, ".concat(colors.N400, ")"),
     background: "var(--ds-background-neutral-subtle, transparent)"
   },
   ':visited': {
     // @ts-expect-error
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: "var(--ds-text-subtle, ".concat(colors.N200, ")")
   }
 });
@@ -234,72 +250,94 @@ var linkDecorationStyles = (0, _primitives.xcss)({
   }
 });
 var disabledStyles = (0, _primitives.xcss)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   background: "var(--ds-background-disabled, ".concat(colors.N20A, ")"),
   // @ts-expect-error
   color: "var(--ds-text-disabled, #091E424F)",
   ':hover': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     background: "var(--ds-background-disabled, ".concat(colors.N20A, ")"),
     // @ts-expect-error
     color: "var(--ds-text-disabled, #091E424F)"
   },
   ':active': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     background: "var(--ds-background-disabled, ".concat(colors.N20A, ")"),
     // @ts-expect-error
     color: "var(--ds-text-disabled, #091E424F)"
   }
 });
 var selectedStyles = (0, _primitives.xcss)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   background: "var(--ds-background-selected, ".concat(colors.N700, ")"),
   // @ts-expect-error
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-text-selected, ".concat(colors.N20, ")"),
   ':visited': {
     // @ts-expect-error
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: "var(--ds-text-selected, ".concat(colors.N20, ")")
   }
 });
 var selectedInteractiveStyles = (0, _primitives.xcss)({
   ':hover': {
     // @ts-expect-error
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: "var(--ds-text-selected, ".concat(colors.N20, ")"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     background: "var(--ds-background-selected-hovered, ".concat(colors.N700, ")")
   },
   ':active': {
     // @ts-expect-error
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: "var(--ds-text-selected, ".concat(colors.N20, ")"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     background: "var(--ds-background-selected-pressed, ".concat(colors.N700, ")")
   }
 });
 
 // TODO: Remove me once we kill color fallbacks
 var selectedWarningStyles = (0, _primitives.xcss)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   background: "var(--ds-background-selected, ".concat(colors.Y400, ")"),
   // @ts-expect-error
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-text-selected, ".concat(colors.N800, ")"),
   ':hover': {
     // @ts-expect-error
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: "var(--ds-text-selected, ".concat(colors.N20, ")"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     background: "var(--ds-background-selected, ".concat(colors.Y400, ")")
   },
   ':active': {
     // @ts-expect-error
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: "var(--ds-text-selected, ".concat(colors.N20, ")"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     background: "var(--ds-background-selected, ".concat(colors.Y400, ")")
   }
 });
 
 // TODO: Remove me once we kill color fallbacks
 var selectedDangerStyles = (0, _primitives.xcss)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   background: "var(--ds-background-selected, ".concat(colors.R500, ")"),
   // @ts-expect-error
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-text-selected, ".concat(colors.N20, ")"),
   ':hover': {
     // @ts-expect-error
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: "var(--ds-text-selected, ".concat(colors.N20, ")"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     background: "var(--ds-background-selected, ".concat(colors.R500, ")")
   },
   ':active': {
     // @ts-expect-error
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: "var(--ds-text-selected, ".concat(colors.N20, ")"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     background: "var(--ds-background-selected, ".concat(colors.R500, ")")
   }
 });
@@ -308,14 +346,17 @@ var selectedDangerStyles = (0, _primitives.xcss)({
 var selectedDiscoveryStyles = (0, _primitives.xcss)({
   background: "var(--ds-background-selected, #403294)",
   // @ts-expect-error
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-text-selected, ".concat(colors.N20, ")"),
   ':hover': {
     // @ts-expect-error
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: "var(--ds-text-selected, ".concat(colors.N20, ")"),
     background: "var(--ds-background-selected, #403294)"
   },
   ':active': {
     // @ts-expect-error
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     color: "var(--ds-text-selected, ".concat(colors.N20, ")"),
     background: "var(--ds-background-selected, #403294)"
   }
@@ -442,9 +483,16 @@ var useButtonBase = function useButtonBase(_ref) {
     _ref$shouldFitContain = _ref.shouldFitContainer,
     shouldFitContainer = _ref$shouldFitContain === void 0 ? false : _ref$shouldFitContain,
     _ref$spacing = _ref.spacing,
-    propSpacing = _ref$spacing === void 0 ? 'default' : _ref$spacing;
+    propSpacing = _ref$spacing === void 0 ? 'default' : _ref$spacing,
+    ariaLabel = _ref.ariaLabel,
+    ariaLabelledBy = _ref.ariaLabelledBy;
   var localRef = (0, _react.useRef)(null);
   var splitButtonContext = (0, _splitButtonContext.useSplitButtonContext)();
+  // TODO: Use React 18's useId() hook when we update.
+  // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
+  var loadingLabelId = (0, _reactUid.uid)({
+    ariaLabelledBy: ariaLabelledBy
+  });
   var isSplitButton = Boolean(splitButtonContext);
   var isNavigationSplitButton = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.isNavigationSplitButton) || false;
   var appearance = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.appearance) || propAppearance;
@@ -468,7 +516,11 @@ var useButtonBase = function useButtonBase(_ref) {
     children: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, children, overlay ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
       as: "span",
       xcss: overlayStyles
-    }, overlay) : null)
+    }, overlay) : null, isLoading && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && /*#__PURE__*/_react.default.createElement(_visuallyHidden.default, {
+      id: loadingLabelId
+    }, ", Loading")),
+    'aria-label': isLoading && ariaLabel && !ariaLabelledBy ? "".concat(ariaLabel, " ").concat(_constants2.LOADING_LABEL) : ariaLabel,
+    'aria-labelledby': isLoading && ariaLabelledBy ? "".concat(ariaLabelledBy, " ").concat(loadingLabelId) : ariaLabelledBy
   }, (0, _blockEvents.default)(isEffectivelyDisabled, {
     onClick: onClick,
     onMouseDownCapture: onMouseDownCapture,

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

@@ -15,7 +15,7 @@ var _components = require("@atlaskit/theme/components");
 var _buttonBase = _interopRequireDefault(require("./shared/button-base"));
 var _css = require("./shared/css");
 var _getIsOnlySingleIcon = _interopRequireDefault(require("./shared/get-is-only-single-icon"));
-var _excluded = ["appearance", "children", "iconBefore", "iconAfter", "isSelected", "onMouseDown", "onMouseUp", "shouldFitContainer", "spacing"];
+var _excluded = ["appearance", "children", "iconBefore", "iconAfter", "isSelected", "onMouseDown", "onMouseUp", "shouldFitContainer", "spacing"]; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;

package/dist/cjs/old-button/custom-theme-button/custom-theme-button.js

@@ -16,7 +16,7 @@ var _buttonBase = _interopRequireDefault(require("../shared/button-base"));
 var _getIsOnlySingleIcon = _interopRequireDefault(require("../shared/get-is-only-single-icon"));
 var _loadingSpinner = _interopRequireDefault(require("../shared/loading-spinner"));
 var _theme = _interopRequireWildcard(require("./theme"));
-var _excluded = ["appearance", "autoFocus", "isDisabled", "isSelected", "shouldFitContainer", "spacing", "isLoading", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "theme"];
+var _excluded = ["appearance", "autoFocus", "isDisabled", "isSelected", "shouldFitContainer", "spacing", "isLoading", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "theme"]; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }

package/dist/cjs/old-button/custom-theme-button/theme.js

@@ -12,7 +12,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _components = require("@atlaskit/theme/components");
 var _css = require("../shared/css");
 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; }
+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 stateToSelectorMap = {
   focus: '&:focus',
   focusSelected: '&:focus',

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

@@ -21,7 +21,11 @@ var _css = require("./css");
 var _getIfVisuallyHiddenChildren = require("./get-if-visually-hidden-children");
 var _excluded = ["analyticsContext", "appearance", "autoFocus", "buttonCss", "children", "className", "href", "component", "iconAfter", "iconBefore", "interactionName", "isDisabled", "isSelected", "onBlur", "onClick", "onFocus", "onMouseDown", "overlay", "shouldFitContainer", "spacing", "tabIndex", "type", "testId"];
 /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line no-duplicate-imports
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -129,7 +133,7 @@ var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "17.17.3",
+    packageVersion: "17.19.0",
     analyticsData: analyticsContext
   });
 
@@ -149,6 +153,7 @@ var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function
 
   // we are 'disabling' input with a button when there is an overlay
   var hasOverlay = Boolean(overlay);
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   var fadeStyles = (0, _react2.css)((0, _css.getFadingCss)({
     hasOverlay: hasOverlay
   }));
@@ -192,13 +197,17 @@ var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function
   }, (0, _blockEvents.default)({
     isInteractive: isInteractive
   })), iconBefore ? (0, _react2.jsx)("span", {
-    css: [fadeStyles, (0, _css.getIconStyle)({
+    css: [fadeStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    (0, _css.getIconStyle)({
       spacing: spacing
     }), getSpacingFix(children, iconBeforeSpacingFixStyle)]
   }, iconBefore) : null, getChildren(children, [fadeStyles, (0, _css.getContentStyle)({
     spacing: spacing
   })]), iconAfter ? (0, _react2.jsx)("span", {
-    css: [fadeStyles, (0, _css.getIconStyle)({
+    css: [fadeStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    (0, _css.getIconStyle)({
       spacing: spacing
     }), getSpacingFix(children, iconAfterSpacingFixStyle)]
   }, iconAfter) : null, overlay ? (0, _react2.jsx)("span", {

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

@@ -14,7 +14,7 @@ var _react = require("@emotion/react");
 var _constants = require("@atlaskit/theme/constants");
 var _colors = _interopRequireDefault(require("./colors"));
 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; }
+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 = (0, _constants.gridSize)();
 var fontSize = (0, _constants.fontSize)();
 
@@ -196,7 +196,7 @@ function getIconStyle(_ref4) {
   return (0, _react.css)({
     display: 'flex',
     // icon size cannot grow and shrink
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     margin: spacing === 'none' ? 0 : innerMargin.icon,
     flexGrow: 0,
     flexShrink: 0,
@@ -211,7 +211,7 @@ function getIconStyle(_ref4) {
 function getContentStyle(_ref5) {
   var spacing = _ref5.spacing;
   return (0, _react.css)({
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     margin: spacing === 'none' ? 0 : innerMargin.content,
     // content can grow and shrink
     flexGrow: 1,
@@ -225,6 +225,7 @@ function getContentStyle(_ref5) {
 function getFadingCss(_ref6) {
   var hasOverlay = _ref6.hasOverlay;
   return (0, _react.css)({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     opacity: hasOverlay ? 0 : 1,
     transition: 'opacity 0.3s'
   });

package/dist/es2019/containers/button-group.js

@@ -1,10 +1,15 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import React, { Fragment } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const buttonGroupStyles = css({
   display: 'inline-flex',
   gap: "var(--ds-space-050, 4px)",
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> *': {
     flex: '1 0 auto'
   }

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

@@ -1,5 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { fontSize as getFontSize } from '@atlaskit/theme/constants';
 const fontSize = getFontSize();
@@ -17,9 +21,11 @@ const baseDividerStyles = css({
   zIndex: 2
 });
 const defaultDividerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   height: heights.default
 });
 const compactDividerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   height: heights.compact
 });
 const dividerDisabledStyles = css({
@@ -69,14 +75,14 @@ const splitButtonStyles = css({
   whiteSpace: 'nowrap'
 });
 const primaryButtonStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   'button,a': {
     borderEndEndRadius: 0,
     borderStartEndRadius: 0
   }
 });
 const secondaryButtonStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   'button,a': {
     borderEndStartRadius: 0,
     borderStartStartRadius: 0

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

@@ -14,6 +14,8 @@ import useDefaultButton from './use-default-button';
 const Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function Button({
   analyticsContext,
   appearance,
+  'aria-label': ariaLabel,
+  'aria-labelledby': ariaLabelledBy,
   autoFocus,
   children,
   iconAfter,
@@ -42,6 +44,8 @@ const Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function B
   ...rest
 }, ref) {
   const baseProps = useDefaultButton({
+    ariaLabel,
+    ariaLabelledBy,
     analyticsContext,
     appearance,
     autoFocus,
@@ -67,12 +71,15 @@ const Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function B
     ref,
     shouldFitContainer,
     spacing,
+    testId,
     UNSAFE_iconAfter_size,
     UNSAFE_iconBefore_size
   });
   return /*#__PURE__*/React.createElement(Pressable
   // TODO: Remove spread props
   , _extends({}, rest, {
+    "aria-label": baseProps['aria-label'],
+    "aria-labelledby": baseProps['aria-labelledby'],
     ref: baseProps.ref,
     xcss: baseProps.xcss,
     isDisabled: baseProps.isDisabled,

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

@@ -5,6 +5,8 @@ import useDefaultButton from './use-default-button';
 const LinkButtonBase = ({
   analyticsContext,
   appearance,
+  'aria-label': ariaLabel,
+  'aria-labelledby': ariaLabelledBy,
   autoFocus,
   children,
   href,
@@ -32,6 +34,8 @@ const LinkButtonBase = ({
   ...rest
 }, ref) => {
   const baseProps = useDefaultButton({
+    ariaLabel,
+    ariaLabelledBy,
     analyticsContext,
     appearance,
     autoFocus,
@@ -56,12 +60,15 @@ const LinkButtonBase = ({
     ref,
     shouldFitContainer,
     spacing,
+    testId,
     UNSAFE_iconAfter_size,
     UNSAFE_iconBefore_size
   });
   return /*#__PURE__*/React.createElement(Anchor
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   , _extends({}, rest, {
+    "aria-label": baseProps['aria-label'],
+    "aria-labelledby": baseProps['aria-labelledby'],
     ref: baseProps.ref,
     xcss: baseProps.xcss,
     onClick: baseProps.onClick,

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

@@ -14,6 +14,8 @@ import useButtonBase from '../shared/use-button-base';
 const useDefaultButton = ({
   analyticsContext,
   appearance,
+  ariaLabel,
+  ariaLabelledBy,
   autoFocus,
   buttonType,
   children,
@@ -37,6 +39,7 @@ const useDefaultButton = ({
   ref,
   shouldFitContainer,
   spacing,
+  testId,
   UNSAFE_iconAfter_size,
   UNSAFE_iconBefore_size
 }) => {
@@ -45,6 +48,8 @@ const useDefaultButton = ({
     analyticsContext,
     appearance,
     autoFocus,
+    ariaLabel,
+    ariaLabelledBy,
     buttonType,
     children: /*#__PURE__*/React.createElement(Fragment, null, IconBefore && /*#__PURE__*/React.createElement(Content, {
       type: "icon",
@@ -83,7 +88,8 @@ const useDefaultButton = ({
       spacing,
       appearance,
       isDisabled,
-      isSelected
+      isSelected,
+      testId
     }) : overlay,
     ref,
     shouldFitContainer,

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

@@ -15,6 +15,7 @@ import useIconButton from './use-icon-button';
 const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function Button({
   // Prevent duplicate labels being added.
   'aria-label': preventedAriaLabel,
+  'aria-labelledby': ariaLabelledBy,
   analyticsContext,
   appearance,
   autoFocus,
@@ -51,6 +52,7 @@ const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   const baseProps = useIconButton({
     analyticsContext,
     appearance,
+    ariaLabelledBy,
     autoFocus,
     buttonType: 'button',
     icon,
@@ -73,6 +75,7 @@ const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     ref,
     shape,
     spacing,
+    testId,
     UNSAFE_size
   });
   if (!isTooltipDisabled) {
@@ -95,6 +98,7 @@ const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     }, triggerProps => /*#__PURE__*/React.createElement(Pressable
     // Top level props
     , _extends({}, rest, {
+      "aria-labelledby": baseProps['aria-labelledby'],
       type: type,
       testId: testId,
       componentName: "IconButton",
@@ -160,6 +164,7 @@ const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     }), baseProps.children));
   }
   return /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
+    "aria-labelledby": baseProps['aria-labelledby'],
     ref: baseProps.ref,
     xcss: baseProps.xcss,
     isDisabled: baseProps.isDisabled,

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

@@ -6,6 +6,7 @@ import useIconButton from './use-icon-button';
 const LinkIconButtonBase = ({
   // Prevent duplicate labels being added.
   'aria-label': preventedAriaLabel,
+  'aria-labelledby': ariaLabelledBy,
   analyticsContext,
   appearance,
   autoFocus,
@@ -37,6 +38,7 @@ const LinkIconButtonBase = ({
   const baseProps = useIconButton({
     analyticsContext,
     appearance,
+    ariaLabelledBy,
     autoFocus,
     buttonType: 'link',
     icon,
@@ -58,6 +60,7 @@ const LinkIconButtonBase = ({
     ref,
     shape,
     spacing,
+    testId,
     UNSAFE_size
   });
   if (!isTooltipDisabled) {
@@ -80,6 +83,7 @@ const LinkIconButtonBase = ({
     }, triggerProps => /*#__PURE__*/React.createElement(Anchor
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
     , _extends({}, rest, {
+      "aria-labelledby": baseProps['aria-labelledby'],
       testId: testId,
       componentName: "LinkIconButton",
       analyticsContext: analyticsContext,
@@ -154,6 +158,7 @@ const LinkIconButtonBase = ({
   return /*#__PURE__*/React.createElement(Anchor
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   , _extends({}, rest, {
+    "aria-labelledby": baseProps['aria-labelledby'],
     ref: baseProps.ref,
     xcss: baseProps.xcss,
     onClick: baseProps.onClick,

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

@@ -15,6 +15,8 @@ import useButtonBase from '../shared/use-button-base';
 const useIconButton = ({
   analyticsContext,
   appearance,
+  ariaLabel,
+  ariaLabelledBy,
   autoFocus,
   buttonType,
   icon: Icon,
@@ -38,6 +40,7 @@ const useIconButton = ({
   shape,
   shouldFitContainer,
   spacing,
+  testId,
   UNSAFE_size
 }) => {
   const hasOverlay = Boolean(overlay || isLoading);
@@ -46,6 +49,8 @@ const useIconButton = ({
     analyticsContext,
     appearance,
     autoFocus,
+    ariaLabel,
+    ariaLabelledBy,
     buttonType,
     children: /*#__PURE__*/React.createElement(Content, {
       type: "icon",
@@ -75,7 +80,8 @@ const useIconButton = ({
       spacing,
       appearance,
       isDisabled,
-      isSelected
+      isSelected,
+      testId
     }) : overlay,
     ref,
     shouldFitContainer,

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

@@ -0,0 +1 @@
+export const LOADING_LABEL = ', Loading';