@goodhood-web/ui 3.0.0-development.23 → 3.0.0-development.25

package/lib/Atoms/Buttons/Button/Button.types.d.ts

@@ -1,8 +1,7 @@
 import { ButtonOwnProps } from '@mui/base';
-import { AriaRole, ElementType, ForwardedRef, MouseEvent, ReactElement, ReactNode } from 'react';
+import { AriaRole, ForwardedRef, MouseEvent, ReactElement, ReactNode } from 'react';
 import { IconProps } from '../../../Base/Icon/Icon.types';
 interface CommonProps {
-    allowedIcons?: ElementType[];
     ariaDescribedBy?: string;
     ariaLabel?: string;
     ariaLabelledBy?: string;
@@ -10,9 +9,7 @@ interface CommonProps {
     'data-testid'?: string;
     disabled?: boolean;
     isToggleButton?: boolean;
-    leftIcon?: ReactElement<IconProps>;
     ref?: ForwardedRef<null>;
-    rightIcon?: ReactElement<IconProps>;
     role?: AriaRole;
     selected?: boolean;
 }
@@ -28,7 +25,9 @@ export interface LinkProps extends CommonProps {
 }
 export interface ButtonVariationProps {
     fullWidth?: boolean;
+    leftIcon?: ReactElement<IconProps>;
     loading?: boolean;
+    rightIcon?: ReactElement<IconProps>;
     size?: 'small' | 'medium' | 'large' | 'extraLarge';
     target?: string;
     text?: string;

package/lib/Atoms/Buttons/ButtonPrimary/ButtonPrimary.d.ts

@@ -1,3 +1,3 @@
 import { ButtonPrimaryProps } from './ButtonPrimary.types';
-declare const ButtonPrimary: ({ children, className, color, disabled, fullWidth, loading, size, text, ...props }: ButtonPrimaryProps) => import("react/jsx-runtime").JSX.Element;
+declare const ButtonPrimary: ({ children, className, color, disabled, fullWidth, leftIcon, loading, rightIcon, size, text, ...props }: ButtonPrimaryProps) => import("react/jsx-runtime").JSX.Element;
 export default ButtonPrimary;

package/lib/Atoms/Buttons/ButtonSecondary/ButtonSecondary.d.ts

@@ -1,3 +1,3 @@
 import { ButtonSecondaryProps } from './ButtonSecondary.types';
-declare const ButtonSecondary: ({ children, className, color, disabled, fullWidth, loading, size, text, ...props }: ButtonSecondaryProps) => import("react/jsx-runtime").JSX.Element;
+declare const ButtonSecondary: ({ children, className, color, disabled, fullWidth, leftIcon, loading, rightIcon, size, text, ...props }: ButtonSecondaryProps) => import("react/jsx-runtime").JSX.Element;
 export default ButtonSecondary;

package/lib/Atoms/Buttons/ButtonTertiary/ButtonTertiary.d.ts

@@ -1,3 +1,3 @@
 import { ButtonTertiaryProps } from './ButtonTertiary.types';
-declare const ButtonTertiary: ({ children, className, color, disabled, fullWidth, loading, size, text, ...props }: ButtonTertiaryProps) => import("react/jsx-runtime").JSX.Element;
+declare const ButtonTertiary: ({ children, className, color, disabled, fullWidth, leftIcon, loading, rightIcon, size, text, ...props }: ButtonTertiaryProps) => import("react/jsx-runtime").JSX.Element;
 export default ButtonTertiary;

package/lib/Atoms/Buttons/TextButton/TextButton.d.ts

@@ -5,5 +5,5 @@ export declare const typographyType: {
     medium: string;
     small: string;
 };
-export declare function TextButton({ className, color, disabled, size, text, ...props }: TextButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextButton({ className, color, disabled, leftIcon, rightIcon, size, text, ...props }: TextButtonProps): import("react/jsx-runtime").JSX.Element;
 export default TextButton;

package/lib/Atoms/Buttons/TextButton/TextButton.types.d.ts

@@ -1,7 +1,12 @@
+import { ReactElement } from 'react';
+import { IconProps } from '../../../Base/Icon/Icon.types';
+import { NotificationBubbleProps } from '../../NotificationBubble/NotificationBubble.types';
 import { ButtonProps } from '../Button/Button.types';
 export interface TextButtonProps extends Omit<ButtonProps, 'role' | 'className'> {
     className?: string;
     color: 'green' | 'blue' | 'deepPurple' | 'pinkLight' | 'pinkDark';
+    leftIcon?: ReactElement<IconProps | NotificationBubbleProps>;
+    rightIcon?: ReactElement<IconProps | NotificationBubbleProps>;
     size: 'large' | 'medium' | 'small' | 'link';
     text: string;
     type?: 'button' | 'submit' | 'reset';

package/lib/Molecules/Card/Card.d.ts

@@ -1,3 +1,3 @@
 import { CardProps } from './Card.types';
-declare const Card: ({ allowedElement, ariaLabel, as: Tag, borderRadius, children, className, role, withoutPadding, }: CardProps) => import("react/jsx-runtime").JSX.Element;
+declare const Card: ({ allowedElement, ariaLabel, as: Tag, borderRadius, children, className, responsive, role, withoutPadding, }: CardProps) => import("react/jsx-runtime").JSX.Element;
 export default Card;

package/lib/Molecules/Card/Card.types.d.ts

@@ -1,13 +1,21 @@
 import { ReactElement } from 'react';
 import { CardBodyProps } from './CardBody/CardBody.types';
 import { CardHeaderProps } from './CardHeader/CardHeader.types';
-export interface CardProps {
+export interface CardBaseProps {
     allowedElement?: React.ElementType;
     ariaLabel?: string;
     as?: Extract<keyof JSX.IntrinsicElements, 'section' | 'div'>;
-    borderRadius?: boolean;
     children: ReactElement<CardBodyProps | CardHeaderProps> | ReactElement<CardBodyProps | CardHeaderProps>[];
     className?: string;
     role?: string;
     withoutPadding?: boolean;
 }
+export type ResponsiveProps = {
+    borderRadius: true;
+    responsive?: boolean;
+} & CardBaseProps;
+export type NonResponsiveProps = {
+    borderRadius?: boolean;
+    responsive?: false;
+} & CardBaseProps;
+export type CardProps = ResponsiveProps | NonResponsiveProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/ui",
-  "version": "3.0.0-development.23",
+  "version": "3.0.0-development.25",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",