@aic-kits/react 0.7.0 → 0.8.0

package/dist/components/Art/EmojiArt.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { EmojiArtProps } from './types';
-export declare const EmojiArt: ({ art, width, height, style, "data-testid": testId, ...rest }: EmojiArtProps) => React.ReactElement;
+export declare const EmojiArt: ({ art, size, style, "data-testid": testId, ...rest }: EmojiArtProps) => React.ReactElement;

package/dist/components/Art/IconArt.d.ts

@@ -1,3 +1,7 @@
 import { default as React } from 'react';
 import { IconArtProps } from './types';
-export declare const IconArt: ({ art, width, height, color, style, "data-testid": testId, ...rest }: IconArtProps) => React.ReactElement;
+/**
+ * Renders a Phosphor icon within a layout Box.
+ * The specific icon is determined by the `art` prop (kebab-case name).
+ */
+export declare const IconArt: ({ art, size, color, weight, style, "data-testid": testId, ...rest }: IconArtProps) => React.ReactElement | null;

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

@@ -1,15 +1,24 @@
+import { Icon, IconWeight } from '@phosphor-icons/react';
 import { default as React } from 'react';
-import { Size } from '../../theme/common';
+import { Size, Color } from '../../theme/common';
 import { BoxProps } from '../Box';
-export interface BaseArtProps extends BoxProps {
+export interface WidthHeightProps {
     /**
      * Width of the art
      */
-    width?: string | number;
+    width?: Size | string | number;
     /**
      * Height of the art
      */
     height?: Size | string | number;
+}
+export interface SizeProps {
+    /**
+     * Size of the art
+     */
+    size?: Size | string | number;
+}
+export interface BaseArtProps extends Omit<BoxProps, 'width' | 'height'> {
     /**
      * Testing id of the component
      */
@@ -19,21 +28,28 @@ export interface BaseArtProps extends BoxProps {
      */
     style?: React.CSSProperties;
 }
-export interface IconArtProps extends BaseArtProps {
+export interface IconArtProps extends BaseArtProps, SizeProps {
     /**
      * Type of the art
      */
     type?: 'icon';
     /**
-     * Icon name
+     * Name of the Phosphor icon (e.g., 'house', 'heart', 'airplane-in-flight').
+     * Must be a valid key from the `phosphorIconMap`.
      */
-    art: string;
+    art: Icon;
+    /**
+     * Color of the icon. Can be a theme color key or any valid CSS color string.
+     * @default 'currentColor'
+     */
+    color?: Color | string;
     /**
-     * Color of the icon
+     * Icon weight (stroke style).
+     * @default 'regular'
      */
-    color?: string;
+    weight?: IconWeight;
 }
-export interface EmojiArtProps extends BaseArtProps {
+export interface EmojiArtProps extends BaseArtProps, SizeProps {
     /**
      * Type of the art
      */
@@ -43,7 +59,7 @@ export interface EmojiArtProps extends BaseArtProps {
      */
     art: string;
 }
-export interface SvgArtProps extends BaseArtProps {
+export interface SvgArtProps extends BaseArtProps, WidthHeightProps {
     /**
      * Type of the art
      */
@@ -53,7 +69,7 @@ export interface SvgArtProps extends BaseArtProps {
      */
     art: React.FunctionComponent<React.SVGAttributes<SVGElement>> | string;
 }
-export interface ImageArtProps extends BaseArtProps {
+export interface ImageArtProps extends BaseArtProps, WidthHeightProps {
     /**
      * Type of the art
      */
@@ -63,7 +79,7 @@ export interface ImageArtProps extends BaseArtProps {
      */
     art: string;
 }
-export interface BrandArtProps extends BaseArtProps {
+export interface BrandArtProps extends BaseArtProps, WidthHeightProps {
     /**
      * Type of the art
      */

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

@@ -33,4 +33,9 @@ declare const StyledButtonIconWrapper: import('styled-components/dist/types').IS
 }, ButtonIconWrapperProps>> & string & Omit<(props: import('..').BoxProps & {
     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>>;
-export { StyledButtonContainer, StyledButtonText, StyledButtonIconWrapper, };
+type ButtonIconProps = {
+    $themeColor: Color;
+    $themeTextColor?: Color;
+};
+declare const StyledButtonIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('..').IconArtProps | import('..').EmojiArtProps | import('..').SvgArtProps | import('..').ImageArtProps | import('..').BrandArtProps, ButtonIconProps>> & string & Omit<(props: import('..').ArtProps) => React.ReactElement, keyof import('react').Component<any, {}, any>>;
+export { StyledButtonContainer, StyledButtonText, StyledButtonIconWrapper, StyledButtonIcon, };

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

@@ -1,3 +1,4 @@
+import { Icon } from '@phosphor-icons/react';
 import { Color } from '../../theme';
 export interface ButtonProps {
     /**
@@ -7,7 +8,7 @@ export interface ButtonProps {
     /**
      * Places an icon within the button, before the button's text
      */
-    icon?: React.ReactNode;
+    icon?: Icon;
     /**
      * Visual color to apply to button.
      * For 'solid' variant, sets background color.
@@ -31,7 +32,7 @@ export interface ButtonProps {
     /**
      * Places an icon within the button, after the button's text
      */
-    rightIcon?: React.ReactNode;
+    rightIcon?: Icon;
     /**
      * Corner style of button.
      */