gantri-components 2.211.0 → 2.213.0

package/dist/components/badge/badge.styles.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { BadgeProps } from './badge.types';
-export declare const StyledBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<BadgeProps, "color" | "size" | "minWidth" | "width" | "variant" | "opacity" | "borderColor" | "textColor">>> & string;
+export declare const StyledBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<BadgeProps, "color" | "size" | "minWidth" | "width" | "variant" | "opacity" | "borderColor" | "emphasized" | "semanticColor" | "textColor">>> & string;

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

@@ -2,14 +2,18 @@ import { CSSProperties, MouseEvent } from 'react';
 import { PaletteColor } from '../../styles/theme';
 import { IconType } from '../icon/icon.type';
 export type BadgeSize = 'large' | 'small' | 'tiny';
+export type BadgeSemanticColor = 'green' | 'blue' | 'yellow' | 'red' | 'transparent';
 export interface BadgeProps {
     borderColor?: PaletteColor;
     className?: string;
     color?: PaletteColor;
+    emphasized?: boolean;
     icon?: IconType;
     minWidth?: string;
     onClick?: (event?: MouseEvent) => void;
     opacity?: string;
+    rightIcon?: IconType;
+    semanticColor?: BadgeSemanticColor;
     size?: BadgeSize;
     style?: CSSProperties;
     text?: string;

package/dist/components/icon/icon-catalog.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Icon Visual Catalog
+ *
+ * A comprehensive catalog mapping each icon to its visual description
+ * and search keywords. Use this to identify the correct icon name
+ * from a visual description or screenshot.
+ *
+ * Usage: `<Icon name="category:icon_name" />`
+ */
+export interface IconCatalogEntry {
+    /** Searchable keywords for finding the icon */
+    keywords: string[];
+    /** Available variants (e.g., "filled", "24") */
+    variants: string[];
+    /** Human-readable description of the icon's visual shape */
+    visualDescription: string;
+}
+export declare const iconCatalog: Record<string, IconCatalogEntry>;
+/**
+ * Search the icon catalog by keyword.
+ * Returns matching icon names sorted by relevance (number of keyword matches).
+ */
+export declare const searchIcons: (query: string) => string[];

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

@@ -1,3 +1,5 @@
 export { IconsList } from './icon.type';
 export { IconPresets } from './icon.presets';
 export { Icon } from './icon';
+export { iconCatalog, searchIcons } from './icon-catalog';
+export type { IconCatalogEntry } from './icon-catalog';

package/dist/components/option-selector/option-selector.types.d.ts

@@ -37,8 +37,8 @@ export interface OptionSelectorProps {
     labelTxValues?: Record<string, unknown>;
     /** Typography variant for the label. */
     labelVariant?: ResolutionAwareProp<TextVariant>;
-    /** Optional name for form integration. */
-    name?: string;
+    /** Name for form field binding. */
+    name: string;
     /** Whether the field is required. */
     required?: boolean;
     /** Formik integration props - injected by FormikInput. */