@connectif/ui-components 2.2.0 → 2.3.1

package/dist/components/alert/Alert.theme.d.ts

@@ -1,2 +1,3 @@
-import { Components, Theme } from '@mui/material';
-export declare const alertTheme: Components<Theme>['MuiAlert'];
+import { Components } from '@mui/material';
+import type { CustomTheme } from '../../theme/CustomTheme';
+export declare const alertTheme: Components<CustomTheme>['MuiAlert'];

package/dist/components/alert/AlertTitle.theme.d.ts

@@ -1,2 +1,3 @@
-import { Components, Theme } from '@mui/material';
-export declare const alertTitleTheme: Components<Theme>['MuiAlertTitle'];
+import { Components } from '@mui/material';
+import type { CustomTheme } from '../../theme/CustomTheme';
+export declare const alertTitleTheme: Components<CustomTheme>['MuiAlertTitle'];

package/dist/components/card/EnhancedCardTitle.d.ts

@@ -25,6 +25,10 @@ export interface EnhancedCardTitleProps {
      * Size of the title. By default the size is determined according to parent EnhancedCard size.
      */
     size?: 'S' | 'M';
+    /**
+     * Padding around the title. Default is 'none'.
+     */
+    padding?: string;
     /**
      * Data test id. By default the dataTest of parent EnhancedCard is used to compose a dataTest string.
      */

package/dist/components/chip/Chip.d.ts

@@ -5,72 +5,7 @@ import { variants } from '../../theme/Typography';
 import { ChipProps as MuiChipProps } from '@mui/material/Chip';
 import { AvatarProps } from '../avatar';
 import { Link } from '@mui/material';
-declare const variantStyles: {
-    default: {
-        backgroundColor: string;
-        color: string;
-        hoverBackgroundColor: string;
-        borderColor: string;
-        iconColor: string;
-        avatarColor: string;
-    };
-    primary: {
-        backgroundColor: string;
-        color: string;
-        hoverBackgroundColor: string;
-        borderColor: string;
-        iconColor: string;
-        avatarColor: string;
-    };
-    success: {
-        backgroundColor: string;
-        color: string;
-        hoverBackgroundColor: string;
-        borderColor: string;
-        iconColor: string;
-        avatarColor: string;
-    };
-    error: {
-        backgroundColor: string;
-        color: string;
-        hoverBackgroundColor: string;
-        borderColor: string;
-        iconColor: string;
-        avatarColor: string;
-    };
-    warning: {
-        backgroundColor: string;
-        color: string;
-        hoverBackgroundColor: string;
-        borderColor: string;
-        iconColor: string;
-        avatarColor: string;
-    };
-    dark: {
-        backgroundColor: string;
-        color: string;
-        hoverBackgroundColor: string;
-        borderColor: string;
-        iconColor: string;
-        avatarColor: string;
-    };
-    darker: {
-        backgroundColor: string;
-        color: string;
-        hoverBackgroundColor: string;
-        borderColor: string;
-        iconColor: string;
-        avatarColor: string;
-    };
-    black: {
-        backgroundColor: string;
-        color: string;
-        hoverBackgroundColor: string;
-        borderColor: string;
-        iconColor: string;
-        avatarColor: string;
-    };
-};
+type ChipVariant = 'default' | 'primary' | 'success' | 'error' | 'warning' | 'dark' | 'darker' | 'black';
 declare const sizeStyles: {
     XS: {
         borderRadius: string;
@@ -951,7 +886,7 @@ export type ChipProps = Pick<MuiChipProps, 'id' | 'label' | 'sx' | 'onClick' | '
     /**
      * The variant to use.
      */
-    variant?: keyof typeof variantStyles;
+    variant?: ChipVariant;
     /**
      * The size of the chip.
      */
@@ -976,7 +911,7 @@ export type ChipProps = Pick<MuiChipProps, 'id' | 'label' | 'sx' | 'onClick' | '
  * A component that displays a chip containing simple text.
  * If chips doesn't fit in the available space, they will be truncated with ellipsis.
  */
-declare const Chip: React.ForwardRefExoticComponent<Pick<MuiChipProps, "id" | "sx" | "label" | "onClick" | "onMouseEnter" | "onMouseLeave" | "onDelete"> & {
+declare const Chip: React.ForwardRefExoticComponent<Pick<MuiChipProps, "label" | "id" | "sx" | "onClick" | "onMouseEnter" | "onMouseLeave" | "onDelete"> & {
     /**
      * The icon to display
      */
@@ -1015,7 +950,7 @@ declare const Chip: React.ForwardRefExoticComponent<Pick<MuiChipProps, "id" | "s
     /**
      * The variant to use.
      */
-    variant?: keyof typeof variantStyles;
+    variant?: ChipVariant;
     /**
      * The size of the chip.
      */

package/dist/components/icon/Icon.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { SvgIconProps } from '@mui/material';
-import { icons } from './icons';
+import { IconId } from './icons';
+export { IconId } from './icons';
 export declare const iconSizes: {
     readonly XXS: 12;
     readonly XS: 16;
@@ -10,7 +11,6 @@ export declare const iconSizes: {
     readonly XL: 48;
     readonly XXL: 72;
 };
-export type IconId = keyof typeof icons;
 export type IconProps = Pick<SvgIconProps, 'sx'> & {
     /**
      * The ID of the icon to display.

package/dist/components/icon/icons.d.ts

@@ -1955,3 +1955,10 @@ export declare const icons: {
     'database-export': string;
 };
 export declare const iconIds: string[];
+declare let customIcons: Record<string, string>;
+export declare function registerCustomIcons(newIcons: Record<string, string>): void;
+export { customIcons };
+export interface IconRegistry {
+}
+export type IconId = keyof typeof icons | keyof IconRegistry;
+export declare function getIconPath(icon: IconId): string;

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

@@ -1,4 +1,4 @@
 export { default as Icon, iconSizes } from './Icon';
-export type { IconProps, IconId } from './Icon';
-export { iconIds } from './icons';
+export type { IconProps } from './Icon';
+export { iconIds, registerCustomIcons, IconRegistry, getIconPath, IconId } from './icons';
 export { default as StackedIcons, StackedIconsProps } from './StackedIcons';

package/dist/components/input/NumberField.d.ts

@@ -56,7 +56,7 @@ export type NumberFieldProps = Omit<TextFieldProps, 'value' | 'onChange' | 'mult
  * The exposed `ref` property is the refference to the native &lt;input&gt; element,
  * typed as React.Ref&lt;HTMLInputElement&gt;
  */
-declare const NumberField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "type" | "onChange" | "onScroll" | "defaultValue" | "value" | "multiline"> & {
+declare const NumberField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "type" | "onChange" | "onScroll" | "value" | "defaultValue" | "multiline"> & {
     /**
      * The numeric value of this input.
      */