lawgic-dev-kit 0.22.2 → 0.22.6

package/dist/node_modules/@fortawesome/pro-solid-svg-icons/index.js

@@ -4,30 +4,35 @@
  * Copyright 2024 Fonticons, Inc.
  */
 const c = {
+  prefix: "fas",
+  iconName: "circle",
+  icon: [512, 512, [128308, 128309, 128992, 128993, 128994, 128995, 128996, 9679, 9898, 9899, 11044, 61708, 61915], "f111", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"]
+}, s = {
   prefix: "fas",
   iconName: "magnifying-glass",
   icon: [512, 512, [128269, "search"], "f002", "M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"]
-}, s = {
+}, n = {
   prefix: "fas",
   iconName: "chevron-down",
   icon: [512, 512, [], "f078", "M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"]
-}, n = {
+}, f = {
   prefix: "fas",
   iconName: "plus",
   icon: [448, 512, [10133, 61543, "add"], "2b", "M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z"]
-}, f = {
+}, a = {
   prefix: "fas",
   iconName: "chevron-left",
   icon: [320, 512, [9001], "f053", "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"]
-}, a = {
+}, o = {
   prefix: "fas",
   iconName: "check",
   icon: [448, 512, [10003, 10004], "f00c", "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"]
 };
 export {
-  a as faCheck,
-  s as faChevronDown,
-  f as faChevronLeft,
-  c as faMagnifyingGlass,
-  n as faPlus
+  o as faCheck,
+  n as faChevronDown,
+  a as faChevronLeft,
+  c as faCircle,
+  s as faMagnifyingGlass,
+  f as faPlus
 };

package/dist/src/components/atoms/Chip/Chip.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface ChipProps {
+    bgColor?: string;
+    textColor?: string;
+    label?: string | React.ReactNode;
+    labelClassName?: string;
+    className?: string;
+    size?: "sm" | "md";
+    showDot?: boolean;
+    style?: React.CSSProperties;
+}
+declare const Chip: React.FC<ChipProps>;
+export default Chip;

package/dist/src/components/atoms/Chip/index.d.ts

@@ -0,0 +1 @@
+export { default as Chip } from "./Chip";

package/dist/src/components/atoms/InformationDisclaimer/InformationDisclaimer.styles.d.ts

@@ -1,3 +1,9 @@
 import { InformationDisclaimerType } from "./InformationDisclaimer.types";
-export declare const resolveDisclaimerClasses: (type: InformationDisclaimerType) => "bg-yellow-50 border-2 border-yellow-500" | "bg-red-50 border-2 border-red-500" | "bg-blue-50 border-2 border-blue-500";
-export declare const resolveIconColor: (type: InformationDisclaimerType) => "text-blue-500" | "text-red-500" | "text-yellow-500";
+export declare const resolveSizeStyles: (size: "small" | "normal") => {
+    containerStyles: string;
+    titleStyles: string;
+    descriptionStyles: string;
+    iconStyles: string;
+};
+export declare const resolveIconColor: (type: InformationDisclaimerType) => "bg-green-100 text-green-500" | "bg-yellow-100 text-yellow-500" | "bg-red-100 text-red-500" | "bg-blue-100 text-blue-500";
+export declare const resolveIcon: (type: InformationDisclaimerType) => "info" | import("@fortawesome/fontawesome-common-types").IconDefinition;

package/dist/src/components/atoms/InformationDisclaimer/InformationDisclaimer.types.d.ts

@@ -1,10 +1,10 @@
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
-export type InformationDisclaimerType = "informative" | "warning" | "error";
+export type InformationDisclaimerType = "success" | "informative" | "warning" | "error";
 export type InformationDisclaimerProps = {
     title: string;
     description: string;
     className?: string;
-    icon?: IconProp;
+    showIcon?: boolean;
     type?: InformationDisclaimerType;
     iconClassName?: string;
+    size?: "small" | "normal";
 };

package/dist/src/components/atoms/LoadingSpinner/LoadingSpinner.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export interface LoadingSpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: 'circle' | 'cube';
     size?: number;
-    strokeWidth?: number;
     color?: string;
 }
 declare const LoadingSpinner: React.FC<LoadingSpinnerProps>;

package/dist/src/components/atoms/PasswordInput/PasswordInput.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { PasswordInputProps } from "./PasswordInput.types";
 import { FieldValues } from "react-hook-form";
-declare const PasswordInput: <T extends FieldValues>({ label, control, name, placeholder, className, disabled, leftSide, }: PasswordInputProps<T>) => React.ReactElement;
+declare const PasswordInput: <T extends FieldValues>({ label, control, name, placeholder, className, disabled, size, leftSide, }: PasswordInputProps<T>) => React.ReactElement;
 export default PasswordInput;

package/dist/src/components/atoms/PasswordInput/PasswordInput.types.d.ts

