gantri-components 2.158.2 → 2.158.3-beta.1

package/dist/components/pills/components/pill/pill.d.ts

@@ -1,3 +1,6 @@
-import { FC } from 'react';
+import React from 'react';
 import { PillProps } from './pill.types';
-export declare const Pill: FC<PillProps>;
+export declare const Pill: {
+    <Value extends string | number>(props: PillProps<Value>): React.JSX.Element;
+    displayName: string;
+};

package/dist/components/pills/components/pill/pill.types.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-export interface PillProps {
+export interface PillProps<Value extends string | number> {
     icon?: JSX.Element;
-    onSelected?: (value: string | number) => void;
+    onSelected?: (value: Value) => void;
     selected?: boolean;
     text?: string;
     tx?: string;
     txValues?: Record<string, unknown>;
-    value: string | number;
+    value: Value;
 }

package/dist/components/pills/pills.d.ts

@@ -1,3 +1,3 @@
-import { FC, PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { PillsProps } from './pills.types';
-export declare const Pills: FC<PropsWithChildren<PillsProps>>;
+export declare const Pills: <Value extends string | number>(props: React.PropsWithChildren<PillsProps<Value>>) => React.JSX.Element;

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

@@ -1,11 +1,16 @@
 import { ChangeEvent, FocusEvent } from 'react';
 import { BlurChangeEvent } from '../dropdown';
-export interface PillsProps {
+import { GridProps } from '../grid/grid.types';
+export interface PillsProps<Value extends string | number> extends Partial<Omit<GridProps, 'onBlur' | 'onChange' | 'onFocus' | 'onSelect'>> {
+    className?: string;
+    /** If `true`, styles the pills so they are all the same size. */
+    equalPills?: boolean;
     name?: string;
     onBlur?: (event: BlurChangeEvent) => void;
     onChange?: (event: PillsChangeEvent) => void;
     onFocus?: (event: FocusChangeEvent) => void;
-    value?: string | number | undefined;
+    onSelect?: (value: Value) => void;
+    value?: Value;
 }
 export interface PillsChangeEvent<T = string | number> extends Pick<ChangeEvent<HTMLInputElement>, Exclude<keyof ChangeEvent<HTMLInputElement>, 'target'>> {
     target: {