uikit-react-public 0.30.1 → 0.32.3

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

@@ -10,11 +10,9 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const LevelXxl: Story;
-export declare const LevelXl: Story;
-export declare const LevelLg: Story;
-export declare const LevelMd: Story;
-export declare const LevelSm: Story;
-export declare const LevelXs: Story;
+export declare const Level1: Story;
+export declare const Level2: Story;
+export declare const Level3: Story;
+export declare const Level4: Story;
 export declare const AsSpan: Story;
-export declare const NoMargins: Story;
+export declare const withMargins: Story;

package/dist/components/MenuNew/Menu.context.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface MenuContextValue {
+    collapsed: boolean;
+}
+export declare const MenuProvider: ({ collapsed, children, }: MenuContextValue & {
+    children: ReactNode;
+}) => import("react").JSX.Element;
+export declare const useMenu: () => MenuContextValue;
+export {};

package/dist/components/MenuNew/Menu.d.ts

@@ -9,9 +9,10 @@ import { default as ActionMenuButton, ActionMenuButtonProps } from './ActionMenu
 import { default as PrimaryMenuItem, PrimaryMenuItemProps } from './PrimaryMenuItem';
 import { default as SecondaryMenuItem, SecondaryMenuItemProps } from './SecondaryMenuItem';
 export declare const NAME = "ucl-uikit-menu";
