@atlaskit/button 21.1.5 → 21.1.7

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

@@ -1,629 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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) { _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; }
-import React, { useRef } from 'react';
-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 { Box, xcss } from '@atlaskit/primitives';
-import * as colors from '@atlaskit/theme/colors';
-import VisuallyHidden from '@atlaskit/visually-hidden';
-import { SplitButtonContext, useSplitButtonContext } from '../../containers/split-button/split-button-context';
-import blockEvents from './block-events';
-import { LOADING_LABEL } from './constants';
-import renderLoadingOverlay from './loading-overlay';
-var buttonStyles = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = xcss({
-  textDecoration: 'none',
-  ':hover': {
-    textDecoration: 'none'
-  },
-  ':active': {
-    textDecoration: 'none'
-  },
-  ':focus': {
-    textDecoration: 'none'
-  },
-  ':visited': {
-    textDecoration: 'none'
-  }
-});
-var disabledStyles = 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 = 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 = 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 = 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 = 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 = 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 = 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 = 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 = xcss({
-  columnGap: 'space.050',
-  height: '1.5rem',
-  paddingBlock: 'space.025',
-  paddingInlineEnd: 'space.150',
-  paddingInlineStart: 'space.150',
-  verticalAlign: 'middle'
-});
-var circleStyles = xcss({
-  borderRadius: 'border.radius.circle'
-});
-var fullWidthStyles = xcss({
-  width: '100%'
-});
-var loadingStyles = xcss({
-  cursor: 'progress'
-});
-var iconButtonStyles = xcss({
-  height: '2rem',
-  width: '2rem',
-  paddingInlineEnd: 'space.0',
-  paddingInlineStart: 'space.0'
-});
-var iconButtonCompactStyles = xcss({
-  width: '1.5rem',
-  height: '1.5rem'
-});
-var buttonIconBeforeStyles = xcss({
-  paddingInlineStart: 'space.100'
-});
-var buttonIconAfterStyles = xcss({
-  paddingInlineEnd: 'space.100'
-});
-var splitButtonStyles = xcss({
-  ':focus-visible': {
-    zIndex: 'card'
-  }
-});
-var navigationSplitButtonStyles = xcss({
-  width: '24px',
-  backgroundColor: 'color.background.neutral.subtle',
-  paddingInlineEnd: 'space.075',
-  paddingInlineStart: 'space.075'
-});
-var loadingOverlayStyles = 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 = useRef(null);
-  var splitButtonContext = useSplitButtonContext();
-  var loadingLabelId = 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 && 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;
-  useAutoFocus(localRef, autoFocus);
-  return _objectSpread({
-    ref: mergeRefs([localRef, ref]),
-    xcss: [buttonStyles, appearance === 'default' && (fg('platform-component-visual-refresh') ? defaultRefreshedStyles : defaultStyles), appearance === 'default' && isInteractive && (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' && (fg('platform-component-visual-refresh') ? subtleRefreshedStyles : subtleStyles), appearance === 'subtle' && isInteractive && (fg('platform-component-visual-refresh') ? subtleInteractiveRefreshedStyles : subtleInteractiveStyles), buttonType === 'link' && linkDefensiveStyles, isSelected && (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.createElement(SplitButtonContext.Provider, {
-      value: undefined
-    }, children, isLoading ? /*#__PURE__*/React.createElement(Box, {
-      as: "span",
-      xcss: loadingOverlayStyles
-    }, renderLoadingOverlay({
-      spacing: spacing,
-      appearance: appearance,
-      isDisabled: isDisabled,
-      isSelected: isSelected,
-      testId: testId
-    })) : null, isLoading && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && /*#__PURE__*/React.createElement(VisuallyHidden, {
-      id: loadingLabelId
-    }, LOADING_LABEL)),
-    'aria-label': isLoading && ariaLabel && !ariaLabelledBy ? "".concat(ariaLabel, " ").concat(LOADING_LABEL) : ariaLabel,
-    'aria-labelledby': isLoading && ariaLabelledBy ? "".concat(ariaLabelledBy, " ").concat(loadingLabelId) : ariaLabelledBy
-  }, blockEvents(isEffectivelyDisabled, {
-    onClick: onClick,
-    onMouseDownCapture: onMouseDownCapture,
-    onMouseUpCapture: onMouseUpCapture,
-    onKeyDownCapture: onKeyDownCapture,
-    onKeyUpCapture: onKeyUpCapture,
-    onTouchStartCapture: onTouchStartCapture,
-    onTouchEndCapture: onTouchEndCapture,
-    onPointerDownCapture: onPointerDownCapture,
-    onPointerUpCapture: onPointerUpCapture,
-    onClickCapture: onClickCapture
-  }));
-};
-export default useButtonBase;

package/dist/types/new-button/variants/default/use-default-button.d.ts

@@ -1,16 +0,0 @@
-import { type UseButtonBaseArgs, type UseButtonBaseReturn } from '../shared/use-button-base';
-import type { CommonButtonProps } from '../types';
-import type { CommonDefaultButtonProps } from './types';
-type UseDefaultButtonArgs<TagName extends HTMLElement> = UseButtonBaseArgs<TagName> & CommonDefaultButtonProps & Pick<CommonButtonProps<TagName>, 'testId'>;
-type UseButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagName>;
-/**
- * __Use default button base__
- *
- * A React hook that accepts a set of default Button props,
- * and processes them to return consistent base props for usage
- * across Button and LinkButton variants.
- *
- * @private
- */
-declare const useDefaultButton: <TagName extends HTMLElement>({ analyticsContext, appearance, ariaLabel, ariaLabelledBy, autoFocus, buttonType, children, iconAfter, iconBefore, interactionName, isDisabled, isLoading, isSelected, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, ref, shouldFitContainer, spacing, testId, }: UseDefaultButtonArgs<TagName>) => UseButtonReturn<TagName>;
-export default useDefaultButton;

package/dist/types/new-button/variants/icon/use-icon-button.d.ts

@@ -1,16 +0,0 @@
-import { type UseButtonBaseArgs, type UseButtonBaseReturn } from '../shared/use-button-base';
-import type { CommonButtonProps } from '../types';
-import type { CommonIconButtonProps } from './types';
-type UseIconButtonArgs<TagName extends HTMLElement> = Omit<UseButtonBaseArgs<TagName>, 'children'> & Omit<CommonIconButtonProps, 'isTooltipDisabled' | 'tooltip'> & Pick<CommonButtonProps<TagName>, 'testId'>;
-type UseIconButtonReturn<TagName extends HTMLElement> = UseButtonBaseReturn<TagName>;
-/**
- * __Use icon button__
- *
- * A React hook that accepts a set of icon Button props,
- * and processes them to return consistent base props for usage
- * across IconButton and LinkIconButton variants.
- *
- * @private
- */
-declare const useIconButton: <TagName extends HTMLElement>({ analyticsContext, appearance, ariaLabel, ariaLabelledBy, autoFocus, buttonType, icon, interactionName, isDisabled, isLoading, isSelected, label, onClick, onClickCapture, onKeyDownCapture, onKeyUpCapture, onMouseDownCapture, onMouseUpCapture, onPointerDownCapture, onPointerUpCapture, onTouchEndCapture, onTouchStartCapture, ref, shape, shouldFitContainer, spacing, testId, }: UseIconButtonArgs<TagName>) => UseIconButtonReturn<TagName>;
-export default useIconButton;