@eclass/ui-kit 1.9.2 → 1.10.0

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./atoms";
+export * from "./molecules";
 export * from "./organisms";
 export * from "./theme";

package/dist/molecules/Buttons/Btn.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+interface colorScheme {
+    main: string;
+    hover: string;
+}
+export interface propsBaseBtns {
+    children?: React.ReactNode;
+    disabled?: boolean;
+    isFullWidth?: boolean;
+    leftIcon?: React.ReactElement;
+    m?: string;
+    isLoading?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+    rightIcon?: React.ReactElement;
+    size?: 'regular' | 'small';
+}
+interface props extends propsBaseBtns {
+    bg?: colorScheme;
+    /** Colores para el efecto del :active son necesarios dos */
+    borderColorActive?: string[];
+    color?: string;
+    fillLoader?: string;
+    rounded?: boolean;
+    touchDark?: boolean;
+}
+/**
+ * Componente Btn
+ *
+ * Dibuja un boton base que posee todo lo estipulado en
+ * @see https://zeroheight.com/15698077d/p/358e93-buttons
+ *
+ * @example <Btn>Lorem</Btn>
+ */
+export declare function Btn({ bg, borderColorActive, children, color, disabled, fillLoader, isFullWidth, leftIcon, m, isLoading, onClick, rightIcon, rounded, size, touchDark, }: props): JSX.Element;
+export declare namespace Btn {
+    var displayName: string;
+}
+export {};

package/dist/molecules/Buttons/BtnPrimary.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { propsBaseBtns } from './Btn';
+/**
+ * Componente BtnPrimary
+ *
+ * @see https://zeroheight.com/15698077d/p/358e93-buttons
+ *
+ * @example <BtnPrimary>Lorem</BtnPrimary>
+ */
+export declare function BtnPrimary({ children, disabled, isFullWidth, leftIcon, m, isLoading, onClick, rightIcon, size, }: propsBaseBtns): JSX.Element;
+export declare namespace BtnPrimary {
+    var displayName: string;
+}

package/dist/molecules/Buttons/BtnSecondary.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { propsBaseBtns } from './Btn';
+/**
+ * Componente BtnSecondary
+ *
+ * @see https://zeroheight.com/15698077d/p/358e93-buttons
+ *
+ * @example <BtnSecondary>Lorem</BtnSecondary>
+ */
+export declare function BtnSecondary({ children, disabled, isFullWidth, leftIcon, m, isLoading, onClick, rightIcon, size, }: propsBaseBtns): JSX.Element;
+export declare namespace BtnSecondary {
+    var displayName: string;
+}

package/dist/molecules/Buttons/BtnTertiary.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface propsTertiaryBtn {
+    children?: React.ReactNode;
+    rightIcon?: boolean;
+    withoutColor?: boolean;
+    m?: string;
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+}
+export declare function BtnTertiary({ children, rightIcon, withoutColor, m, onClick, }: propsTertiaryBtn): JSX.Element;
+export declare namespace BtnTertiary {
+    var displayName: string;
+}

package/dist/molecules/index.d.ts

@@ -0,0 +1,4 @@
+export { Btn } from './Buttons/Btn';
+export * from './Buttons/BtnPrimary';
+export * from './Buttons/BtnSecondary';
+export * from './Buttons/BtnTertiary';

package/dist/theme/utils.d.ts

@@ -4,6 +4,7 @@ export declare const borders: {
     active: string;
     success: string;
     error: string;
+    white: string;
 };
 /**
  * Valores definidos en el sistema de diseños eclass.
@@ -14,6 +15,28 @@ export declare const radii: {
     big: string;
     rounded: string;
 };
+/**
+ * Valores definidos en el sistema de diseños eclass.
+ * @see https://zeroheight.com/15698077d/p/787e81-shadows--elevation
+ */
+export declare const shadows: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+/**
+ * Valores definidos en el sistema de diseños eclass.
+ * @see https://zeroheight.com/15698077d/p/04fce7-spacial-units
+ */
+export declare const space: {
+    xxs: string;
+    xs: string;
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+    xxl: string;
+};
 export declare const utils: {
     borders: {
         normal: string;
@@ -21,10 +44,25 @@ export declare const utils: {
         active: string;
         success: string;
         error: string;
+        white: string;
     };
     radii: {
         small: string;
         big: string;
         rounded: string;
     };
+    shadows: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    space: {
+        xxs: string;
+        xs: string;
+        s: string;
+        m: string;
+        l: string;
+        xl: string;
+        xxl: string;
+    };
 };