aha-components 1.8.4 → 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/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;