@@ -4,6 +4,7 @@ export type PasswordInputProps<T extends FieldValues> = {
     placeholder?: string;
     className?: string;
     disabled?: boolean;
+    size?: 'sm' | 'md';
     control: Control<T>;
     name: Path<T>;
     leftSide?: React.ReactNode;

package/dist/src/components/atoms/SelectInput/SelectInput.types.d.ts

@@ -15,7 +15,7 @@ export interface SelectInputProps<T extends FieldValues> {
     innerClassName?: string;
     dropdownStyle?: React.CSSProperties;
     showChevron?: boolean;
-    size?: 'sm' | 'base';
+    size?: 'sm' | 'md';
 }
 export interface SelectInputFieldProps {
     options: Option[];
@@ -29,5 +29,5 @@ export interface SelectInputFieldProps {
     innerClassName?: string;
     dropdownStyle?: React.CSSProperties;
     showChevron?: boolean;
-    size?: 'sm' | 'base';
+    size?: 'sm' | 'md';
 }

package/dist/src/components/atoms/TextInput/TextInput.types.d.ts

@@ -5,7 +5,7 @@ export type TextInputProps<T extends FieldValues = FieldValues> = {
     className?: string;
     disabled?: boolean;
     translateKey?: string;
-    size?: 'sm' | 'base';
+    size?: 'sm' | 'md';
     control: Control<T>;
     name: Path<T>;
     leftSide?: React.ReactNode;

package/dist/src/components/atoms/UncontrolledSelector/UncontrolledSelector.d.ts

@@ -17,7 +17,7 @@ interface UncontrolledSelectorProps {
     innerClassName?: string;
     dropdownStyle?: React.CSSProperties;
     showChevron?: boolean;
-    size?: 'sm' | 'base';
+    size?: 'sm' | 'md';
 }
 declare const UncontrolledSelector: React.FC<UncontrolledSelectorProps>;
 export default UncontrolledSelector;

package/dist/src/components/atoms/UncontrolledTextInput/UncontrolledTextInput.types.d.ts

@@ -8,7 +8,7 @@ export type UncontrolledTextInputProps = {
     error?: string | undefined;
     disabled?: boolean;
     disabledInput?: boolean;
-    size?: 'sm' | 'base';
+    size?: 'sm' | 'md';
     leftSide?: React.ReactNode;
     rightSide?: React.ReactNode;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;

package/dist/src/components/atoms/index.d.ts

@@ -6,6 +6,7 @@ export * from "./BoxContainer/index";
 export * from "./Button/index";
 export * from "./CenterModal/index";
 export * from "./Checkbox/index";
+export * from "./Chip/index";
 export * from "./CountryInput/index";
 export * from "./CountryLabel/index";
 export * from "./CountrySelectInput/index";

package/dist/src/components/molecules/DateInput/DateInput.d.ts

@@ -8,7 +8,7 @@ export type DateInputProps<T extends FieldValues = FieldValues> = {
     translateKey?: string;
     futureDates?: boolean;
     pastDates?: boolean;
-    size?: "sm" | "base";
+    size?: "sm" | "md";
 };
 declare const DateInput: <T extends FieldValues = FieldValues>({ control, name, showTimeSelector, label, translateKey, placeholder, futureDates, pastDates, size, }: DateInputProps<T>) => React.ReactElement;
 export default DateInput;

package/dist/src/components/molecules/MultiSelectDropdown/MultiSelectDropdown.d.ts

@@ -2,10 +2,11 @@ import React from 'react';
 export type Option = {
     label: string;
     value: string | number;
+    dividerBefore?: boolean;
     colors?: {
-        dot?: string;
-        background?: string;
-        text?: string;
+        bgColor?: string;
+        textColor?: string;
+        dotColor?: string;
     };
 };
 interface MultiSelectDropdownProps {
@@ -17,7 +18,7 @@ interface MultiSelectDropdownProps {
     allowSearch?: boolean;
     className?: string;
     disabled?: boolean;
-    size?: 'sm' | 'base';
+    size?: 'sm' | 'md';
 }
 declare const MultiSelectDropdown: React.FC<MultiSelectDropdownProps>;
 export default MultiSelectDropdown;

package/dist/src/components/molecules/SingleSelectDropdown/SingleSelectDropdown.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export type Option = {
+    label: string;
+    value: string | number;
+    dividerBefore?: boolean;
+    colors?: {
+        bgColor?: string;
+        textColor?: string;
+        dotColor?: string;
+    };
+};
+interface SingleSelectDropdownProps {
+    label?: string;
+    options: Option[];
+    selectedValue?: string | number | null;
+    onUpdate: (value: string | number | null) => void;
+    placeholder?: string;
+    allowSearch?: boolean;
+    className?: string;
+    disabled?: boolean;
+    size?: 'sm' | 'md';
+    showRadio?: boolean;
+}
+declare const SingleSelectDropdown: React.FC<SingleSelectDropdownProps>;
+export default SingleSelectDropdown;

package/dist/src/components/molecules/SingleSelectDropdown/index.d.ts

@@ -0,0 +1 @@
+export { default as SingleSelectDropdown } from "./SingleSelectDropdown";

package/dist/src/components/molecules/UncontrolledDateInput/UncontrolledDateInput.d.ts

@@ -11,6 +11,6 @@ export type UncontrolledDateInputProps = {
     minDate?: Date;
     maxDate?: Date;
     customDisplay?: React.ReactNode;
-    size?: "sm" | "base";
+    size?: "sm" | "md";
 };
 export default function UncontrolledDateInput({ currentDate, onDateChange, label, placeholder, error, translatedKey, showTimeSelector, futureDates, pastDates, minDate, maxDate, customDisplay, size, }: UncontrolledDateInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/molecules/index.d.ts

@@ -18,5 +18,6 @@ export * from "./PillsContainer";
 export * from "./SideModal";
 export * from "./FiltersMenu";
 export * from "./MultiSelectDropdown";
+export * from "./SingleSelectDropdown";
 export * from "./EmptyState";
 export * from "./Tooltip";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lawgic-dev-kit",
-  "version": "0.22.2",
+  "version": "0.22.6",
   "description": "Componentes de UI para Lawgic",
   "type": "module",
   "private": false,
@@ -154,4 +154,4 @@
       "plugin:storybook/recommended"
     ]
   }
-}
+}