@eclass/ui-kit 1.54.4 → 1.54.5

package/dist/organisms/Modals/Modal/Modal.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
 import { IModal } from '../types';
-export declare const Modal: ({ buttons, buttonsCenter, buttonsColumn, buttonsInside, children, closeOnOverlayClick, fixedSubtitle, isOpen, onClose, title, withoutMargin, scrollBehavior, }: IModal) => JSX.Element;
+export declare const uiKitModalIsDesktop = 641;
+export declare const Modal: ({ children, closeOnOverlayClick, fixedSubtitle, isOpen, onClose, title, withoutMargin, scrollBehavior, fixedButtons, }: IModal) => JSX.Element;
 //# sourceMappingURL=Modal.d.ts.map

package/dist/organisms/Modals/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/organisms/Modals/Modal/Modal.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,eAAO,MAAM,KAAK,mKAaf,MAAM,KAAG,WA4GX,CAAA"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/organisms/Modals/Modal/Modal.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,eAAO,MAAM,mBAAmB,MAAM,CAAA;AAEtC,eAAO,MAAM,KAAK,2HAUf,MAAM,KAAG,WAqFX,CAAA"}

package/dist/organisms/Modals/Modal/ModalButtons.d.ts

@@ -1,4 +1,16 @@
 /// <reference types="react" />
 import { IModalButtons } from '../types';
-export declare const ModalButtons: ({ buttons, buttonsCenter, buttonsColumn, buttonsInside, isDesktop, px, py, }: IModalButtons) => JSX.Element;
+/**
+ * Componente que renderiza los botones de un modal.
+ * @example
+ * <ModalButtons>
+ *  <BtnPrimary as="button" onClick={() => onClose()}>Aceptar</BtnPrimary>
+ *  <BtnSecondary as="button" onClick={() => onClose()}>Cancelar</BtnSecondary>
+ * </ModalButtons>
+ */
+export declare const ModalButtons: ({ children, buttonsCenter, buttonsColumn, }: IModalButtons) => JSX.Element;
+export declare const ModalContent: ({ children, pb, }: {
+    children: React.ReactNode;
+    pb?: string | undefined;
+}) => JSX.Element;
 //# sourceMappingURL=ModalButtons.d.ts.map

