@pk-design/react-tailwind 1.4.1 → 1.4.3

package/dist/types/components/Alert/Alert.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { AlertProps } from './Alert.types';
-export declare const Alert: React.FC<AlertProps>;
+export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Alert/Alert.types.d.ts

@@ -1,21 +1,27 @@
-import type { ReactNode } from 'react';
+import type { HTMLAttributes, ReactNode } from 'react';
 export type AlertType = 'success' | 'danger' | 'warning' | 'info';
-export interface BaseAlertProps {
+export interface BaseAlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'title'> {
     /**
      * Defines alert type
      * @default "info"
      */
     type?: AlertType;
-    className?: string;
     /**
      * Defines if alert is removable
      */
     removable?: boolean;
     /**
      * Handler when closing / dismissing alert
-     * @returns void
      */
     onRemove?: () => void;
+    /**
+     * Override the default type icon. Pass null to suppress the icon entirely.
+     */
+    icon?: ReactNode;
+    /**
+     * Optional bold title rendered above the message
+     */
+    title?: ReactNode;
 }
 /**
  * Alert component used to display important messages.

package/dist/types/components/Badge/Badge.types.d.ts

@@ -1,12 +1,13 @@
+import type { HTMLAttributes, ReactNode } from 'react';
 export type BadgeTheme = 'success' | 'danger' | 'warning' | 'info' | 'secondary';
-export interface BadgeProps {
+export type BadgeSize = 'sm' | 'md';
+export interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
     /**
      * Defines theme of the Badge
      * @default "info"
      */
     theme?: BadgeTheme;
-    className?: string;
-    children: any;
+    children: ReactNode;
     /**
      * Defines if badge is removable
      */
@@ -19,4 +20,13 @@ export interface BadgeProps {
      * Handler on removing badge
      */
     onRemove?: () => void;
+    /**
+     * Size preset controlling padding
+     * @default "md"
+     */
+    size?: BadgeSize;
+    /**
+     * Optional icon rendered before the label
+     */
+    icon?: ReactNode;
 }

package/dist/types/components/Banner/Banner.types.d.ts

@@ -1,15 +1,28 @@
+import type { HTMLAttributes, ReactNode } from 'react';
 export type BannerType = 'info' | 'error' | 'success' | 'warning';
 export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export interface BannerProps {
+export interface BannerProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Defines banner type
      * @default "info"
      */
     type?: BannerType;
-    children: any;
+    children?: ReactNode;
     /**
      * Controls the icon size
      * @default "sm"
      */
     iconSize?: IconSize;
+    /**
+     * Override the default type icon. Pass null to suppress the icon entirely.
+     */
+    icon?: ReactNode;
+    /**
+     * Makes the banner dismissible with a close button
+     */
+    removable?: boolean;
+    /**
+     * Called when the dismiss button is clicked
+     */
+    onRemove?: () => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pk-design/react-tailwind",
-  "version": "1.4.1",
+  "version": "1.4.3",
   "main": "dist/react-tailwind.cjs.js",
   "module": "dist/react-tailwind.es.js",
   "types": "dist/types/index.d.ts",