@officesdk/design 0.1.29 → 0.2.1

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

@@ -580,6 +580,10 @@ interface NumberInputProps {
  */
 declare const NumberInput: React$1.FC<NumberInputProps>;
 
+interface IconSize {
+    width: string;
+    height: string;
+}
 interface IconProps {
     /**
      * Icon name from registry (requires IconProvider)
@@ -594,9 +598,9 @@ interface IconProps {
      */
     children?: React$1.ReactNode;
     /**
-     * Size of the icon (px)
+     * Size of the icon (px or custom width/height)
      */
-    size?: number | string;
+    size?: number | string | IconSize;
     /**
      * Color of the icon (only works with SVG icons, not image src)
      */
@@ -674,11 +678,12 @@ declare const IconProvider: React$1.FC<IconProviderProps>;
  */
 declare const useIconRegistry: () => IconRegistry | null;
 
+type ToastVariant = 'success' | 'info' | 'error' | 'warn' | 'loading' | 'critical';
 interface ToastProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'children' | 'onClick'> {
     /**
      * Toast variant type
      */
-    variant?: 'success' | 'info' | 'error' | 'warn' | 'loading';
+    variant?: ToastVariant;
     /**
      * Toast message content (main text)
      */
@@ -1470,6 +1475,85 @@ declare const Modal: React$1.FC<ModalProps>;
 
 declare const ModalGlobalStyles: any;
 
+interface LoadingProps {
+    /**
+     * Size of the loading spinner
+     * - 'small': 16x16 (for dropdown menus, search refresh)
+     * - 'medium': 24x24 (for list/table refresh)
+     * - 'large': 32x32 (for full page refresh)
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Whether the spinner is visible
+     */
+    spinning?: boolean;
+    /**
+     * Delay in milliseconds before showing the spinner (prevents flash)
+     */
+    delay?: number;
+    /**
+     * Tip text displayed below the spinner
+     */
+    tip?: React$1.ReactNode;
+    /**
+     * Whether to use fullscreen overlay mode
+     */
+    fullscreen?: boolean;
+    /**
+     * Custom className
+     */
+    className?: string;
+    /**
+     * Child content to wrap with loading overlay
+     */
+    children?: React$1.ReactNode;
+    /**
+     * Custom loading indicator (React element or image URL)
+     * When provided as a string, it will be used as the image src
+     * When provided as a React element, it will be rendered directly
+     */
+    indicator?: React$1.ReactNode | string;
+}
+/**
+ * Loading Component
+ *
+ * A loading component that displays an animated indicator.
+ * Supports GIF/CSS defaults via theme configuration or custom indicators via props.
+ *
+ * @example
+ * // Basic usage (uses theme default indicator type)
+ * <Loading />
+ *
+ * @example
+ * // Different sizes
+ * <Loading size="small" />
+ * <Loading size="medium" />
+ * <Loading size="large" />
+ *
+ * @example
+ * // With tip
+ * <Loading tip="Loading..." />
+ *
+ * @example
+ * // Custom indicator (image URL)
+ * <Loading indicator="/path/to/custom-loading.gif" />
+ *
+ * @example
+ * // Custom indicator (React element)
+ * <Loading indicator={<MyCustomSpinner />} />
+ *
+ * @example
+ * // Wrap content
+ * <Loading spinning={isLoading}>
+ *   <div>Content to load</div>
+ * </Loading>
+ *
+ * @example
+ * // Fullscreen loading
+ * <Loading fullscreen spinning={isLoading} />
+ */
+declare const Loading: React$1.FC<LoadingProps>;
+
 type DeepPartial<T extends object> = {
     [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
 };
@@ -1756,4 +1840,4 @@ declare const styled: ThemedStyledInterface<Theme>;
 
 declare const getGlobalTheme: () => Theme;
 
-export { type A11yConfig, type AnimationConfig, Button, type ButtonProps, Checkbox, type CheckboxProps, Dropdown, DropdownButton, type DropdownButtonProps, DropdownGlobalStyles, type DropdownProps, type I18nConfig, Icon, type IconComponent, type IconProps, IconProvider, type IconProviderProps, type IconRegistry, Input, type InputProps, Menu, type MenuDivider, MenuGlobalStyles, type MenuGroup, type MenuItem, type MenuItemType, type MenuProps, Modal, ModalGlobalStyles, type ModalProps, NumberInput, type NumberInputProps, Radio, type RadioProps, SearchInput, type SearchInputProps, Slider, type SliderProps, SpinButton, type SpinButtonProps, Switch, type SwitchProps, type TabItem, Tabs, type TabsProps, Toast, type ToastConfig, ToastContainer, type ToastContainerConfig, type ToastContainerProps, type ToastPosition, type ToastProps, ToolbarButton, type ToolbarButtonProps, Tooltip, type TooltipProps, type UIConfig, UIConfigProvider, type UIConfigProviderProps, UnderlinedInput, type InputProps as UnderlinedInputProps, type ZIndexConfig, createUIConfig, getGlobalIconRegistry, getGlobalTheme, getGlobalToastConfig, getUIConfig, initUIConfig, mergeUIConfig, styled, toast, useIconRegistry, useToast, useUIConfig };
+export { type A11yConfig, type AnimationConfig, Button, type ButtonProps, Checkbox, type CheckboxProps, Dropdown, DropdownButton, type DropdownButtonProps, DropdownGlobalStyles, type DropdownProps, type I18nConfig, Icon, type IconComponent, type IconProps, IconProvider, type IconProviderProps, type IconRegistry, Input, type InputProps, Loading, type LoadingProps, Menu, type MenuDivider, MenuGlobalStyles, type MenuGroup, type MenuItem, type MenuItemType, type MenuProps, Modal, ModalGlobalStyles, type ModalProps, NumberInput, type NumberInputProps, Radio, type RadioProps, SearchInput, type SearchInputProps, Slider, type SliderProps, SpinButton, type SpinButtonProps, Switch, type SwitchProps, type TabItem, Tabs, type TabsProps, Toast, type ToastConfig, ToastContainer, type ToastContainerConfig, type ToastContainerProps, type ToastPosition, type ToastProps, ToolbarButton, type ToolbarButtonProps, Tooltip, type TooltipProps, type UIConfig, UIConfigProvider, type UIConfigProviderProps, UnderlinedInput, type InputProps as UnderlinedInputProps, type ZIndexConfig, createUIConfig, getGlobalIconRegistry, getGlobalTheme, getGlobalToastConfig, getUIConfig, initUIConfig, mergeUIConfig, styled, toast, useIconRegistry, useToast, useUIConfig };