-export interface MenuProps extends HTMLAttributes<HTMLDivElement> {
+export interface MenuProps extends HTMLAttributes<HTMLElement> {
     testId?: string;
     border?: boolean;
+    collapsed?: boolean;
 }
 export type { MenuDividerProps, MenuHeadProps, MenuHeadingProps, MenuSectionProps, MenuAccordionProps, MenuAccordionItemProps, MenuBaseItemProps, PrimaryMenuItemProps, SecondaryMenuItemProps, ActionMenuButtonProps, };
 interface MenuComponent extends NamedExoticComponent<MenuProps> {

package/dist/components/MenuNew/MenuHeading.d.ts

@@ -3,5 +3,5 @@ export declare const NAME = "ucl-uikit-menu__heading";
 export interface MenuHeadingProps extends HTMLAttributes<HTMLDivElement> {
     testId?: string;
 }
-declare const MenuHeading: ({ testId, className, children, ...props }: MenuHeadingProps) => import("react").JSX.Element;
+declare const MenuHeading: ({ testId, className, children, ...props }: MenuHeadingProps) => import("react").JSX.Element | null;
 export default MenuHeading;

package/dist/components/MenuNew/MenuItemText.d.ts

@@ -3,7 +3,8 @@ export declare const NAME = "ucl-uikit-menu__item-text";
 export interface MenuItemTextProps {
     asChild?: boolean;
     className?: string;
+    visuallyHidden?: boolean;
     children?: ReactNode;
 }
-declare const MenuItemText: ({ asChild, className, children, }: MenuItemTextProps) => import("react").JSX.Element;
+declare const MenuItemText: ({ asChild, className, visuallyHidden, children, }: MenuItemTextProps) => import("react").JSX.Element;
 export default MenuItemText;

package/dist/components/MenuNew/PrimaryMenuItem.d.ts

@@ -5,5 +5,5 @@ export interface PrimaryMenuItemProps extends Omit<MenuBaseItemProps, 'iconPosit
     asChild?: boolean;
     trailingContent?: ReactNode;
 }
-declare const PrimaryMenuItem: ({ className, children, asChild, trailingContent, ...props }: PrimaryMenuItemProps) => import("react").JSX.Element;
+declare const PrimaryMenuItem: ({ className, children, asChild, trailingContent, icon: iconProp, active, ...props }: PrimaryMenuItemProps) => import("react").JSX.Element;
 export default PrimaryMenuItem;

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

@@ -25,7 +25,7 @@ export type OptionData<T> = {
 /**
  * Additional props forwarded to the filter input when `filterable` is true
  */
-export type FilterInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'disabled' | 'ref' | 'role' | 'aria-autocomplete' | 'aria-label'>;
+export type FilterInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'disabled' | 'ref' | 'role' | 'aria-autocomplete'>;
 export type SelectDropdownWidth = 'content' | 'match-select';
 type SelectBaseProps<T = string | number> = Omit<React.HTMLAttributes<HTMLElement>, 'onChange'> & {
     /**

package/dist/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-sidebar";
+export interface SidebarProps extends HTMLAttributes<HTMLElement> {
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    testId?: string;
+    collapseButtonAriaLabel?: string;
+    expandButtonAriaLabel?: string;
+}
+declare const _default: import('react').MemoExoticComponent<({ collapsed, defaultCollapsed, onCollapsedChange, testId, collapseButtonAriaLabel, expandButtonAriaLabel, className, children, ...props }: SidebarProps) => import("react").JSX.Element>;
+export default _default;

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

@@ -0,0 +1,38 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').MemoExoticComponent<({ collapsed, defaultCollapsed, onCollapsedChange, testId, collapseButtonAriaLabel, expandButtonAriaLabel, className, children, ...props }: import('./Sidebar').SidebarProps) => import("react").JSX.Element>;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        collapsed: {
+            control: "boolean";
+        };
+        defaultCollapsed: {
+            control: "boolean";
+        };
+        onCollapsedChange: {
+            action: string;
+        };
+        testId: {
+            control: {
+                type: "text";
+            };
+        };
+        className: {
+            control: false;
+        };
+        children: {
+            control: false;
+        };
+    };
+    args: {
+        defaultCollapsed: false;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Collapsed: Story;

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

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

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

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

package/dist/components/Snackbar/Snackbar.d.ts

@@ -1,13 +1,17 @@
-import { OutputHTMLAttributes } from 'react';
+import { HTMLAttributes, Ref } from 'react';
 import { MarginProps } from '../common/marginsStyle';
 export declare const NAME = "ucl-uikit-snackbar";
-export interface SnackbarBaseProps extends OutputHTMLAttributes<HTMLOutputElement> {
-    action: 'close' | 'undo';
+export interface SnackbarBaseProps extends HTMLAttributes<HTMLDivElement> {
+    action?: 'close' | 'undo';
+    actionDisabled?: boolean;
+    closeButtonAriaLabel?: string;
     onClose?: () => void;
     onUndo?: () => void;
+    size?: 'small' | 'large';
     testId?: string;
+    variant?: 'default' | 'error';
+    ref?: Ref<HTMLDivElement>;
 }
 export type SnackbarProps = SnackbarBaseProps & MarginProps;
-export type Ref = HTMLOutputElement;
-declare const _default: import('react').NamedExoticComponent<SnackbarBaseProps & MarginProps & import('react').RefAttributes<HTMLOutputElement>>;
+declare const _default: import('react').MemoExoticComponent<({ action, actionDisabled, closeButtonAriaLabel, onClose, onUndo, children, size, testId, className, variant, ref, ...props }: SnackbarProps) => import("react").JSX.Element>;
 export default _default;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: import('react').NamedExoticComponent<import('./Snackbar').SnackbarBaseProps & import('../common/marginsStyle').MarginProps & import('react').RefAttributes<HTMLOutputElement>>;
+    component: import('react').MemoExoticComponent<({ action, actionDisabled, closeButtonAriaLabel, onClose, onUndo, children, size, testId, className, variant, ref, ...props }: import('./Snackbar').SnackbarProps) => import("react").JSX.Element>;
     args: {
         children: string;
         action: undefined;
@@ -15,6 +15,7 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Close: Story;
 export declare const Undo: Story;
+export declare const Error: Story;
 export declare const LongText: Story;
 export declare const WithCustomPosition: Story & {
     argTypes: {

package/dist/components/Snackbar/Snackbars.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes } from 'react';
+import { SnackbarProps } from './Snackbar';
+export declare const NAME = "ucl-uikit-snackbars";
+export type SnackbarsPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export interface SnackbarsItem extends SnackbarProps {
+    id: string;
+    duration?: number;
+}
+export interface SnackbarsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    items: SnackbarsItem[];
+    onDismiss: (id: string) => void;
+    duration?: number;
+    transitionDuration?: number;
+    maxVisible?: number;
+    placement?: SnackbarsPlacement;
+    testId?: string;
+}
+declare const _default: import('react').MemoExoticComponent<({ items, onDismiss, duration, transitionDuration, maxVisible, placement, testId, className, ...props }: SnackbarsProps) => import("react").JSX.Element>;
+export default _default;

package/dist/components/Snackbar/Snackbars.stories.d.ts

@@ -0,0 +1,52 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').MemoExoticComponent<({ items, onDismiss, duration, transitionDuration, maxVisible, placement, testId, className, ...props }: import('./Snackbars').SnackbarsProps) => import("react").JSX.Element>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        items: {
+            control: false;
+        };
+        onDismiss: {
+            control: false;
+        };
+        duration: {
+            control: {
+                type: "number";
+            };
+        };
+        transitionDuration: {
+            control: {
+                type: "number";
+            };
+        };
+        maxVisible: {
+            control: {
+                type: "number";
+            };
+        };
+        placement: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+    args: {
+        duration: number;
+        transitionDuration: number;
+        maxVisible: number;
+        placement: "bottom-right";
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Interactive: Story;

package/dist/components/Snackbar/__tests__/Snackbars.test.d.ts

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

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

@@ -1,2 +1,4 @@
 export { default } from './Snackbar';
+export { default as Snackbars } from './Snackbars';
 export type { SnackbarProps } from './Snackbar';
+export type { SnackbarsItem, SnackbarsPlacement, SnackbarsProps, } from './Snackbars';

package/dist/components/index.d.ts

@@ -17,7 +17,8 @@ export type { BlanketProps } from './Blanket';
 export { default as Overlay } from './Overlay';
 export type { OverlayProps } from './Overlay';
 export { default as Snackbar } from './Snackbar';
-export type { SnackbarProps } from './Snackbar';
+export { Snackbars } from './Snackbar';
+export type { SnackbarProps, SnackbarsItem, SnackbarsPlacement, SnackbarsProps, } from './Snackbar';
 export { default as Avatar } from './Avatar';
 export type { AvatarProps } from './Avatar';
 export { default as Badge } from './Badge';
@@ -120,6 +121,8 @@ export { default as DropdownMenu } from './DropdownMenu';
 export type { DropdownMenuProps } from './DropdownMenu';
 export { default as DrawerMenu } from './DrawerMenu';
 export type { DrawerMenuProps } from './DrawerMenu';
+export { default as Sidebar } from './Sidebar';
+export type { SidebarProps } from './Sidebar';
 export { default as DropdownUserMenu } from './DropdownUserMenu';
 export type { DropdownUserMenuProps } from './DropdownUserMenu';
 export { default as Layout } from './Layout';