groovinads-ui 1.9.92 → 1.9.94

package/index.d.ts

@@ -5,6 +5,7 @@ import { ReactNode, MouseEventHandler, ChangeEventHandler, CSSProperties, Dispat
 // ============================================================================
 
 export interface ButtonProps {
+  badge?: string;
   children?: ReactNode;
   className?: string;
   disabled?: boolean;
@@ -13,7 +14,7 @@ export interface ButtonProps {
   hideLabelOnMobile?: boolean;
   onClick?: MouseEventHandler<HTMLButtonElement>;
   processing?: boolean;
-  size?: 'xs' | 'md' | 'lg';
+  size?: 'sm' | 'md' | 'lg';
   startIcon?: string;
   style?: 'default' | 'success' | 'danger' | 'warning' | 'link';
   variant?: 'primary' | 'secondary' | 'terciary' | 'outline';
@@ -44,7 +45,7 @@ export interface DropdownComponentProps {
   setShow?: Dispatch<SetStateAction<boolean>>;
   show?: boolean;
   showError?: boolean;
-  size?: 'xs' | 'md' | 'lg';
+  size?: 'sm' | 'md' | 'lg';
   style?: 'default' | 'success' | 'danger' | 'warning' | 'link';
   variant?: 'primary' | 'secondary' | 'terciary' | 'outline' | 'input';
 }
@@ -83,6 +84,7 @@ export interface DropdownMultiSelectProps {
   onChange: (selectedItems: any[]) => void;
   search?: boolean;
   selectedItems?: Array<{ id: string | number; name: string; [key: string]: any }>;
+  size?: 'sm' | 'md' | 'lg';
 }
 
 export const DropdownMultiSelect: React.FC<DropdownMultiSelectProps>;
@@ -100,6 +102,7 @@ export interface DropdownDatePickerProps {
   minDate?: Date;
   onDateChange: (date: Date | null) => void;
   selectedDate?: Date | null;
+  size?: 'sm' | 'md' | 'lg';
 }
 
 export const DropdownDatePicker: React.FC<DropdownDatePickerProps>;
@@ -118,6 +121,7 @@ export interface DropdownSimpleDatePickerProps {
   minDate?: Date;
   onChange: (dates: [Date | null, Date | null]) => void;
   selectsRange?: boolean;
+  size?: 'sm' | 'md' | 'lg';
   startDate?: Date | null;
 }
 
@@ -157,7 +161,7 @@ export interface InputProps {
   requiredText?: string;
   setShowError?: Dispatch<SetStateAction<boolean>>;
   showError?: boolean;
-  size?: 'xs' | 'md' | 'lg';
+  size?: 'sm' | 'md' | 'lg';
   suffix?: string;
   type?: 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'image' | 'month' | 'number' | 'password' | 'tel' | 'text' | 'time' | 'url' | 'week';
   value?: string | number;
@@ -204,7 +208,7 @@ export interface TextareaProps {
   requiredText?: string;
   rows?: number;
   showError?: boolean;
-  size?: 'xs' | 'md' | 'lg';
+  size?: 'sm' | 'md' | 'lg';
   value?: string;
 }
 
@@ -218,7 +222,7 @@ export interface InputEmailProps {
   name?: string;
   onChange?: ChangeEventHandler<HTMLInputElement>;
   required?: boolean;
-  size?: 'xs' | 'md' | 'lg';
+  size?: 'sm' | 'md' | 'lg';
   value?: string;
 }
 
@@ -234,6 +238,7 @@ export interface InputChipProps {
   keywordsList: string[];
   maxKeywords: number;
   maxKeywordLength: number;
+  name?: string;
   pillColor?: 'blue' | 'danger' | 'dark' | 'green' | 'light' | 'midtone' | 'neutral' | 'red' | 'yellow';
   placeholder: string;
   recomendedKeywords: number;
@@ -281,7 +286,7 @@ export interface BlockIconProps {
   className?: string;
   color?: 'green' | 'grey' | 'yellow' | 'red' | 'danger' | 'neutral' | 'blue' | 'light' | 'midtone' | 'dark';
   name?: string;
-  size?: 'xs' | 'md' | 'lg';
+  size?: 'sm' | 'md' | 'lg';
 }
 
 export const BlockIcon: React.FC<BlockIconProps>;
@@ -297,10 +302,11 @@ export interface EditableContentProps {
 export const EditableContent: React.FC<EditableContentProps>;
 
 export interface IconProps {
+  animation?: 'beat' | 'fade' | 'beat-fade' | 'bounce' | 'flip' | 'shake' | 'spin' | 'spin-reverse' | 'pulse';
   className?: string;
-  iconName: string;
-  scale?: number;
-  style?: 'solid' | 'regular' | 'light' | 'thin' | 'duotone' | 'brands';
+  name?: string;
+  scale?: 0.7 | 1 | 2 | 3 | 4;
+  style?: 'solid' | 'regular' | 'duotone' | 'brands';
 }
 
 export const Icon: React.FC<IconProps>;
@@ -398,7 +404,7 @@ export interface ModalComponentProps {
   onBeforeClose?: () => void;
   setShow: Dispatch<SetStateAction<boolean>>;
   show: boolean;
-  size?: 'sm' | 'md' | 'lg';
+  size?: 'sm' | 'md' | 'lg' | 'xl';
   type?: 'default' | 'confirmation' | 'error';
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "groovinads-ui",
   "description": "Groovinads UI is a React component library designed exclusively for Groovinads applications. It provides ready-to-use UI elements styled according to Groovinads design guidelines to facilitate rapid development.",
-  "version": "1.9.92",
+  "version": "1.9.94",
   "type": "module",
   "keywords": [
     "css",
@@ -85,6 +85,14 @@
     "build-lib": "rollup -c"
   },
   "dependencies": {
+    "@awesome.me/kit-9889deefc5": "^1.0.3",
+    "@fortawesome/duotone-regular-svg-icons": "^7.1.0",
+    "@fortawesome/fontawesome-svg-core": "^7.1.0",
+    "@fortawesome/free-brands-svg-icons": "^7.1.0",
+    "@fortawesome/pro-duotone-svg-icons": "^7.1.0",
+    "@fortawesome/pro-regular-svg-icons": "^7.1.0",
+    "@fortawesome/pro-solid-svg-icons": "^7.1.0",
+    "@fortawesome/react-fontawesome": "^3.1.1",
     "date-fns": "^4.1.0",
     "react-datepicker": "^7.3.0",
     "react-loading-skeleton": "^3.5.0",