uikit-react-public 0.40.5 → 0.42.0

package/dist/components/Callout/Callout.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes, ReactNode, Ref } from 'react';
+import { MarginProps } from '../common/marginsStyle';
+export declare const NAME = "ucl-uikit-callout";
+export interface CalloutBaseProps extends HTMLAttributes<HTMLDivElement> {
+    heading?: ReactNode;
+    icon?: ReactNode;
+    showIcon?: boolean;
+    testId?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+export type CalloutProps = CalloutBaseProps & MarginProps;
+declare const _default: import('react').MemoExoticComponent<({ heading, icon, showIcon, testId, className, children, ref, ...props }: CalloutProps) => import("react").JSX.Element>;
+export default _default;

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

@@ -0,0 +1,48 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').MemoExoticComponent<({ heading, icon, showIcon, testId, className, children, ref, ...props }: import('./Callout').CalloutProps) => import("react").JSX.Element>;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        heading: {
+            control: {
+                type: "text";
+            };
+        };
+        children: {
+            control: {
+                type: "text";
+            };
+        };
+        showIcon: {
+            control: {
+                type: "boolean";
+            };
+        };
+        icon: {
+            control: false;
+        };
+        testId: {
+            control: {
+                type: "text";
+            };
+        };
+        className: {
+            control: false;
+        };
+    };
+    args: {
+        heading: string;
+        children: string;
+        showIcon: true;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithoutIcon: Story;
+export declare const CustomIcon: Story;
+export declare const ConstrainedWidth: Story;

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

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

package/dist/components/Callout/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Callout';
+export type { CalloutProps } from './Callout';

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,24 @@
+import { HTMLAttributes, ReactNode, Ref } from 'react';
+import { ThemeType } from '../../theme';
+import { MarginProps } from '../common/marginsStyle';
+export declare const NAME = "ucl-uikit-progress-bar";
+export type ProgressBarVariant = 'info' | 'success' | 'critical' | 'warning';
+export type ProgressBarSize = 'small' | 'large';
+export interface ProgressBarBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'title' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'role'> {
+    value?: number | null;
+    max?: number;
+    variant?: ProgressBarVariant;
+    size?: ProgressBarSize;
+    title?: ReactNode;
+    label?: ReactNode;
+    valueLabel?: ReactNode;
+    testId?: string;
+    ref?: Ref<HTMLDivElement>;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+}
+export type ProgressBarProps = ProgressBarBaseProps & MarginProps;
+export declare const getProgressBarVariantColour: (theme: ThemeType, variant: ProgressBarVariant) => string;
+declare const _default: import('react').MemoExoticComponent<({ value, max, variant, size, title, label, valueLabel, testId, className, ref, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }: ProgressBarProps) => import("react").JSX.Element>;
+export default _default;

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

@@ -0,0 +1,77 @@
+import { StoryObj } from '@storybook/react-vite';
+import { ProgressBarSize, ProgressBarVariant } from './ProgressBar';
+declare const meta: {
+    title: string;
+    component: import('react').MemoExoticComponent<({ value, max, variant, size, title, label, valueLabel, testId, className, ref, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }: import('./ProgressBar').ProgressBarProps) => import("react").JSX.Element>;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        value: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+            };
+        };
+        max: {
+            control: {
+                type: "number";
+                min: number;
+            };
+        };
+        variant: {
+            options: ProgressBarVariant[];
+            control: {
+                type: "radio";
+            };
+        };
+        size: {
+            options: ProgressBarSize[];
+            control: {
+                type: "radio";
+            };
+        };
+        title: {
+            control: {
+                type: "text";
+            };
+        };
+        label: {
+            control: {
+                type: "text";
+            };
+        };
+        valueLabel: {
+            control: {
+                type: "text";
+            };
+        };
+        testId: {
+            control: {
+                type: "text";
+            };
+        };
+        className: {
+            control: false;
+        };
+    };
+    args: {
+        value: number;
+        max: number;
+        variant: "info";
+        size: "small";
+        title: string;
+        valueLabel: string;
+        label: string;
+        'aria-label': string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Large: Story;
+export declare const Indeterminate: Story;
+export declare const Variants: Story;
+export declare const Sizes: Story;

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

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

package/dist/components/ProgressBar/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ProgressBar';
+export type { ProgressBarProps, ProgressBarSize, ProgressBarVariant, } from './ProgressBar';

package/dist/components/index.d.ts

@@ -8,6 +8,8 @@ export { default as StandaloneLink } from './StandaloneLink';
 export type { StandaloneLinkProps } from './StandaloneLink';
 export { default as Button } from './Button';
 export type { ButtonProps } from './Button';
+export { default as Callout } from './Callout';
+export type { CalloutProps } from './Callout';
 export { default as Label } from './Label';
 export type { LabelProps } from './Label';
 export { default as IconButton } from './IconButton';
@@ -27,6 +29,8 @@ export { default as BaseCheckbox } from './BaseCheckbox';
 export type { BaseCheckboxProps, BaseCheckboxState } from './BaseCheckbox';
 export { default as Spinner } from './Spinner';
 export type { SpinnerProps } from './Spinner';
+export { default as ProgressBar } from './ProgressBar';
+export type { ProgressBarProps, ProgressBarSize, ProgressBarVariant, } from './ProgressBar';
 export { default as Textarea } from './Textarea';
 export type { TextareaProps } from './Textarea';
 export { default as Heading } from './Heading';