uikit-react-public 0.50.4 → 0.50.6

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

@@ -5,22 +5,31 @@ import { default as AlertMessage } from './AlertMessage';
 import { default as AlertTitle } from './AlertTitle';
 import { MarginProps } from '../common/marginsStyle';
 export declare const NAME = "ucl-uikit-alert";
-export type AlertType = 'info' | 'success' | 'warning' | 'error';
+export type AlertVariant = 'info' | 'success' | 'warning' | 'error';
+/** @deprecated Use AlertVariant instead. */
+export type AlertType = AlertVariant;
 export interface AlertContextProps {
-    type: AlertType;
+    type: AlertVariant;
 }
 export declare const AlertContext: import('react').Context<AlertContextProps | null>;
 export declare function useAlertContext(): AlertContextProps;
 export interface AlertBaseProps extends HTMLAttributes<HTMLDivElement> {
-    type: AlertType;
+    variant?: AlertVariant;
+    /** @deprecated Use variant instead. */
+    type?: AlertVariant;
     iconProps?: Omit<IconProps, 'svg'>;
     contentProps?: HTMLAttributes<HTMLDivElement>;
     actionButton?: ReactElement<ButtonProps>;
     testId?: string;
 }
-export type AlertProps = AlertBaseProps & MarginProps;
+export type AlertProps = AlertBaseProps & MarginProps & ({
+    variant: AlertVariant;
+} | {
+    variant?: undefined;
+    type: AlertVariant;
+});
 declare const Alert: {
-    ({ type, iconProps, contentProps, actionButton, children, testId, className, ...props }: AlertProps): import("react").JSX.Element;
+    ({ variant, type: deprecatedType, iconProps, contentProps, actionButton, children, testId, className, ...props }: AlertProps): import("react").JSX.Element;
     Title: ({ children, testId, className, ...props }: import('./AlertTitle').AlertTitleProps) => import("react").JSX.Element;
     Message: ({ testId, className, children, ...props }: import('./AlertMessage').AlertMessageProps) => import("react").JSX.Element;
 };

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: {
-        ({ type, iconProps, contentProps, actionButton, children, testId, className, ...props }: import('./Alert').AlertProps): import("react").JSX.Element;
+        ({ variant, type: deprecatedType, iconProps, contentProps, actionButton, children, testId, className, ...props }: import('./Alert').AlertProps): import("react").JSX.Element;
         Title: ({ children, testId, className, ...props }: import('./AlertTitle').AlertTitleProps) => import("react").JSX.Element;
         Message: ({ testId, className, children, ...props }: import('./AlertMessage').AlertMessageProps) => import("react").JSX.Element;
     } & import('./Alert').IAlertSubComponents;
@@ -10,12 +10,20 @@ declare const meta: {
         layout: string;
     };
     argTypes: {
+        variant: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+            type: "string";
+        };
         type: {
             options: string[];
             control: {
                 type: "select";
             };
             type: "string";
+            description: string;
         };
         className: {
             control: {
@@ -140,7 +148,7 @@ declare const meta: {
         };
     };
     args: {
-        type: "info";
+        variant: "info";
         testId: string;
     };
     tags: string[];

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

@@ -1,6 +1,6 @@
 export { default } from './Alert';
 export { default as AlertTitle } from './AlertTitle';
 export { default as AlertMessage } from './AlertMessage';
-export type { AlertProps } from './Alert';
+export type { AlertProps, AlertVariant, AlertType } from './Alert';
 export type { AlertTitleProps } from './AlertTitle';
 export type { AlertMessageProps } from './AlertMessage';

package/dist/components/ToggleGroup/ToggleGroup.d.ts

@@ -1,15 +1,17 @@
 import { default as React } from 'react';
 import { NonClearableSelectProps } from '../Select';
-import { ItemProps } from './subcomponents/Item';
+import { ToggleGroupItemProps } from './subcomponents/ToggleGroupItem';
+export declare const NAME = "ucl-uikit-toggle-group";
 export interface ToggleGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     value?: string;
     defaultValue?: string;
     onValueChange?: (value: string) => void;
+    testId?: string;
     selectProps?: Omit<NonClearableSelectProps<string>, 'options' | 'value' | 'onValueChange'>;
 }
 declare const ToggleGroup: {
-    ({ children, value, defaultValue, onValueChange, selectProps, }: ToggleGroupProps): React.JSX.Element;
-    Item: ({ value, label, sublabel, icon, disabled, }: ItemProps) => React.JSX.Element;
+    ({ children, value, defaultValue, onValueChange, selectProps, className, onKeyDown, testId, ...htmlAttributes }: ToggleGroupProps): React.JSX.Element;
+    Item: ({ value, label, sublabel, icon, disabled, className, onChange, testId, ...inputProps }: ToggleGroupItemProps) => React.JSX.Element;
 };
 export default ToggleGroup;

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

