@goodhood-web/ui 2.0.1-development.1 → 2.1.0-development.1

package/lib/Atoms/Badges/Tooltip/Tooltip.d.ts

@@ -1,3 +1,3 @@
 import { default as TooltipProps } from './Tooltip.types';
-declare const Tooltip: ({ children, hasPointer, id, position, text, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+declare const Tooltip: ({ children, className, hasPointer, id, position, text, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export default Tooltip;

package/lib/Atoms/Badges/Tooltip/Tooltip.types.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 export default interface TooltipProps {
     children: ReactNode;
+    className?: string;
     hasPointer?: boolean;
     id: string;
     position?: 'top' | 'bottom';

package/lib/Base/Typography/Typography.d.ts

@@ -1,3 +1,3 @@
-import { TypographyProps } from './Typography.types';
-declare function Typography({ as, children, className, fontSet, type, }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+import { AllowedHTMLElements, TypographyProps } from './Typography.types';
+declare const Typography: <T extends AllowedHTMLElements>(props: TypographyProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Typography;

package/lib/Base/Typography/Typography.types.d.ts

@@ -1,19 +1,22 @@
-import { JSX, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ElementType, PropsWithChildren } from 'react';
 export type TypographyTypeLanding = 'claim' | 'claim-uppercase' | 'h1' | 'h1-uppercase' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'overline';
 export type TypographyTypeProduct = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'body-large' | 'body-regular' | 'body-semibold' | 'body-italic' | 'body-text-link' | 'detail-medium' | 'detail-bold' | 'detail-upper-case' | 'detail-regular';
-export interface TypographyBaseProps {
-    as?: Extract<keyof JSX.IntrinsicElements, 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
-    children: ReactNode;
+type AsProp<C extends ElementType> = {
+    as?: C;
+};
+type PropsToOmit<C extends ElementType, P> = keyof (AsProp<C> & P);
+type PolymorphicComponentProp<C extends ElementType, Props = Record<string, unknown>> = PropsWithChildren<Props & AsProp<C>> & Omit<ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+export type AllowedTypographyHTMLTags = 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type AllowedHTMLElements = ElementType<{
     className?: string;
-    fontSet?: 'product' | 'landing';
-}
-interface TypographyProduct extends TypographyBaseProps {
+}, AllowedTypographyHTMLTags>;
+export type TypographyProductProps<T extends AllowedHTMLElements> = PolymorphicComponentProp<T, {
     fontSet?: 'product';
     type: TypographyTypeProduct;
-}
-interface TypographyLanding extends TypographyBaseProps {
+}>;
+export type TypographyLandingProps<T extends AllowedHTMLElements> = PolymorphicComponentProp<T, {
     fontSet: 'landing';
     type: TypographyTypeLanding;
-}
-export type TypographyProps = TypographyProduct | TypographyLanding;
+}>;
+export type TypographyProps<T extends AllowedHTMLElements> = TypographyProductProps<T> | TypographyLandingProps<T>;
 export {};

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

@@ -1,9 +1,9 @@
 import { ReactElement, ReactNode } from 'react';
 import { IconButtonProps } from '../../../Atoms/Buttons/IconButton/IconButton.types';
 import { IconProps } from '../../../Base/Icon/Icon.types';
-import { TypographyProps, TypographyTypeProduct } from '../../../Base/Typography/Typography.types';
+import { AllowedTypographyHTMLTags, TypographyTypeProduct } from '../../../Base/Typography/Typography.types';
 export type CardHeaderProps = {
-    as?: Exclude<TypographyProps['as'], 'h1' | 'p' | 'span'>;
+    as?: Exclude<AllowedTypographyHTMLTags, 'h1' | 'p' | 'span'>;
     className?: string;
     headline: string;
     leftElement?: ReactElement<IconProps | IconButtonProps>;

package/package.json

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