@goodhood-web/ui 1.11.0-development.2 → 1.11.0-development.4

package/lib/CheckboxInput/CheckboxInput.d.ts

@@ -1,4 +1,4 @@
 import { CheckboxInputProps } from './CheckboxInput.types';
 
-export declare function CheckboxInput({ checked, disabled, id, label, onChange, size, }: CheckboxInputProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function CheckboxInput({ checked, children, className, disabled, id, label, onChange, size, }: CheckboxInputProps): import("react/jsx-runtime").JSX.Element | null;
 export default CheckboxInput;

package/lib/CheckboxInput/CheckboxInput.types.d.ts

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes } from 'react';
+import { InputHTMLAttributes, ReactNode } from 'react';
 
 export declare enum CheckboxInputSizes {
     medium = "body-large",
@@ -6,7 +6,9 @@ export declare enum CheckboxInputSizes {
     tiny = "detail-medium"
 }
 export interface CheckboxInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    children?: ReactNode;
+    className?: string;
     id: string;
-    label: string;
+    label?: string;
     size?: keyof typeof CheckboxInputSizes;
 }

package/lib/LabelPill/LabelPill.d.ts

@@ -1,4 +1,4 @@
 import { LabelPillProps } from './LabelPill.types';
 
-declare const LabelPill: ({ className, label, size }: LabelPillProps) => import("react/jsx-runtime").JSX.Element;
+declare const LabelPill: ({ className, color, label, shape, size, }: LabelPillProps) => import("react/jsx-runtime").JSX.Element;
 export default LabelPill;

package/lib/LabelPill/LabelPill.types.d.ts

@@ -1,5 +1,17 @@
-export interface LabelPillProps {
+export type Color = 'teal' | 'lavender';
+interface CommonProps {
     className?: string;
     label: string;
+}
+export interface TileProps extends CommonProps {
+    color?: never;
+    shape: 'tile';
     size: 'small' | 'medium';
 }
+export interface PillProps extends CommonProps {
+    color?: Color;
+    shape?: 'pill';
+    size: 'small' | 'medium' | 'large';
+}
+export type LabelPillProps = TileProps | PillProps;
+export {};

package/lib/SelectablePill/SelectablePill.d.ts

@@ -1,4 +1,4 @@
 import { SelectablePillProps } from './SelectablePill.types';
 
-declare const SelectablePill: ({ disabled, icon, id, isSelected, label, onToggleChange, orientation, style, variant, }: SelectablePillProps) => import("react/jsx-runtime").JSX.Element;
+declare const SelectablePill: ({ disabled, icon, id, isSelected, label, onToggleChange, orientation, popular, style, value, variant, }: SelectablePillProps) => import("react/jsx-runtime").JSX.Element;
 export default SelectablePill;

package/lib/SelectablePill/SelectablePill.types.d.ts

@@ -6,8 +6,13 @@ export interface SelectablePillProps {
     id: string;
     isSelected?: boolean;
     label: string;
-    onToggleChange?: (id: string, value: boolean) => void;
+    onToggleChange?: (value: {
+        id: string;
+        value: string;
+    }) => void;
     orientation?: 'horizontal' | 'vertical';
+    popular?: string;
     style?: 'outline' | 'filled';
+    value: string;
     variant?: 'default' | 'large' | 'medium';
 }

package/lib/SelectablePillGroup/SelectablePillGroup.d.ts

@@ -1,4 +1,4 @@
 import { ToggleButtonGroupProps } from './SelectablePillGroup.types';
 
-declare const SelectablePillGroup: ({ className, items, multiselect, onChange, togglable, }: ToggleButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+declare const SelectablePillGroup: ({ className, items, multiselect, onChange, selectedItems, togglable, }: ToggleButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
 export default SelectablePillGroup;

package/lib/SelectablePillGroup/SelectablePillGroup.types.d.ts

@@ -4,6 +4,13 @@ export interface ToggleButtonGroupProps {
     className?: string;
     items: SelectablePillProps[];
     multiselect: boolean;
-    onChange: (selectedPills: string[]) => void;
+    onChange: (pills: {
+        id: string;
+        value: string;
+    }[]) => void;
+    selectedItems: {
+        id: string;
+        value: string;
+    }[];
     togglable?: boolean;
 }

package/lib/TextButton/TextButton.d.ts

@@ -2,6 +2,7 @@ import { TextButtonProps } from './TextButton.types';
 
 export declare const typographyType: {
     large: string;
+    link: string;
     medium: string;
     small: string;
 };

package/lib/TextButton/TextButton.types.d.ts

@@ -8,7 +8,7 @@ export interface TextButtonProps extends Omit<ButtonProps, 'role' | 'className'>
     color: 'green' | 'blue' | 'deepPurple';
     leftIcon?: ReactElement<IconProps | NotificationBubbleProps>;
     rightIcon?: ReactElement<IconProps | NotificationBubbleProps>;
-    size: 'large' | 'medium' | 'small';
+    size: 'large' | 'medium' | 'small' | 'link';
     text: string;
     type?: 'button' | 'submit' | 'reset';
 }

package/lib/Typography/Typography.ui-test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/ui",
-  "version": "1.11.0-development.2",
+  "version": "1.11.0-development.4",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {