@atlaskit/button 21.1.5 → 21.1.7

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

@@ -1,639 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-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 _primitives = require("@atlaskit/primitives");
-var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
-var _splitButtonContext = require("../../containers/split-button/split-button-context");
-var _blockEvents = _interopRequireDefault(require("./block-events"));
-var _constants = require("./constants");
-var _loadingOverlay = _interopRequireDefault(require("./loading-overlay"));
-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 && {}.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; }
-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; }
-var buttonStyles = (0, _primitives.xcss)({
-  display: 'inline-flex',
-  boxSizing: 'border-box',
-  width: 'auto',
-  maxWidth: '100%',
-  position: 'relative',
-  alignItems: 'baseline',
-  justifyContent: 'center',
-  columnGap: 'space.050',
-  borderRadius: 'border.radius.100',
-  borderWidth: 'border.width.0',
-  flexShrink: 0,
-  height: '2rem',
-  font: 'font.body',
-  fontWeight: 'font.weight.medium',
-  paddingBlock: 'space.075',
-  paddingInlineEnd: 'space.150',
-  paddingInlineStart: 'space.150',
-  textAlign: 'center',
-  transition: 'background 0.1s ease-out',
-  verticalAlign: 'middle',
-  '::after': {
-    borderRadius: 'inherit',
-    inset: 'space.0',
-    borderStyle: 'solid',
-    borderWidth: "var(--ds-border-width, 1px)",
-    pointerEvents: 'none',
-    position: 'absolute'
-  }
-});
-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, ")")
-  },
-  ':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, ")")
-  }
-});
-var defaultInteractiveRefreshedStyles = (0, _primitives.xcss)({
-  ':hover': {
-    background: "var(--ds-background-neutral-subtle-hovered, #091E420F)",
-    color: 'color.text.subtle'
-  },
-  ':active': {
-    background: "var(--ds-background-neutral-subtle-pressed, #091E4224)",
-    color: 'color.text.subtle'
-  }
-});
-var defaultStyles = (0, _primitives.xcss)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-  background: "var(--ds-background-neutral, ".concat(colors.N20A, ")"),
-  // @ts-expect-error — using tokens for explicit fallback usage.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values --  -- Ignored via go/DSP-18766
-  color: "var(--ds-text, ".concat(colors.N500, ")"),
-  ':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, ")")
-  },
-  ':hover': {
-    // @ts-expect-error — using tokens for explicit fallback usage.
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values --  -- Ignored via go/DSP-18766
-    color: "var(--ds-text, ".concat(colors.N500, ")")
-  },
-  ':active': {
-    // @ts-expect-error — using tokens for explicit fallback usage.
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values --  -- Ignored via go/DSP-18766
-    color: "var(--ds-text, ".concat(colors.N500, ")")
-  },
-  ':focus': {
-    // @ts-expect-error — using tokens for explicit fallback usage.
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values --  -- Ignored via go/DSP-18766
-    color: "var(--ds-text, ".concat(colors.N500, ")")
-  }
-});
-var defaultRefreshedStyles = (0, _primitives.xcss)({
-  background: "var(--ds-background-neutral-subtle, #00000000)",
-  color: 'color.text.subtle',
-  '::after': {
-    content: '""',
-    borderColor: 'color.border'
-  },
-  ':visited': {
-    color: 'color.text.subtle'
-  },
-  ':hover': {
-    color: 'color.text.subtle'
-  },
-  ':active': {
-    color: 'color.text.subtle'
-  },
-  ':focus': {
-    color: 'color.text.subtle'
-  }
-});
-var primaryStyles = (0, _primitives.xcss)({
-  background: "var(--ds-background-brand-bold, #0052CC)",
-  color: 'color.text.inverse',
-  ':visited': {
-    color: 'color.text.inverse'
-  },
-  ':hover': {
-    color: 'color.text.inverse'
-  },
-  ':active': {
-    color: 'color.text.inverse'
-  },
-  ':focus': {
-    color: 'color.text.inverse'
-  }
-});
-var primaryInteractiveStyles = (0, _primitives.xcss)({
-  ':hover': {
-    // @ts-expect-error
-    color: "var(--ds-text-inverse, #FFFFFF)",
-    background: "var(--ds-background-brand-bold-hovered, #0065FF)"
-  },
-  ':active': {
-    // @ts-expect-error
-    color: "var(--ds-text-inverse, #FFFFFF)",
-    background: "var(--ds-background-brand-bold-pressed, #0747A6)"
-  }
-});
-var warningStyles = (0, _primitives.xcss)({
-  background: "var(--ds-background-warning-bold, #FFAB00)",
-  // @ts-expect-error
-  color: "var(--ds-text-warning-inverse, #172B4D)",
-  ':visited': {
-    // @ts-expect-error
-    color: "var(--ds-text-warning-inverse, #172B4D)"
-  },
-  ':hover': {
-    // @ts-expect-error
-    color: "var(--ds-text-warning-inverse, #172B4D)"
-  },
-  ':active': {
-    // @ts-expect-error
-    color: "var(--ds-text-warning-inverse, #172B4D)"
-  },
-  ':focus': {
-    // @ts-expect-error
-    color: "var(--ds-text-warning-inverse, #172B4D)"
-  }
-});
-var warningInteractiveStyles = (0, _primitives.xcss)({
-  ':hover': {
-    // @ts-expect-error
-    color: "var(--ds-text-warning-inverse, #172B4D)",
-    background: "var(--ds-background-warning-bold-hovered, #FFC400)"
-  },
-  ':active': {
-    // @ts-expect-error
-    color: "var(--ds-text-warning-inverse, #172B4D)",
-    background: "var(--ds-background-warning-bold-pressed, #FF991F)"
-  }
-});
-var dangerStyles = (0, _primitives.xcss)({
-  background: "var(--ds-background-danger-bold, #DE350B)",
-  color: 'color.text.inverse',
-  ':visited': {
-    color: 'color.text.inverse'
-  },
-  ':hover': {
-    color: 'color.text.inverse'
-  },
-  ':active': {
-    color: 'color.text.inverse'
-  },
-  ':focus': {
-    color: 'color.text.inverse'
-  }
-});
-var dangerInteractiveStyles = (0, _primitives.xcss)({
-  ':hover': {
-    color: 'color.text.inverse',
-    background: "var(--ds-background-danger-bold-hovered, #FF5630)"
-  },
-  ':active': {
-    color: 'color.text.inverse',
-    background: "var(--ds-background-danger-bold-pressed, #BF2600)"
-  }
-});
-var discoveryStyles = (0, _primitives.xcss)({
-  background: "var(--ds-background-discovery-bold, #5243AA)",
-  color: 'color.text.inverse',
-  ':visited': {
-    color: 'color.text.inverse'
-  },
-  ':hover': {
-    color: 'color.text.inverse'
-  },
-  ':active': {
-    color: 'color.text.inverse'
-  },
-  ':focus': {
-    color: 'color.text.inverse'
-  }
-});
-var discoveryInteractiveStyles = (0, _primitives.xcss)({
-  ':hover': {
-    color: 'color.text.inverse',
-    background: "var(--ds-background-discovery-bold-hovered, #8777D9)"
-  },
-  ':active': {
-    color: 'color.text.inverse',
-    background: "var(--ds-background-discovery-bold-pressed, #5243AA)"
-  }
-});
-var subtleStyles = (0, _primitives.xcss)({
-  background: "var(--ds-background-neutral-subtle, transparent)",
-  // @ts-expect-error
-  color: "var(--ds-text, #42526E)",
-  ':visited': {
-    // @ts-expect-error
-    color: "var(--ds-text, #42526E)"
-  },
-  ':hover': {
-    // @ts-expect-error
-    color: "var(--ds-text, #42526E)"
-  },
-  ':active': {
-    // @ts-expect-error
-    color: "var(--ds-text, #42526E)"
-  },
-  ':focus': {
-    // @ts-expect-error
-    color: "var(--ds-text, #42526E)"
-  }
-});
-var subtleRefreshedStyles = (0, _primitives.xcss)({
-  background: "var(--ds-background-neutral-subtle, transparent)",
-  color: 'color.text.subtle',
-  ':visited': {
-    color: 'color.text.subtle'
-  },
-  ':hover': {
-    color: 'color.text.subtle'
-  },
-  ':active': {
-    color: 'color.text.subtle'
-  },
-  ':focus': {
-    color: 'color.text.subtle'
-  }
-});
-var subtleInteractiveStyles = (0, _primitives.xcss)({
-  ':hover': {
-    background: "var(--ds-background-neutral-subtle-hovered, #091e4214)",
-    // @ts-expect-error
-    color: "var(--ds-text, #42526E)"
-  },
-  ':active': {
-    background: "var(--ds-background-neutral-subtle-pressed, #B3D4FF)",
-    // @ts-expect-error
-    color: "var(--ds-text, #42526E)"
-  }
-});
-var subtleInteractiveRefreshedStyles = (0, _primitives.xcss)({
-  ':hover': {
-    background: "var(--ds-background-neutral-subtle-hovered, #091e4214)",
-    color: 'color.text.subtle'
-  },
-  ':active': {
-    background: "var(--ds-background-neutral-subtle-pressed, #B3D4FF)",
-    color: 'color.text.subtle'
-  }
-});
-
-// Reinforce existing styles with higher specificity
-// to defend against global anchor styles from products,
-// preventing issues in Jira and Confluence.
-var linkDefensiveStyles = (0, _primitives.xcss)({
-  textDecoration: 'none',
-  ':hover': {
-    textDecoration: 'none'
-  },
-  ':active': {
-    textDecoration: 'none'
-  },
-  ':focus': {
-    textDecoration: 'none'
-  },
-  ':visited': {
-    textDecoration: 'none'
-  }
-});
-var disabledStyles = (0, _primitives.xcss)({
-  cursor: 'not-allowed',
-  // 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, ")"),
-  color: 'color.text.disabled',
-  '::after': {
-    content: 'none'
-  },
-  ':visited': {
-    color: 'color.text.disabled'
-  },
-  ':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, ")"),
-    color: 'color.text.disabled'
-  },
-  ':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, ")"),
-    color: 'color.text.disabled'
-  },
-  ':focus': {
-    color: 'color.text.disabled'
-  }
-});
-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, ")")
-  },
-  ':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, ")")
-  },
-  ':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, ")")
-  },
-  ':focus': {
-    // @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 selectedRefreshedStyles = (0, _primitives.xcss)({
-  background: "var(--ds-background-selected, #E9F2FF)",
-  color: 'color.text.selected',
-  '::after': {
-    content: '""',
-    borderColor: 'color.border.selected'
-  },
-  ':visited': {
-    color: 'color.text.selected'
-  },
-  ':hover': {
-    color: 'color.text.selected'
-  },
-  ':active': {
-    color: 'color.text.selected'
-  },
-  ':focus': {
-    color: 'color.text.selected'
-  }
-});
-var selectedInsideSplitButtonStyles = (0, _primitives.xcss)({
-  // This is 2 so it appears above the split button divider when selected.
-  // See split-button.tsx.
-  // @ts-expect-error — We need a local zindex just for button.
-  zIndex: 2
-});
-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, ")")
-  }
-});
-
-// TODO: Remove me once we kill color fallbacks
-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)"
-  }
-});
-var spacingCompactStyles = (0, _primitives.xcss)({
-  columnGap: 'space.050',
-  height: '1.5rem',
-  paddingBlock: 'space.025',
-  paddingInlineEnd: 'space.150',
-  paddingInlineStart: 'space.150',
-  verticalAlign: 'middle'
-});
-var circleStyles = (0, _primitives.xcss)({
-  borderRadius: 'border.radius.circle'
-});
-var fullWidthStyles = (0, _primitives.xcss)({
-  width: '100%'
-});
-var loadingStyles = (0, _primitives.xcss)({
-  cursor: 'progress'
-});
-var iconButtonStyles = (0, _primitives.xcss)({
-  height: '2rem',
-  width: '2rem',
-  paddingInlineEnd: 'space.0',
-  paddingInlineStart: 'space.0'
-});
-var iconButtonCompactStyles = (0, _primitives.xcss)({
-  width: '1.5rem',
-  height: '1.5rem'
-});
-var buttonIconBeforeStyles = (0, _primitives.xcss)({
-  paddingInlineStart: 'space.100'
-});
-var buttonIconAfterStyles = (0, _primitives.xcss)({
-  paddingInlineEnd: 'space.100'
-});
-var splitButtonStyles = (0, _primitives.xcss)({
-  ':focus-visible': {
-    zIndex: 'card'
-  }
-});
-var navigationSplitButtonStyles = (0, _primitives.xcss)({
-  width: '24px',
-  backgroundColor: 'color.background.neutral.subtle',
-  paddingInlineEnd: 'space.075',
-  paddingInlineStart: 'space.075'
-});
-var loadingOverlayStyles = (0, _primitives.xcss)({
-  display: 'flex',
-  position: 'absolute',
-  alignItems: 'center',
-  justifyContent: 'center',
-  insetBlockEnd: 'space.0',
-  insetBlockStart: 'space.0',
-  insetInlineEnd: 'space.0',
-  insetInlineStart: 'space.0'
-});
-
-/**
- * __Use button base__
- *
- * A React hook that accepts a set of common Button props,
- * and processes them to return consistent base props for usage
- * across various Button components.
- *
- * It also:
- * - Implements auto focus when enabled.
- * - Appends the `onClick` event with UFO analytics tracking.
- *
- * @private
- */
-var useButtonBase = function useButtonBase(_ref) {
-  var _ref$appearance = _ref.appearance,
-    propAppearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
-    _ref$autoFocus = _ref.autoFocus,
-    autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
-    buttonType = _ref.buttonType,
-    _ref$isDisabled = _ref.isDisabled,
-    propIsDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-    _ref$isLoading = _ref.isLoading,
-    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-    _ref$isSelected = _ref.isSelected,
-    propIsSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
-    _ref$isIconButton = _ref.isIconButton,
-    isIconButton = _ref$isIconButton === void 0 ? false : _ref$isIconButton,
-    _ref$isCircle = _ref.isCircle,
-    isCircle = _ref$isCircle === void 0 ? false : _ref$isCircle,
-    _ref$hasIconBefore = _ref.hasIconBefore,
-    hasIconBefore = _ref$hasIconBefore === void 0 ? false : _ref$hasIconBefore,
-    _ref$hasIconAfter = _ref.hasIconAfter,
-    hasIconAfter = _ref$hasIconAfter === void 0 ? false : _ref$hasIconAfter,
-    children = _ref.children,
-    onClick = _ref.onClick,
-    onMouseDownCapture = _ref.onMouseDownCapture,
-    onMouseUpCapture = _ref.onMouseUpCapture,
-    onKeyDownCapture = _ref.onKeyDownCapture,
-    onKeyUpCapture = _ref.onKeyUpCapture,
-    onTouchStartCapture = _ref.onTouchStartCapture,
-    onTouchEndCapture = _ref.onTouchEndCapture,
-    onPointerDownCapture = _ref.onPointerDownCapture,
-    onPointerUpCapture = _ref.onPointerUpCapture,
-    onClickCapture = _ref.onClickCapture,
-    ref = _ref.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,
-    testId = _ref.testId,
-    ariaLabel = _ref.ariaLabel,
-    ariaLabelledBy = _ref.ariaLabelledBy;
-  var localRef = (0, _react.useRef)(null);
-  var splitButtonContext = (0, _splitButtonContext.useSplitButtonContext)();
-  var loadingLabelId = (0, _useId.useId)();
-  var isSplitButton = Boolean(splitButtonContext);
-  var isNavigationSplitButton = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.isNavigationSplitButton) || false;
-  var isDefaultAppearanceSplitButton = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.appearance) === 'default';
-  var appearance = isDefaultAppearanceSplitButton && (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? 'subtle' : (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.appearance) || propAppearance;
-  var spacing = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.spacing) || propSpacing;
-  var isDisabled = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.isDisabled) || propIsDisabled;
-  var isInteractive = !isDisabled && !isLoading;
-  // Also treat loading buttons as disabled
-  var isEffectivelyDisabled = isDisabled || isLoading;
-  var isSelected = propIsSelected && !isDisabled;
-  (0, _useAutoFocus.default)(localRef, autoFocus);
-  return _objectSpread({
-    ref: (0, _mergeRefs.default)([localRef, ref]),
-    xcss: [buttonStyles, appearance === 'default' && ((0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? defaultRefreshedStyles : defaultStyles), appearance === 'default' && isInteractive && ((0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? defaultInteractiveRefreshedStyles : defaultInteractiveStyles), appearance === 'primary' && primaryStyles, appearance === 'primary' && isInteractive && primaryInteractiveStyles, appearance === 'warning' && warningStyles, appearance === 'warning' && isInteractive && warningInteractiveStyles, appearance === 'danger' && dangerStyles, appearance === 'danger' && isInteractive && dangerInteractiveStyles, appearance === 'discovery' && discoveryStyles, appearance === 'discovery' && isInteractive && discoveryInteractiveStyles, appearance === 'subtle' && ((0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? subtleRefreshedStyles : subtleStyles), appearance === 'subtle' && isInteractive && ((0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? subtleInteractiveRefreshedStyles : subtleInteractiveStyles), buttonType === 'link' && linkDefensiveStyles, isSelected && ((0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? selectedRefreshedStyles : selectedStyles), isSelected && isSplitButton && selectedInsideSplitButtonStyles, isSelected && isInteractive && selectedInteractiveStyles,
-    // TODO: remove me once we kill color fallbacks
-    isSelected && appearance === 'danger' && selectedDangerStyles,
-    // TODO: remove me once we kill color fallbacks
-    isSelected && appearance === 'warning' && selectedWarningStyles,
-    // TODO: remove me once we kill color fallbacks
-    isSelected && appearance === 'discovery' && selectedDiscoveryStyles, isDisabled && disabledStyles, isCircle && !isSplitButton && circleStyles, spacing === 'compact' && spacingCompactStyles, hasIconBefore && buttonIconBeforeStyles, hasIconAfter && buttonIconAfterStyles, isIconButton && iconButtonStyles, isIconButton && spacing === 'compact' && iconButtonCompactStyles, shouldFitContainer && fullWidthStyles, isLoading && loadingStyles, isSplitButton && splitButtonStyles, isNavigationSplitButton && navigationSplitButtonStyles],
-    isDisabled: isEffectivelyDisabled,
-    children: /*#__PURE__*/_react.default.createElement(_splitButtonContext.SplitButtonContext.Provider, {
-      value: undefined
-    }, children, isLoading ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-      as: "span",
-      xcss: loadingOverlayStyles
-    }, (0, _loadingOverlay.default)({
-      spacing: spacing,
-      appearance: appearance,
-      isDisabled: isDisabled,
-      isSelected: isSelected,
-      testId: testId
-    })) : null, isLoading && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && /*#__PURE__*/_react.default.createElement(_visuallyHidden.default, {
-      id: loadingLabelId
-    }, _constants.LOADING_LABEL)),
-    'aria-label': isLoading && ariaLabel && !ariaLabelledBy ? "".concat(ariaLabel, " ").concat(_constants.LOADING_LABEL) : ariaLabel,
-    'aria-labelledby': isLoading && ariaLabelledBy ? "".concat(ariaLabelledBy, " ").concat(loadingLabelId) : ariaLabelledBy
-  }, (0, _blockEvents.default)(isEffectivelyDisabled, {
-    onClick: onClick,
-    onMouseDownCapture: onMouseDownCapture,
-    onMouseUpCapture: onMouseUpCapture,
-    onKeyDownCapture: onKeyDownCapture,
-    onKeyUpCapture: onKeyUpCapture,
-    onTouchStartCapture: onTouchStartCapture,
-    onTouchEndCapture: onTouchEndCapture,
-    onPointerDownCapture: onPointerDownCapture,
-    onPointerUpCapture: onPointerUpCapture,
-    onClickCapture: onClickCapture
-  }));
-};
-var _default = exports.default = useButtonBase;