@digital-ai/dot-components 5.3.0 → 5.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "5.3.0",
+  "version": "5.4.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [

package/src/lib/components/floating-action-button/Fab.d.ts

@@ -0,0 +1,22 @@
+import { MouseEvent, ReactNode } from 'react';
+import { CommonProps } from '../CommonProps';
+export type FabColor = 'default' | 'primary' | 'secondary';
+export type FabSize = 'small' | 'medium' | 'large';
+export type FabVariant = 'circular' | 'extended';
+export interface FabProps extends CommonProps {
+    /** The content (text, icon or other element) of the Floating Action Button. */
+    children?: ReactNode;
+    /** The color for Floating Action Button. Can be `default`, `primary`, `secondary`. */
+    color?: FabColor;
+    /** If true, the ripple effect will be disabled. */
+    disableRipple?: boolean;
+    /** If true, the Floating Action Button will be disabled. */
+    disabled?: boolean;
+    /** Event callback. */
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /** The size of the Floating Action Button. Can be `small`, `medium`, `large` (default). */
+    size?: FabSize;
+    /** The variant to use for the Floating Action Button. Can be `circular` (default) or `extended`. */
+    variant?: FabVariant;
+}
+export declare const DotFab: ({ ariaLabel, children, className, color, "data-pendoid": dataPendoId, "data-testid": dataTestId, disableRipple, disabled, onClick, size, variant, }: FabProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/floating-action-button/Fab.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const rootClassName = "dot-fab";
+export declare const StyledFab: import("styled-components").StyledComponent<import("@mui/material").ExtendButtonBase<import("@mui/material").FabTypeMap<{}, "button">>, any, {}, never>;

package/src/lib/components/floating-action-button/index.d.ts

@@ -0,0 +1,2 @@
+export { DotFab } from './Fab';
+export type { FabProps, FabColor, FabSize, FabVariant } from './Fab';

package/src/lib/components/index.d.ts

@@ -42,6 +42,7 @@ export type { SnackbarProps, SnackbarSeverity, SnackbarOrigin, SnackbarPrimaryAc
 export type { CharactersLimit, InlineEditProps } from './inline-edit';
 export type { progressColorOptions, progressVariantOptions, ProgressProps, } from './progress';
 export type { FileItemProps, FileUploadError, FileUploadProps, ListItemFile, MappedFile, MappedListItemFile, } from './file-upload';
+export type { FabProps, FabColor, FabSize, FabVariant, } from './floating-action-button';
 export type { LinearProgressColor, LinearProgressProps, LinearProgressVariant, } from './linear-progress';
 export type { DatePickerLocale, DatePickerProps, FieldChangeHandlerContext, } from './date-picker';
 export type { TimePickerProps } from './time-picker';
@@ -128,6 +129,7 @@ export { DotTooltip } from './tooltip';
 export { DotTabs } from './tabs/Tabs';
 export { DotTypography } from './typography/Typography';
 export { DotFileUpload, DotFileListItem } from './file-upload';
+export { DotFab } from './floating-action-button';
 export { DotDivider } from './divider';
 export { DotPopper } from './popper';
 export { DotTruncateWithTooltip } from './truncate-with-tooltip';