@aic-kits/react 0.2.0 → 0.3.0

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

@@ -3,6 +3,9 @@ type ButtonContainerProps = {
     backgroundColor: Color | 'disabled';
     borderRadius: string;
     disabled?: boolean;
+    variant: 'solid' | 'outlined' | 'text';
+    color: Color;
+    themePadding?: string;
 };
 declare const StyledButtonContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('..').BoxProps & {
     ref?: import('react').ForwardedRef<HTMLDivElement>;
@@ -10,9 +13,10 @@ declare const StyledButtonContainer: import('styled-components/dist/types').ISty
     ref?: import('react').ForwardedRef<HTMLDivElement>;
 }) => ReturnType<({ children, style, "data-testid": testId, ...otherProps }: import('..').BoxProps, ref: import('react').ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element>, keyof import('react').Component<any, {}, any>>;
 type ButtonTextProps = {
-    themeColor: Color | 'disabled';
+    themeColor: Color;
     themeTextColor?: Color;
     disabled?: boolean;
+    variant: 'solid' | 'outlined' | 'text';
 };
 declare const StyledButtonText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('..').TextProps & {
     useRichText?: boolean;

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

@@ -11,10 +11,14 @@ export interface ButtonProps {
     icon?: React.ReactNode;
     /**
      * Visual color to apply to button.
+     * For 'solid' variant, sets background color.
+     * For 'outlined' variant, sets border and text color.
+     * For 'text' variant, sets text color.
      */
     color?: Color;
     /**
      * Visual color to apply to button's text.
+     * Overrides the default text color derived from the variant and color prop.
      */
     textColor?: Color;
     /**
@@ -33,6 +37,11 @@ export interface ButtonProps {
      * Corner style of button.
      */
     corner?: 'circle' | 'rounded' | 'square';
+    /**
+     * Button style variant.
+     * @default 'solid'
+     */
+    variant?: 'solid' | 'outlined' | 'text';
     /**
      * Additional style.
      */
@@ -50,5 +59,5 @@ export interface ButtonProps {
      */
     flex?: number | string;
 }
-export declare const Button: ({ disabled, icon, color, textColor, loading, onClick, rightIcon, corner, style, "data-testid": testId, text, ...rest }: ButtonProps) => React.ReactElement;
+export declare const Button: ({ disabled, icon, color, textColor, loading, onClick, rightIcon, corner, variant, style, "data-testid": testId, text, ...rest }: ButtonProps) => React.ReactElement;
 export * from './utils';

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

@@ -1,3 +1,3 @@
 import { Theme } from '../../theme';
 import { Color } from '../../theme/common';
-export declare const getTextColor: (theme: Theme, backgroundColor: Color | "disabled", textColor?: Color) => string;
+export declare const getTextColor: (theme: Theme, color: Color, textColor?: Color, variant?: "solid" | "outlined" | "text", disabled?: boolean) => string;

package/dist/components/Header/HeaderAuth.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { HeaderProps } from './types';
+interface HeaderAuthProps {
+    isSignedIn?: boolean;
+    userProfile?: HeaderProps['userProfile'];
+    onSignInClick?: () => void;
+    onRegisterClick?: () => void;
+    onProfileClick?: () => void;
+}
+export declare const HeaderAuth: React.FC<HeaderAuthProps>;
+export {};

package/dist/components/Header/HeaderLogo.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface HeaderLogoProps {
+    onLogoClick?: () => void;
+}
+export declare const HeaderLogo: React.FC<HeaderLogoProps>;
+export {};

package/dist/components/Header/HeaderNav.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { NavItem } from './types';
+interface HeaderNavProps {
+    navItems?: NavItem[];
+    onNavItemClick?: (item: NavItem) => void;
+}
+export declare const HeaderNav: React.FC<HeaderNavProps>;
+export {};

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

@@ -2,3 +2,6 @@ import { default as React } from 'react';
 import { HeaderProps } from './types';
 export declare const Header: React.FC<HeaderProps>;
 export * from './types';
+export * from './HeaderLogo';
+export * from './HeaderNav';
+export * from './HeaderAuth';

package/dist/components/Touchable/types.d.ts

@@ -1,11 +1,6 @@
 import { default as React } from 'react';
-import { TouchableHapticFeedbackType } from '../../theme';
 import { BoxProps } from '../Box';
 export interface TouchableProps extends React.HTMLAttributes<HTMLDivElement>, BoxProps {
-    /**
-     * Haptic feedback type (not used in web, but kept for API compatibility)
-     */
-    hapticFeedback?: TouchableHapticFeedbackType;
     /**
      * Touchable's content.
      */