uikit-react-public 0.24.3 → 0.24.5

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

@@ -1,6 +1,38 @@
-export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
+import { SpecificIconProps } from '../Icon/Icon';
+import { ThemeType } from '../../theme';
+export type BadgeVariant = 'neutral' | 'neutral-subtle' | 'critical' | 'critical-subtle' | 'caution' | 'caution-subtle' | 'success' | 'success-subtle' | 'warning' | 'warning-subtle' | 'disabled';
+export declare const VARIANT_ICON_MAP: {
+    neutral: import('react').FC<SpecificIconProps>;
+    'neutral-subtle': import('react').FC<SpecificIconProps>;
+    critical: import('react').FC<SpecificIconProps>;
+    'critical-subtle': import('react').FC<SpecificIconProps>;
+    caution: import('react').FC<SpecificIconProps>;
+    'caution-subtle': import('react').FC<SpecificIconProps>;
+    success: import('react').FC<SpecificIconProps>;
+    'success-subtle': import('react').FC<SpecificIconProps>;
+    warning: import('react').FC<SpecificIconProps>;
+    'warning-subtle': import('react').FC<SpecificIconProps>;
+    disabled: null;
+};
+export interface BadgeVariantStyle {
+    color: string;
+    backgroundColor: string;
+    border?: string;
+}
+export declare const getBadgeVariantColours: (theme: ThemeType) => Record<BadgeVariant, BadgeVariantStyle>;
+export type BadgeIndicator = {
+    statusIndicator?: boolean;
+    icon?: never;
+} | {
+    icon?: boolean;
+    statusIndicator?: never;
+};
+export interface BadgeBaseProps extends React.HTMLAttributes<HTMLSpanElement> {
     testId?: string;
     className?: string;
+    variant?: BadgeVariant;
+    size?: 'medium' | 'large';
 }
-declare const Badge: ({ testId, className, children, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export type BadgeProps = BadgeBaseProps & BadgeIndicator;
+declare const Badge: ({ testId, className, variant, size, statusIndicator, icon, children, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
 export default Badge;

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

@@ -1,15 +1,60 @@
 import { StoryObj } from '@storybook/react';
+import { BadgeVariant } from './Badge';
 declare const meta: {
     title: string;
-    component: ({ testId, className, children, ...props }: import('./Badge').BadgeProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ testId, className, variant, size, statusIndicator, icon, children, ...props }: import('./Badge').BadgeProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
+    argTypes: {
+        variant: {
+            options: BadgeVariant[];
+            control: {
+                type: "select";
+            };
+        };
+        size: {
+            options: string[];
+            control: {
+                type: "radio";
+            };
+        };
+        icon: {
+            control: {
+                type: "boolean";
+            };
+        };
+        statusIndicator: {
+            control: {
+                type: "boolean";
+            };
+        };
+        testId: {
+            control: {
+                type: "text";
+            };
+        };
+        className: {
+            control: false;
+        };
+        children: {
+            control: {
+                type: "text";
+            };
+        };
+    };
     args: {
         children: string;
+        variant: "neutral";
+        size: "medium";
     };
     tags: string[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Large: Story;
+export declare const WithIcon: Story;
+export declare const WithStatusIndicator: Story;
+export declare const AllVariants: Story;
+export declare const Sizes: Story;

package/dist/components/Badge/__tests__/Badge.test.d.ts

@@ -0,0 +1 @@
+export {};