@aic-kits/react 0.10.4 → 0.11.0

package/dist/components/Tag/StyledTag.d.ts

@@ -0,0 +1,29 @@
+import { Color, FontSize, Radius, Size, Space, TagSize, TagVariant, Theme } from '../../theme';
+export declare const getTagTextColor: (theme: Theme, color: Color, textColor?: Color, variant?: TagVariant) => string;
+export interface StyledTagProps {
+    $variant: TagVariant;
+    $color: Color;
+    $textColor?: Color;
+    $size: TagSize;
+    $radius: Radius | string;
+    $paddingVertical: Space;
+    $paddingHorizontal: Space;
+    $fontSize: FontSize;
+    $gap: Space;
+    $iconSize: Size;
+}
+export declare const StyledTagContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('..').BoxProps & {
+    ref?: import('react').ForwardedRef<HTMLDivElement>;
+}, StyledTagProps>> & 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 declare const StyledTagText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('..').TextProps & {
+    useRichText?: boolean;
+}, {
+    $color: Color;
+    $textColor?: Color;
+    $variant: TagVariant;
+    $fontSize: FontSize;
+}>> & string & Omit<(props: import('..').TextProps & {
+    useRichText?: boolean;
+}) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TagProps } from './types';
+export declare const Tag: React.FC<TagProps>;

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

@@ -0,0 +1,55 @@
+import { Icon } from '@phosphor-icons/react';
+import { Color, Radius, TagSize, TagVariant } from '../../theme';
+import { BoxProps } from '../Box';
+export interface TagProps extends BoxProps {
+    /**
+     * The variant style of the tag.
+     * 'solid': Filled background.
+     * 'outlined': Transparent background with border.
+     * @default 'solid'
+     */
+    variant?: TagVariant;
+    /**
+     * The base color scheme of the tag. Affects background/border and potentially text color.
+     * @default 'primary'
+     */
+    color?: Color;
+    /**
+     * The explicit color for the tag text. Overrides default logic based on variant/color.
+     */
+    textColor?: Color;
+    /**
+     * The size of the tag, affecting padding and font size.
+     * @default 'md'
+     */
+    size?: TagSize;
+    /**
+     * The border radius of the tag. Can use theme keys or specific pixel values.
+     * @default 'full'
+     */
+    radius?: Radius;
+    /**
+     * Icon to display before the main children.
+     */
+    icon?: Icon;
+    /**
+     * Icon to display after the main children.
+     */
+    rightIcon?: Icon;
+    /**
+     * Optional content to display before the main children, like an icon.
+     */
+    leftElement?: React.ReactNode;
+    /**
+     * Optional content to display after the main children, like a close button.
+     */
+    rightElement?: React.ReactNode;
+    /**
+     * The main content of the tag.
+     */
+    children: React.ReactNode;
+    /**
+     * Testing ID
+     */
+    'data-testid'?: string;
+}

package/dist/components/index.d.ts

@@ -13,3 +13,4 @@ export * from './Touchable';
 export * from './Vimeo';
 export * from './Carousel';
 export * from './Accordion';
+export * from './Tag';