@indigoai/indigo-design-system 0.10.20 → 0.10.22

package/dist/components/input/text-field-multiline/text-field-multiline.stories.d.ts

@@ -9,3 +9,4 @@ export declare const Default: Story;
 export declare const Icons: Story;
 export declare const Error: Story;
 export declare const Disabled: Story;
+export declare const WithTagsAndIcons: Story;

package/dist/components/input/text-field-multiline/types.d.ts

@@ -1,5 +1,6 @@
 import { TEXT_FIELD_SIZES, TEXT_FIELD_VARIANTS } from '../text-field/constants';
 import { ChangeEvent, FocusEvent } from 'react';
+import { TagProps } from '../../tag';
 
 export type TextFieldSizes = (typeof TEXT_FIELD_SIZES)[number];
 export type TextFieldVariants = (typeof TEXT_FIELD_VARIANTS)[number];
@@ -26,6 +27,8 @@ export type InputTextFieldMultilineProps = {
     resize?: boolean;
     autoResize?: boolean;
     inputClassName?: string;
+    tags?: TagProps[];
+    onTagsChange?: (tags: TagProps[]) => void;
 };
 export type ResizerProps = {
     autoResize?: boolean;

package/dist/components/tag/constants.d.ts

@@ -1,4 +1,9 @@
 export declare const TAG_COLORS: readonly ["gray", "sand", "purple", "green", "red", "salmon", "orange", "pink", "yellow", "darkblue", "lightblue", "mint"];
-export declare const TAG_TYPES: readonly ["soft", "outlined", "filled"];
-export declare const TAG_ICON_SIZE = 12;
+export declare const TAG_TYPES: readonly ["soft", "outlined", "filled", "text"];
+export declare const TAG_ICON_SIZES: {
+    readonly sm: 12;
+    readonly md: 16;
+    readonly lg: 20;
+};
+export type TagIconSize = keyof typeof TAG_ICON_SIZES;
 export declare const TAG_FONT_WEIGHTS: readonly ["semibold", "regular"];

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

@@ -1,4 +1,4 @@
-import { TAG_TYPES, TAG_COLORS, TAG_FONT_WEIGHTS } from './constants';
+import { TAG_TYPES, TAG_COLORS, TAG_FONT_WEIGHTS, TagIconSize } from './constants';
 import { ComponentPropsWithRef, SVGProps } from 'react';
 
 export type TagColor = (typeof TAG_COLORS)[number];
@@ -11,6 +11,7 @@ export type TagProps = {
     variant?: TagVariant;
     fontWeight?: TagFontWeights;
     closeIcon?: boolean;
+    iconSize?: TagIconSize;
     renderIcon?: ((props?: Partial<SVGProps<SVGSVGElement>>) => React.ReactNode) | null;
     onCloseIconClicked?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 } & ComponentPropsWithRef<'div'>;