@@ -2,8 +2,8 @@ import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: {
-        ({ children, value, defaultValue, onValueChange, selectProps, }: import('./ToggleGroup').ToggleGroupProps): import("react").JSX.Element;
-        Item: ({ value, label, sublabel, icon, disabled, }: import('.').ItemProps) => import("react").JSX.Element;
+        ({ children, value, defaultValue, onValueChange, selectProps, className, onKeyDown, testId, ...htmlAttributes }: import('./ToggleGroup').ToggleGroupProps): import("react").JSX.Element;
+        Item: ({ value, label, sublabel, icon, disabled, className, onChange, testId, ...inputProps }: import('.').ToggleGroupItemProps) => import("react").JSX.Element;
     };
     parameters: {
         layout: string;

package/dist/components/ToggleGroup/ToggleGroupContext.d.ts

@@ -2,6 +2,8 @@ export interface ToggleGroupContextType {
     value: string | undefined;
     setValue: (value: string) => void;
     name: string;
+    tabbableValue: string | undefined;
+    hasSublabel: boolean;
 }
 declare const ToggleGroupContext: import('react').Context<ToggleGroupContextType | undefined>;
 export declare const useToggleGroupContext: () => ToggleGroupContextType;

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

@@ -1,4 +1,3 @@
 export { default } from './ToggleGroup';
 export type { ToggleGroupProps } from './ToggleGroup';
-export { default as Item } from './subcomponents/Item';
-export type { ItemProps } from './subcomponents/Item';
+export type { ToggleGroupItemProps } from './subcomponents/ToggleGroupItem';

package/dist/components/ToggleGroup/subcomponents/ToggleGroupItem.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { SpecificIconsType } from '../../Icon/Icon';
+export declare const NAME = "ucl-uikit-toggle-group__item";
+export interface ToggleGroupItemProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    value: string;
+    label: string;
+    icon?: keyof SpecificIconsType;
+    disabled?: boolean;
+    sublabel?: string;
+    testId?: string;
+}
+declare const ToggleGroupItem: ({ value, label, sublabel, icon, disabled, className, onChange, testId, ...inputProps }: ToggleGroupItemProps) => React.JSX.Element;
+export default ToggleGroupItem;

package/dist/components/ToggleGroup/subcomponents/{Item.stories.d.ts → ToggleGroupItem.stories.d.ts}

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ value, label, sublabel, icon, disabled, }: import('./Item').ItemProps) => import("react").JSX.Element;
+    component: ({ value, label, sublabel, icon, disabled, className, onChange, testId, ...inputProps }: import('./ToggleGroupItem').ToggleGroupItemProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };
@@ -12,6 +12,7 @@ declare const meta: {
         icon?: keyof import('../../Icon/Icon').SpecificIconsType | undefined;
         disabled?: boolean | undefined;
         sublabel?: string | undefined;
+        testId?: string | undefined;
         accept?: string | undefined | undefined;
         alt?: string | undefined | undefined;
         autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;

package/dist/components/index.d.ts

@@ -77,7 +77,7 @@ export type { CheckboxProps, LabelledCheckboxProps } from './Checkbox';
 export { default as Toggle } from './Toggle';
 export type { ToggleProps } from './Toggle';
 export { default as ToggleGroup } from './ToggleGroup';
-export type { ToggleGroupProps, ItemProps } from './ToggleGroup';
+export type { ToggleGroupItemProps, ToggleGroupProps } from './ToggleGroup';
 export { default as Chip } from './Chip';
 export type { ChipProps } from './Chip';
 export { default as AppMenu } from './AppMenu';
@@ -108,7 +108,7 @@ export type { HeaderDraftProps } from './HeaderDraft';
 export { default as Table } from './Table';
 export type { TableProps } from './Table';
 export { default as Alert } from './Alert';
-export type { AlertProps } from './Alert';
+export type { AlertProps, AlertVariant, AlertType } from './Alert';
 export { default as Tabs } from './Tabs';
 export type { TabsActivationMode, TabsListProps, TabsOrientation, TabsPanelProps, TabsProps, } from './Tabs';
 export type { TabProps } from './Tabs/Tab';