@muraldevkit/ui-toolkit 4.55.1-dev-nYXo.1 → 4.56.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.
- package/dist/components/avatar/MrlAvatar/MrlAvatar.d.ts +3 -3
- package/dist/components/divider/MrlDivider/MrlDivider.d.ts +7 -2
- package/dist/components/divider/constants.d.ts +3 -0
- package/dist/index.js +1 -1
- package/dist/styles/divider/variables.scss +5 -2
- package/dist/styles.css +2 -2
- package/package.json +2 -2
|
@@ -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 {};
|
|
@@ -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;
|