@eclass/ui-kit 1.41.3 → 1.42.1

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

@@ -4,6 +4,7 @@ interface colorScheme {
     hover: string;
 }
 export interface propsBaseBtns {
+    ariaLabel?: string;
     children?: React.ReactNode;
     disabled?: boolean;
     isFullWidth?: boolean;
@@ -12,6 +13,7 @@ export interface propsBaseBtns {
     isLoading?: boolean;
     onClick?: (e: React.MouseEvent<HTMLElement>) => void;
     rightIcon?: React.ReactElement;
+    role?: 'button' | 'link';
     size?: 'regular' | 'small';
     type?: 'button' | 'submit' | 'reset';
     tabIndex?: number;
@@ -34,7 +36,7 @@ interface props extends propsBaseBtns {
  *
  * @example <Btn>Lorem</Btn>
  */
-export declare function Btn({ bg, borderColorActive, children, color, disabled, fillLoader, isFullWidth, leftIcon, m, isLoading, onClick, rightIcon, rounded, size, touchDark, type, tabIndex, id, }: props): JSX.Element;
+export declare function Btn({ ariaLabel, bg, borderColorActive, children, color, disabled, fillLoader, id, isFullWidth, isLoading, leftIcon, m, onClick, rightIcon, role, rounded, size, touchDark, type, tabIndex, }: props): JSX.Element;
 export declare namespace Btn {
     var displayName: string;
 }

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

@@ -1,15 +1,18 @@
 /// <reference types="react" />
 export interface props {
+    as?: 'button' | 'a';
+    ariaLabel?: string;
     children?: React.ReactNode;
+    fontSize?: string | '0.875rem';
+    href?: string;
+    id?: string;
     m?: string;
-    as?: 'button' | 'a';
     onClick?: (e: React.MouseEvent<HTMLElement>) => void;
-    id?: string;
-    href?: string;
+    role?: 'button' | 'link';
+    tabIndex?: number;
     textDecorationLine?: boolean;
-    fontSize?: string | '0.875rem';
 }
-export declare function BtnLink({ children, m, onClick, id, as, href, textDecorationLine, fontSize, }: props): JSX.Element;
+export declare function BtnLink({ as, ariaLabel, children, fontSize, href, id, m, onClick, role, tabIndex, textDecorationLine, }: props): JSX.Element;
 export declare namespace BtnLink {
     var displayName: string;
 }

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

@@ -7,7 +7,18 @@ import { propsBaseBtns } from './Btn';
  *
  * @example <BtnPrimary>Lorem</BtnPrimary>
  */
-export declare function BtnPrimary({ children, disabled, isFullWidth, leftIcon, m, isLoading, onClick, rightIcon, size, type, tabIndex, id, }: propsBaseBtns): JSX.Element;
+declare type XOR<T, U> = T | U extends object ? (T extends U ? never : T) | (U extends T ? never : U) : T | U;
+interface ButtonWithTextProps extends propsBaseBtns {
+    children: React.ReactNode;
+    ariaLabel?: string;
+}
+interface ButtonWithoutTextProps extends propsBaseBtns {
+    children?: React.ReactNode;
+    ariaLabel: string;
+}
+declare type PrimaryButtonProps = XOR<ButtonWithTextProps, ButtonWithoutTextProps>;
+export declare function BtnPrimary({ ariaLabel, children, disabled, isFullWidth, leftIcon, m, isLoading, onClick, rightIcon, role, size, type, tabIndex, id, }: PrimaryButtonProps): JSX.Element;
 export declare namespace BtnPrimary {
     var displayName: string;
 }
+export {};

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

@@ -7,7 +7,18 @@ import { propsBaseBtns } from './Btn';
  *
  * @example <BtnSecondary>Lorem</BtnSecondary>
  */
-export declare function BtnSecondary({ children, disabled, isFullWidth, leftIcon, m, isLoading, onClick, rightIcon, size, type, tabIndex, id, }: propsBaseBtns): JSX.Element;
+declare type XOR<T, U> = T | U extends object ? (T extends U ? never : T) | (U extends T ? never : U) : T | U;
+interface ButtonWithTextProps extends propsBaseBtns {
+    children: React.ReactNode;
+    ariaLabel?: string;
+}
+interface ButtonWithoutTextProps extends propsBaseBtns {
+    children?: React.ReactNode;
+    ariaLabel: string;
+}
+declare type SecondaryButtonProps = XOR<ButtonWithTextProps, ButtonWithoutTextProps>;
+export declare function BtnSecondary({ ariaLabel, children, disabled, isFullWidth, leftIcon, m, isLoading, onClick, rightIcon, role, size, type, tabIndex, id, }: SecondaryButtonProps): JSX.Element;
 export declare namespace BtnSecondary {
     var displayName: string;
 }
+export {};

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

@@ -1,20 +1,31 @@
 /// <reference types="react" />
+declare type XOR<T, U> = T | U extends object ? (T extends U ? never : T) | (U extends T ? never : U) : T | U;
 export interface propsTertiaryBtn {
-    iconStatus?: 'answer' | 'ahead' | 'back' | 'edit' | 'delete' | 'more' | 'password' | 'multimedia' | 'record' | 'download' | 'noIcon';
-    children?: React.ReactNode;
-    rightIcon?: boolean;
+    activeWhenPress?: boolean;
+    id?: string;
     iconCustom?: JSX.Element;
-    withoutColor?: boolean;
+    iconStatus?: 'answer' | 'ahead' | 'back' | 'edit' | 'delete' | 'more' | 'password' | 'multimedia' | 'record' | 'download' | 'noIcon';
     m?: string;
-    type?: 'button' | 'submit' | 'reset';
-    tabIndex?: number;
-    id?: string;
-    activeWhenPress?: boolean;
     onClick?: (e: React.MouseEvent<HTMLElement>) => void;
     onMouseEnter?: (e: React.MouseEvent<HTMLElement>) => void;
     onMouseLeave?: (e: React.MouseEvent<HTMLElement>) => void;
+    rightIcon?: boolean;
+    role?: 'button' | 'link';
+    type?: 'button' | 'submit' | 'reset';
+    tabIndex?: number;
+    withoutColor?: boolean;
+}
+interface ButtonWithTextProps extends propsTertiaryBtn {
+    children: React.ReactNode;
+    ariaLabel?: string;
+}
+interface ButtonWithoutTextProps extends propsTertiaryBtn {
+    children?: React.ReactNode;
+    ariaLabel: string;
 }
-export declare function BtnTertiary({ children, iconStatus, iconCustom, rightIcon, withoutColor, m, type, tabIndex, id, activeWhenPress, onClick, onMouseEnter, onMouseLeave, }: propsTertiaryBtn): JSX.Element;
+declare type ButtonProps = XOR<ButtonWithTextProps, ButtonWithoutTextProps>;
+export declare function BtnTertiary({ ariaLabel, activeWhenPress, children, id, iconStatus, iconCustom, m, onClick, onMouseEnter, onMouseLeave, rightIcon, role, type, tabIndex, withoutColor, }: ButtonProps): JSX.Element;
 export declare namespace BtnTertiary {
     var displayName: string;
 }
+export {};