aha-components 1.8.3 → 1.8.5

package/dist/components/Badge/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { MouseEventHandler, ReactNode } from 'react';
-export type BadgeColor = 'gray' | 'brand' | 'error' | 'warning' | 'success' | 'grayBlue' | 'blueLight' | 'blue' | 'indigo' | 'purple' | 'pink' | 'orange';
+import { type BadgeColorKey } from '../shared/badgeColors';
+export type BadgeColor = BadgeColorKey;
 export type BadgeVariant = 'pill' | 'badge' | 'modern';
 export type BadgeSize = 'sm' | 'md' | 'lg';
 export type BadgeIconComponent = React.FC<{

package/dist/components/Button/index.d.ts

@@ -7,12 +7,12 @@ import React from 'react';
  *   State:      default / hover / focused / disabled / loading
  *   Icon only:  boolean
  */
-export type ButtonHierarchy = 'primary' | 'secondary' | 'tertiary' | 'link-color' | 'link-gray' | 'destructive-primary' | 'destructive-secondary' | 'destructive-tertiary' | 'destructive-link' | 'default';
+export type ButtonHierarchy = 'default' | 'primary' | 'secondary' | 'tertiary' | 'link-color' | 'link-gray' | 'destructive-primary' | 'destructive-secondary' | 'destructive-tertiary' | 'destructive-link';
 export type ButtonSize = 'sm' | 'md' | 'lg' | 'xl' | 'small' | 'mediumSmall' | 'medium' | 'large';
 export type ButtonType = ButtonHierarchy;
 export interface ButtonProps {
     children?: React.ReactNode;
-    /** 按钮层级（对应 Figma Hierarchy）。`default` 为 `secondary` 的旧名 */
+    /** 按钮层级。`default` 为带边框白底（对齐 antd）；`secondary` 为 Figma 无边框 skeuomorphic 样式 */
     type?: ButtonHierarchy;
     /** 按钮尺寸（对应 Figma Size）。旧名会映射到新尺寸 */
     size?: ButtonSize;

package/dist/components/Table/index.d.ts

@@ -163,5 +163,5 @@ export interface TableProps<T = any> {
         getContainer?: () => HTMLElement;
     };
 }
-declare const Table: <T extends Record<string, any> = any>({ columns, dataSource, rowKey, rowSelection, pagination, size, bordered, loading, locale, showHeader, title, footer, summary, scroll, tableLayout, onChange, onSorterChange, onPaginationChange, onRow, className, innerClassName, style, expandable, rowClassName, onHeaderRow, sticky, ...rest }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Table: <T extends Record<string, any> = any>({ columns, dataSource, rowKey, rowSelection, pagination, size, bordered, loading, locale, showHeader, title, footer, summary, scroll, tableLayout, onChange, onSorterChange, onPaginationChange, onRow, className, innerClassName, style, expandable, rowClassName, onHeaderRow, sticky, ...rest }: TableProps<T>) => React.JSX.Element;
 export default Table;

package/dist/components/Toast/icon.d.ts

@@ -1,7 +1,7 @@
 export declare const ToastIcon: {
-    success: import("react/jsx-runtime").JSX.Element;
-    error: import("react/jsx-runtime").JSX.Element;
-    question: import("react/jsx-runtime").JSX.Element;
-    info: import("react/jsx-runtime").JSX.Element;
+    success: import("react").JSX.Element;
+    error: import("react").JSX.Element;
+    question: import("react").JSX.Element;
+    info: import("react").JSX.Element;
 };
-export declare const CloseIcon: ({ className }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const CloseIcon: ({ className }: any) => import("react").JSX.Element;

package/dist/components/shared/badgeColors.d.ts

@@ -0,0 +1,25 @@
+export interface BadgeColorTokens {
+    bg: string;
+    text: string;
+    ring: string;
+    dot: string;
+    btnText: string;
+    btnHoverBg: string;
+    btnHoverText: string;
+}
+export declare const badgeColorTokens: {
+    readonly gray: BadgeColorTokens;
+    readonly brand: BadgeColorTokens;
+    readonly error: BadgeColorTokens;
+    readonly warning: BadgeColorTokens;
+    readonly success: BadgeColorTokens;
+    readonly grayBlue: BadgeColorTokens;
+    readonly blueLight: BadgeColorTokens;
+    readonly blue: BadgeColorTokens;
+    readonly indigo: BadgeColorTokens;
+    readonly purple: BadgeColorTokens;
+    readonly pink: BadgeColorTokens;
+    readonly orange: BadgeColorTokens;
+};
+export type BadgeColorKey = keyof typeof badgeColorTokens;
+export declare function getBadgeColorTokens(variant: 'pill' | 'badge' | 'modern', color: BadgeColorKey): BadgeColorTokens;

package/dist/components/shared/buttonStyles.d.ts

@@ -0,0 +1,18 @@
+export type ButtonNormalizedHierarchy = 'default' | 'primary' | 'secondary' | 'tertiary' | 'link-color' | 'link-gray' | 'destructive-primary' | 'destructive-secondary' | 'destructive-tertiary' | 'destructive-link';
+export interface ButtonVisuals {
+    bg: string;
+    color: string;
+    iconColor: string;
+    border: string;
+    boxShadow: string;
+    textDecoration?: string;
+}
+export declare function getButtonVisuals(options: {
+    hierarchy: ButtonNormalizedHierarchy;
+    disabled: boolean;
+    interactive: boolean;
+    brandColor?: string;
+}): ButtonVisuals;
+export declare function getButtonFocusShadow(hierarchy: ButtonNormalizedHierarchy, showFocusRing: boolean, brandColor?: string): string | undefined;
+export declare const buttonFontFamily: "\"DM Sans\", system-ui, -apple-system, sans-serif";
+export declare const buttonRadiusMd: "8px";

package/dist/components/shared/colorUtils.d.ts

@@ -0,0 +1,6 @@
+/** 默认品牌色（与 ThemeProvider 默认值一致，忽略大小写） */
+export declare const DEFAULT_BRAND_COLOR: "#fb6011";
+export declare function isDefaultBrandColor(color?: string): boolean;
+export declare function resolveBrandColor(color?: string): string;
+/** 品牌 hover 色：与旧版 CSS 变量 fallback `--color-bg-brand-solid_hover` 保持一致 */
+export declare const BRAND_HOVER_COLOR: "#ec470a";

package/dist/components/shared/controlStyles.d.ts

@@ -0,0 +1,27 @@
+import type React from 'react';
+export declare const controlFontFamily: "\"DM Sans\", system-ui, -apple-system, sans-serif";
+export declare const controlFontWeightMedium: 500;
+export declare const controlFontWeightRegular: 400;
+export declare function getControlTypography(size: 'sm' | 'md'): {
+    fontSize: "14px" | "16px";
+    lineHeight: "20px" | "24px";
+    gap: "12px" | "8px";
+    hintGap: string;
+};
+export declare function getCheckboxBorderRadius(size: 'sm' | 'md'): "4px" | "6px";
+export declare function getControlBoxStyles(options: {
+    disabled: boolean;
+    active: boolean;
+    hovered: boolean;
+    brandColor?: string;
+}): {
+    bg: string;
+    border: string;
+};
+export declare function getControlFocusShadow(showFocus: boolean, brandColor?: string): string;
+export declare function getControlLabelStyle(options: {
+    size: 'sm' | 'md';
+    disabled: boolean;
+}): React.CSSProperties;
+export declare function getControlHintStyle(size: 'sm' | 'md'): React.CSSProperties;
+export declare function getControlActiveIconColor(disabled: boolean, active: boolean): string;

package/dist/components/shared/fieldStyles.d.ts

@@ -0,0 +1,37 @@
+import type React from 'react';
+export declare const fieldFontFamily: "\"DM Sans\", system-ui, -apple-system, sans-serif";
+export declare const fieldFontSizeMd: "16px";
+export declare const fieldFontSizeSm: "14px";
+export declare const fieldFontSizeXs: "12px";
+export declare const fieldLineHeightMd: "24px";
+export declare const fieldLineHeightSm: "20px";
+export declare const fieldLineHeightXs: "18px";
+export declare const fieldRadiusMd: "8px";
+export declare const fieldShadowXs: "0px 1px 2px 0px #0a0d120d";
+export declare const fieldSpacingXs: "4px";
+export declare const fieldColors: {
+    readonly textPrimary: "#1c1917";
+    readonly textSecondary: "#44403c";
+    readonly textTertiary: "#57534e";
+    readonly textDisabled: "#79716b";
+    readonly textPlaceholder: "#79716b";
+    readonly borderPrimary: "#d7d3d0";
+    readonly borderDisabled: "#d7d3d0";
+    readonly borderBrand: "#fb6011";
+    readonly borderError: "#f04438";
+    readonly borderErrorSubtle: "#fda29b";
+    readonly bgPrimary: "#ffffff";
+    readonly bgDisabledSubtle: "#fafaf9";
+    readonly fgDisabled: "#a9a29d";
+    readonly fgQuaternary: "#a9a29d";
+    readonly error600: "#d92d20";
+};
+export declare function getFieldFocusStyles(options: {
+    disabled?: boolean;
+    error?: boolean;
+    focused?: boolean;
+    brandColor?: string;
+}): React.CSSProperties;
+export declare function getFieldLabelStyle(): React.CSSProperties;
+export declare function getFieldHintStyle(error?: boolean): React.CSSProperties;
+export declare function getPlaceholderCss(selector: string, extraRules?: string, placeholderColor?: "#79716b"): string;