@amboss/design-system 1.7.3 → 1.8.0

package/build/src/components/Button/Button.d.ts

@@ -1,13 +1,12 @@
 import React, { AriaAttributes } from "react";
 import { IconName } from "../Icon/Icon";
-import { BaseVariations, ButtonSize, HorizontalAlignment, TextVariations, PolymorphicComponentProp, AsProp } from "../../types";
+import { BaseVariations, ButtonSize, HorizontalAlignment, TextVariations, PolymorphicComponentPropsWithRef } from "../../types";
 declare type ButtonPrivateProps = {
     squareCorners?: boolean | ("TopLeft" | "TopRight" | "BottomLeft" | "BottomRight")[];
     alignItems?: HorizontalAlignment;
     rightIconVariant?: TextVariations;
 };
 export declare type ButtonProps = {
-    children?: React.ReactNode;
     variant?: BaseVariations;
     size?: ButtonSize;
     /** Type is ignored if "a" is provided to "as" property. Note that you can explicetly pass null. */
@@ -27,8 +26,6 @@ export declare type ButtonProps = {
      */
     ariaAttributes?: AriaAttributes;
 };
-export declare function Button<C extends React.ElementType = "button">({ "data-e2e-test-id": dataE2eTestId, ariaAttributes, as, children, disabled, fullWidth, leftIcon, loading, onBlur, onClick, onFocus, privateProps: { squareCorners, alignItems, rightIconVariant }, rightIcon, size, type, variant, ...rest }: PolymorphicComponentProp<C, ButtonProps>): React.ReactElement;
-export declare namespace Button {
-    var defaultProps: Partial<ButtonProps> & AsProp<"button">;
-}
+declare type ButtonComponent = <C extends React.ElementType = "button">(props: PolymorphicComponentPropsWithRef<C, ButtonProps>) => React.ReactElement | null;
+export declare const Button: ButtonComponent;
 export {};

package/build/src/components/Link/Link.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { LinkVariations, LinkTextSize, PolymorphicComponentProp, AsProp } from "../../types";
+import { LinkVariations, LinkTextSize, PolymorphicComponentProps, AsProp } from "../../types";
 declare type LinkProps = {
     size?: LinkTextSize;
     weight?: "normal" | "bold" | "inherit";
@@ -7,7 +7,7 @@ declare type LinkProps = {
     onClick?: () => void;
     "data-e2e-test-id"?: string;
 };
-export declare function Link<C extends React.ElementType = "a">({ children, size, weight, variant, "data-e2e-test-id": dataE2eTestId, ...rest }: PolymorphicComponentProp<C, LinkProps>): React.ReactElement;
+export declare function Link<C extends React.ElementType = "a">({ children, size, weight, variant, "data-e2e-test-id": dataE2eTestId, ...rest }: PolymorphicComponentProps<C, LinkProps>): React.ReactElement;
 export declare namespace Link {
     var defaultProps: Partial<LinkProps> & AsProp<"a">;
 }

package/build/src/components/PictogramButton/PictogramButton.d.ts

@@ -1,14 +1,13 @@
 import React from "react";
 import { IconName } from "../Icon/Icon";
 import { ButtonProps } from "../Button/Button";
-import { AsProp } from "../../types";
+import { PolymorphicComponentPropsWithRef } from "../../types";
 export declare type PictogramButtonProps = Pick<ButtonProps, "variant" | "type" | "disabled" | "onClick" | "onFocus" | "onBlur" | "data-e2e-test-id"> & {
     /** The centered icon to be displayed. */
     icon: IconName;
     /** If true, the button has square corners. */
     squareCorners?: boolean;
 };
-export declare function PictogramButton<C extends React.ElementType = "button">({ onClick, onFocus, onBlur, type, disabled, as, icon, "data-e2e-test-id": dataE2eTestId, ...rest }: PictogramButtonProps & AsProp<C>): React.ReactElement;
-export declare namespace PictogramButton {
-    var defaultProps: Partial<PictogramButtonProps> & AsProp<"button">;
-}
+declare type PictogramButtonComponent = <C extends React.ElementType = "button">(props: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>) => React.ReactElement | null;
+export declare const PictogramButton: PictogramButtonComponent;
+export {};

package/build/src/types/index.d.ts

@@ -39,7 +39,9 @@ export declare type AsProp<C extends React.ElementType> = {
     as?: C;
 };
 declare type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
-export declare type PolymorphicComponentProp<C extends React.ElementType, Props = {
-    as: "a";
-}> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+export declare type PolymorphicComponentProps<C extends React.ElementType, Props> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+export declare type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>["ref"];
+export declare type PolymorphicComponentPropsWithRef<C extends React.ElementType, Props> = PolymorphicComponentProps<C, Props> & {
+    ref?: PolymorphicRef<C>;
+};
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "1.7.3",
+  "version": "1.8.0",
   "description": "the design system for AMBOSS products",
   "author": "Bagrat Gobedashvili",
   "license": "ISC",