package/dist/organisms/Modals/Modal/ModalButtons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalButtons.d.ts","sourceRoot":"","sources":["../../../../src/organisms/Modals/Modal/ModalButtons.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAIxC,eAAO,MAAM,YAAY,iFAQtB,aAAa,KAAG,WA+ClB,CAAA"}
+{"version":3,"file":"ModalButtons.d.ts","sourceRoot":"","sources":["../../../../src/organisms/Modals/Modal/ModalButtons.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAMxC;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,gDAItB,aAAa,KAAG,WAuBlB,CAAA;AAED,eAAO,MAAM,YAAY;cAIb,MAAM,SAAS;;MAEvB,WAMH,CAAA"}

package/dist/organisms/Modals/ModalAlert/ModalAlert.d.ts

@@ -1,4 +1,15 @@
 /// <reference types="react" />
 import { IModalAlert } from '../types';
-export declare const ModalAlertNew: ({ type, isOpen, onClose, title, description, buttons, status, }: IModalAlert) => JSX.Element;
+export declare const ModalAlertNew: ({ type, isOpen, onClose, children, title, description, status, }: IModalAlert) => JSX.Element;
+/**
+ * Componente que renderiza los botones de un modal alert.
+ * @example
+ * <ModalAlertButtons>
+ *  <BtnLink as="button" onClick={() => onClose()}>Cancelar</BtnLink>
+ *  <BtnLink as="button" onClick={() => onClose()}>Aceptar</BtnLink>
+ * </ModalAlertButtons>
+ */
+export declare const ModalAlertButtons: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
 //# sourceMappingURL=ModalAlert.d.ts.map

package/dist/organisms/Modals/ModalAlert/ModalAlert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalAlert.d.ts","sourceRoot":"","sources":["../../../../src/organisms/Modals/ModalAlert/ModalAlert.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAMtC,eAAO,MAAM,aAAa,oEAQvB,WAAW,KAAG,WA+EhB,CAAA"}
+{"version":3,"file":"ModalAlert.d.ts","sourceRoot":"","sources":["../../../../src/organisms/Modals/ModalAlert/ModalAlert.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAMtC,eAAO,MAAM,aAAa,qEAQvB,WAAW,KAAG,WAqDhB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB;cAA8B,MAAM,SAAS;MAAK,WAyB/E,CAAA"}

package/dist/organisms/Modals/index.d.ts

@@ -1,3 +1,4 @@
 export { Modal } from './Modal/Modal';
-export { ModalAlertNew } from './ModalAlert/ModalAlert';
+export { ModalButtons, ModalContent } from './Modal/ModalButtons';
+export { ModalAlertNew, ModalAlertButtons } from './ModalAlert/ModalAlert';
 //# sourceMappingURL=index.d.ts.map

package/dist/organisms/Modals/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organisms/Modals/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organisms/Modals/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/organisms/Modals/resetStyleModal.d.ts

@@ -4,6 +4,7 @@ export declare const overlay: {
 };
 export declare const dialog: {
     boxShadow: string;
+    bg: string;
     borderRadius: string;
 };
 //# sourceMappingURL=resetStyleModal.d.ts.map

package/dist/organisms/Modals/resetStyleModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resetStyleModal.d.ts","sourceRoot":"","sources":["../../../src/organisms/Modals/resetStyleModal.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AACD,eAAO,MAAM,MAAM;;;CAGlB,CAAA"}
+{"version":3,"file":"resetStyleModal.d.ts","sourceRoot":"","sources":["../../../src/organisms/Modals/resetStyleModal.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AACD,eAAO,MAAM,MAAM;;;;CAIlB,CAAA"}

package/dist/organisms/Modals/types.d.ts

@@ -1,17 +1,4 @@
 export interface IModal {
-  buttons?: Array<{
-    type?: 'primary' | 'secondary'
-    action: () => void
-    text: string
-    isLoading?: boolean
-    isDisabled?: boolean
-  }>
-  /** Si es un solo botón tiene la opción de centrar este  */
-  buttonsCenter?: boolean
-  /** muestran en columna en mobile, por defecto es true */
-  buttonsColumn?: boolean
-  /** Si esta activo los botones se muestran dentro del contenido, le afecta el scroll */
-  buttonsInside?: boolean
   children: React.ReactNode
   /** Por defecto esta activo y permite cerrar el modal haciendo click fuera del modal */
   closeOnOverlayClick?: boolean
@@ -24,24 +11,25 @@ export interface IModal {
   withoutMargin?: boolean
   /** Como quiero el scroll, dentro del modal o el modal incluido (por defecto es el último) */
   scrollBehavior?: 'inside' | 'outside'
+  /** Si esta activo se fija el footer */
+  fixedButtons?: boolean
 }
 
 export interface IModalButtons {
-  buttons: IModal['buttons']
-  buttonsCenter?: IModal['buttonsCenter']
-  buttonsColumn?: IModal['buttonsColumn']
-  buttonsInside?: boolean
+  children: React.ReactNode
+  buttonsCenter?: boolean
+  px?: string | number
+  py?: string | number
+  buttonsColumn?: boolean
   isDesktop?: boolean
-  px: string
-  py: string
 }
 
 export interface IModalAlert {
+  children?: React.ReactNode
   isOpen: boolean
   onClose: () => void
   title?: string
   description?: string
   type: 'info' | 'loading'
   status?: 'success' | 'error' | 'warning' | 'info'
-  buttons?: Array<{ action: () => void; text: string }>
 }