@epam/ai-dial-ui-kit 0.16.0-dev.62 → 0.16.0-dev.67

package/dist/src/components/Spinner/Spinner.d.ts

@@ -1,11 +1,37 @@
-import { FC } from 'react';
+import { FC, Ref } from 'react';
 export interface SpinnerProps {
     size?: number;
     className?: string;
     fullWidth?: boolean;
+    /**
+     * Covers the whole viewport: a fixed overlay on the page background, above
+     * the page and at the kit's popup layer, with the ring centred. For an app's
+     * loading screen; it replaces the `fullWidth` + `h-screen` wrappers hosts
+     * wrote themselves.
+     */
+    fullScreen?: boolean;
     ariaLabel?: string;
+    /**
+     * Makes the ring focusable (`tabIndex={-1}`) and points this ref at it, so
+     * a host can move focus to the loading state after a retry removes the
+     * focused control. The ring, not the overlay, takes focus, so the host's
+     * focus outline stays on screen.
+     */
+    focusRef?: Ref<HTMLDivElement>;
 }
 /**
  * Design system 2.0
+ *
+ * @example
+ * ```tsx
+ * <Spinner fullScreen size={48} ariaLabel="Checking your session…" />
+ * ```
+ *
+ * @param [size] - Ring diameter in px.
+ * @param [className] - Additional container classes.
+ * @param [fullWidth] - Stretches the container to its parent's width and height.
+ * @param [fullScreen] - Covers the whole viewport with the ring centred.
+ * @param [ariaLabel] - Accessible label for screen readers.
+ * @param [focusRef] - Makes the ring focusable and points this ref at it.
  */
 export declare const Spinner: FC<SpinnerProps>;

package/dist/src/index.d.ts

@@ -84,7 +84,7 @@ export type { CardShellProps } from './components/New/CardShell/CardShell';
 export { ErrorMessageNotification, ErrorToastNotification, GeneralMessageNotification, GeneralToastNotification, InfoMessageNotification, InfoToastNotification, LoadingMessageNotification, LoadingToastNotification, SuccessMessageNotification, SuccessToastNotification, WarningMessageNotification, WarningToastNotification, } from './components/New/Notification/NotificationWrapper';
 export { CalendarMode } from './types/calendar.ts';
 export { Calendar } from './components/New/Calendar/Calendar';
-export type { CalendarProps, CalendarValue, } from './components/New/Calendar/Calendar';
+export type { CalendarProps, CalendarTimeFieldRenderProps, CalendarValue, } from './components/New/Calendar/Calendar';
 export { FolderPath } from './components/New/FolderPath/FolderPath';
 export type { FolderPathProps } from './components/New/FolderPath/FolderPath';
 export { BreadcrumbsSize } from './types/breadcrumbs';
@@ -237,6 +237,8 @@ export { NoDataContent } from './components/New/NoDataContent/NoDataContent';
 export type { NoDataContentProps } from './components/New/NoDataContent/NoDataContent';
 export { StateScreen } from './components/New/StateScreen/StateScreen';
 export type { StateScreenProps } from './components/New/StateScreen/StateScreen';
+export { ErrorBoundary } from './components/New/ErrorBoundary/ErrorBoundary';
+export type { ErrorBoundaryProps } from './components/New/ErrorBoundary/ErrorBoundary';
 export { LoginScreen } from './components/New/LoginScreen/LoginScreen';
 export type { LoginScreenProps, LoginScreenProvider, } from './components/New/LoginScreen/LoginScreen';
 export { LiveRegion } from './components/New/LiveRegion/LiveRegion';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.16.0-dev.62",
+  "version": "0.16.0-dev.67",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",