@veracity/vui/dist/dismissButton/DismissButton.d.ts

Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.

import { PropsOf } from "../utils/types.js";
import "../utils/index.js";
import { SystemProps } from "../system/system.js";
import { VuiComponent } from "../core/vui.js";
import "../index.js";
//#region src/dismissButton/DismissButton.d.ts
type DismissButtonSize = 'xs' | 'sm' | 'md' | 'lg';
declare const DismissButtonBase: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, SystemProps, never>;
/**
 * DismissButton — Icon-only close/dismiss affordance
 *
 * Standalone button component for dismiss actions in compact layouts.
 * Uses currentColor for icon, controlled via CSS custom property --vui-dismiss-fg.
 *
 * @example
 * // Default (md): 32×32
 * <DismissButton onClick={onDismiss} aria-label="Close" />
 *
 * // Small (sm): 24×24 for tags
 * <DismissButton size="sm" onClick={onDismiss} aria-label="Dismiss" />
 *
 * // With color inheritance from parent
 * <div style={{ '--vui-dismiss-fg': '#fff' }}>
 *   <DismissButton size="lg" />
 * </div>
 */
type DismissButtonProps = PropsOf<typeof DismissButtonBase, {
  size?: DismissButtonSize;
}>;
declare const DismissButton: VuiComponent<import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, SystemProps, never>, {
  size?: DismissButtonSize;
}>;
//#endregion
export { DismissButton, DismissButtonProps, type DismissButtonSize };

//# sourceMappingURL=DismissButton.d.ts.map