@muraldevkit/ui-toolkit 4.55.1-dev-nYXo.1 → 4.57.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -22,9 +22,9 @@ declare const avatarValues: {
22
22
  };
23
23
  export declare const defaultAvatarValues: avatarDefaults;
24
24
  /**
25
- * Renders an avatar component.
26
- * @param {MrlAvatarPropTypes} props the props for your MrlAvatar.
27
- * @returns {React.ReactElement} an avatar containing the props you pass.
25
+ * Renders an avatar component
26
+ * @param {MrlAvatarPropTypes} props the props for your MrlAvatar
27
+ * @returns {React.ReactElement} an avatar containing the props you pass
28
28
  */
29
29
  export declare const MrlAvatar: ({ alt, avatarColor, dataQa, kind, image, name, showBorder, size, ...rest }: MrlAvatarPropTypes) => React.ReactElement;
30
30
  export {};
@@ -2,7 +2,7 @@ import { MrlButtonState } from './MrlButton';
2
2
  export declare const allowedButtonValues: {
3
3
  iconPositions: readonly ["before", "after"];
4
4
  kinds: readonly ["secondary", "primary", "ghost", "inverse", "ghost-inverse", "primary-native", "secondary-native"];
5
- sizes: readonly ["medium", "small", "large"];
5
+ sizes: readonly ["xsmall", "small", "medium", "large"];
6
6
  states: readonly ["default", "disabled", "selected", "selected-disabled", "skeleton"];
7
7
  toggleAriaTypes: readonly ["expanded", "pressed", "selected", "checked"];
8
8
  toggleStyles: readonly ["default", "secondary"];
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { AttrsObject } from '../../../utils';
3
- import { Kind, Orientation, Spacing } from '../constants';
3
+ import { Kind, Orientation, Spacing, Weight } from '../constants';
4
4
  interface MrlDividerProps {
5
5
  /**
6
6
  * Applies additional HTML attributes to the divider element.
@@ -33,6 +33,11 @@ interface MrlDividerProps {
33
33
  * This option only applies to horizontal orientation.
34
34
  */
35
35
  spacing?: Spacing;
36
+ /**
37
+ * Controls the thickness of the divider line. Use "thin" for a more subtle divider
38
+ * appearance, or "default" for the standard divider thickness.
39
+ */
40
+ weight?: Weight;
36
41
  }
37
42
  /**
38
43
  * Used to visually and semantically separate two elements.
@@ -41,5 +46,5 @@ interface MrlDividerProps {
41
46
  * @param props - component props
42
47
  * @returns a MrlDivider React component.
43
48
  */
44
- export declare function MrlDivider({ attrs, className, kind, length, orientation, spacing, ...remainingProps }: MrlDividerProps): JSX.Element;
49
+ export declare function MrlDivider({ attrs, className, kind, length, orientation, spacing, weight, ...remainingProps }: MrlDividerProps): JSX.Element;
45
50
  export {};
@@ -2,14 +2,17 @@ export declare const allowedValues: {
2
2
  kinds: readonly ["default", "inverse"];
3
3
  orientations: readonly ["horizontal", "vertical"];
4
4
  spacings: readonly ["small", "medium", "large", "xlarge"];
5
+ weight: readonly ["thin", "default"];
5
6
  };
6
7
  export type Kind = (typeof allowedValues.kinds)[number];
7
8
  export type Orientation = (typeof allowedValues.orientations)[number];
8
9
  export type Spacing = (typeof allowedValues.spacings)[number];
10
+ export type Weight = (typeof allowedValues.weight)[number];
9
11
  export interface DividerDefaults {
10
12
  kind: Kind;
11
13
  orientation: Orientation;
12
14
  spacing: Spacing;
15
+ weight: Weight;
13
16
  }
14
17
  /**
15
18
  * Default values for props on the Divider component;
@@ -50,7 +50,7 @@ export interface ProgressBarComponent {
50
50
  */
51
51
  time?: number;
52
52
  }
53
- export type SpinnerSize = 'large' | 'medium' | 'small';
53
+ export type SpinnerSize = 'large' | 'medium' | 'small' | 'xsmall';
54
54
  export type SpinnerStyle = 'default' | 'inverse';
55
55
  /**
56
56
  * Default values for props on the MrlSpinner component;