@digital-ai/dot-components 2.0.1 → 2.0.2

package/lib/components/avatar/Avatar.d.ts

@@ -3,11 +3,11 @@ import { CommonProps } from '../CommonProps';
 export declare type AvatarSize = 'small' | 'medium' | 'large';
 export declare type AvatarType = 'image' | 'text' | 'icon';
 export declare type AvatarVariant = 'circular' | 'square';
-export declare type AvatarColor = 'default' | 'green' | 'blue' | 'orange' | 'purple' | 'yellow' | 'red' | 'darkGrey' | 'lightGrey';
+export declare type AvatarColor = 'default' | 'green' | 'blue' | 'orange' | 'purple' | 'yellow' | 'red' | 'darkGrey' | 'lightGrey' | 'transparent';
 export interface AvatarProps extends CommonProps {
     /** Text displayed on hover */
     alt: string;
-    /** Color for avatar (ignored if type is 'image') */
+    /** Color for avatar */
     color?: AvatarColor;
     /** Used for the root node; button is used when onClick is passed. */
     component?: string;

package/lib/components/button-toggle/ButtonToggle.d.ts

@@ -1,9 +1,11 @@
 import { MouseEvent } from 'react';
 import { CommonProps } from '../CommonProps';
 import { ButtonToggleOption, ButtonToggleOrientation, ButtonToggleSize, ButtonToggleValue } from './utils/models';
+export declare type ButtonToggleColor = 'standard' | 'primary';
 export interface ButtonToggleProps extends CommonProps {
     /** button props for each toggle button options*/
     buttonOptions: ButtonToggleOption[];
+    color?: ButtonToggleColor;
     /** If true, the keyboard focus ripple will be disabled */
     disableFocusRipple?: boolean;
     /** If true, the ripple effect will be disabled. */
@@ -19,4 +21,4 @@ export interface ButtonToggleProps extends CommonProps {
     /** The value to associate with the button when selected in a ToggleButtonGroup */
     value?: ButtonToggleValue;
 }
-export declare const DotButtonToggle: ({ ariaLabel, buttonOptions, className, "data-testid": dataTestId, disableFocusRipple, disableRipple, exclusive, onChange, orientation, size, value, }: ButtonToggleProps) => JSX.Element;
+export declare const DotButtonToggle: ({ ariaLabel, buttonOptions, className, color, "data-testid": dataTestId, disableFocusRipple, disableRipple, exclusive, onChange, orientation, size, value, }: ButtonToggleProps) => JSX.Element;

package/lib/components/index.d.ts

@@ -32,6 +32,7 @@ export type { SnackbarProps, SnackbarSeverity, SnackbarOrigin, } from './snackba
 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 { LinearProgressColor, LinearProgressProps, LinearProgressVariant, } from './linear-progress';
 export { DotAccordion } from './accordion/Accordion';
 export { DotActionToolbar } from './action-toolbar/ActionToolbar';
 export { DotAlertBanner } from './alert-banner/AlertBanner';
@@ -88,4 +89,5 @@ export { DotDivider } from './divider';
 export { DotPopper } from './popper';
 export { DotTruncateWithTooltip } from './truncate-with-tooltip';
 export { DotDraggableList } from './draggable-list';
+export { DotLinearProgress } from './linear-progress';
 export { CreateUUID } from './createUUID';

package/lib/components/linear-progress/LinearProgress.d.ts

@@ -0,0 +1,14 @@
+import { CommonProps } from '../CommonProps';
+export declare type LinearProgressColor = 'primary' | 'secondary' | 'error' | 'warning' | 'purple';
+export declare type LinearProgressVariant = 'buffer' | 'determinate' | 'indeterminate' | 'query';
+export interface LinearProgressProps extends CommonProps {
+    /** The color of the component. */
+    color?: LinearProgressColor;
+    /** The value of the progress indicator for the determinate and buffer variants. Value between 0 and 100. */
+    value?: number;
+    /** The value for the buffer variant. Value between 0 and 100. **/
+    valueBuffer?: number;
+    /** The variant to use. Use indeterminate or query when there is no progress value. */
+    variant?: LinearProgressVariant;
+}
+export declare const DotLinearProgress: ({ ariaLabel, color, className, "data-testid": dataTestId, value, valueBuffer, variant, }: LinearProgressProps) => JSX.Element;

package/lib/components/linear-progress/LinearProgress.styles.d.ts

@@ -0,0 +1,3 @@
+import { LinearProgress } from '@mui/material';
+export declare const rootClassName = "dot-linear-progress";
+export declare const StyledLinearProgress: import("styled-components").StyledComponent<typeof LinearProgress, any, {}, never>;

package/lib/components/linear-progress/index.d.ts

@@ -0,0 +1,2 @@
+export type { LinearProgressProps, LinearProgressColor, LinearProgressVariant, } from './LinearProgress';
+export { DotLinearProgress } from './LinearProgress';

package/lib/components/menu/utils/constants.d.ts

@@ -1,3 +1,3 @@
-export declare const MENU_ITEM_HEIGHT_NORMAL = 33;
-export declare const MENU_ITEM_HEIGHT_DENSE = 28;
+export declare const MENU_ITEM_HEIGHT_NORMAL = 48;
+export declare const MENU_ITEM_HEIGHT_DENSE = 36;
 export declare const DEFAULT_MAX_VISIBLE_ITEMS = 7;

package/lib/components/menu/utils/helpers.d.ts

@@ -5,7 +5,7 @@ interface MaxHeightCalculationArgs {
     menuItemHeight?: number | string;
     menuItems: MenuItemProps[];
 }
-export declare const getDefaultItemHeight: (isDense: boolean) => 28 | 33;
+export declare const getDefaultItemHeight: (isDense: boolean) => 36 | 48;
 export declare const calculateItemHeight: (isDense: boolean, customItemHeight?: number, menuItemHeight?: number | string) => number | string;
 export declare const getNumberOfVisibleItems: (numberOfItems: number, maxVisibleItems?: number) => number;
 export declare const calculateMaxHeight: ({ isDense, maxVisibleItems, menuItems, menuItemHeight, }: MaxHeightCalculationArgs) => number | string;

package/lib/components/table/TablePagination.styles.d.ts

@@ -1,5 +1,6 @@
 import { TypographyVariant } from '../typography/Typography';
 export declare const rootClassName = "dot-table-pagination";
+export declare const paginationItemClassName = "dot-pagination-menu-item";
 export interface StyledTablePaginationProps {
     typography: TypographyVariant;
 }

package/lib/theme-provider/ThemeProvider.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { Theme } from '@mui/material';
 import { TypographyOptions } from '@mui/material/styles/createTypography';
-import { AvatarPaletteColorOptions } from '../../../../../typings/material/index';
+import { AvatarPaletteColorOptions } from '../../../../../typings/material';
 export declare type ThemeOptions = 'light' | 'dark';
 export declare const typographyOptions: TypographyOptions;
 export declare const avatarColors: AvatarPaletteColorOptions;
@@ -12,3 +12,16 @@ export interface ThemeProviderProps {
     theme?: Theme | ThemeOptions;
 }
 export declare function DotThemeProvider({ children, theme, }: ThemeProviderProps): JSX.Element;
+declare module '@mui/material/LinearProgress' {
+    interface LinearProgressPropsColorOverrides {
+        purple: true;
+    }
+}
+declare module '@mui/material/styles/createPalette' {
+    interface Palette {
+        purple?: PaletteColorOptions;
+    }
+    interface PaletteOptions {
+        purple?: PaletteColorOptions;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [
@@ -34,6 +34,6 @@
   },
   "peerDependencies": {
     "react": "^17.0.2 || ^18.0.0",
-    "react-router-dom": "6.2.1"
+    "react-router-dom": "6.4.4"
   }
 }