lucent-ui 0.1.0 → 0.1.1
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/README.md +95 -19
- package/dist/index.cjs +15 -15
- package/dist/index.d.ts +8 -2
- package/dist/index.js +474 -470
- package/package.json +9 -4
package/dist/index.d.ts
CHANGED
|
@@ -55,7 +55,7 @@ export declare interface AvatarProps extends Omit<ImgHTMLAttributes<HTMLImageEle
|
|
|
55
55
|
|
|
56
56
|
export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
57
57
|
|
|
58
|
-
export declare function Badge({ variant, size, dot, children }: BadgeProps): JSX_2.Element;
|
|
58
|
+
export declare function Badge({ variant, size, dot, children, style }: BadgeProps): JSX_2.Element;
|
|
59
59
|
|
|
60
60
|
export declare const BadgeManifest: ComponentManifest;
|
|
61
61
|
|
|
@@ -64,6 +64,7 @@ export declare interface BadgeProps {
|
|
|
64
64
|
size?: BadgeSize;
|
|
65
65
|
children: ReactNode;
|
|
66
66
|
dot?: boolean;
|
|
67
|
+
style?: CSSProperties;
|
|
67
68
|
}
|
|
68
69
|
|
|
69
70
|
export declare type BadgeSize = 'sm' | 'md';
|
|
@@ -92,10 +93,14 @@ export declare interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElem
|
|
|
92
93
|
size?: ButtonSize;
|
|
93
94
|
loading?: boolean;
|
|
94
95
|
fullWidth?: boolean;
|
|
96
|
+
/** When true, spaces content to the edges (justifyContent: space-between). Useful with fullWidth + rightIcon/chevron. */
|
|
97
|
+
spread?: boolean;
|
|
95
98
|
leftIcon?: ReactNode;
|
|
96
99
|
rightIcon?: ReactNode;
|
|
97
100
|
/** Appends a chevron-down icon after the label (or rightIcon). Useful for dropdown triggers. */
|
|
98
101
|
chevron?: boolean;
|
|
102
|
+
/** Disables the built-in hover background/border overrides. Use when passing custom colours via style. */
|
|
103
|
+
disableHoverStyles?: boolean;
|
|
99
104
|
}
|
|
100
105
|
|
|
101
106
|
export declare type ButtonSize = 'sm' | 'md' | 'lg';
|
|
@@ -205,7 +210,7 @@ export declare interface CompositionNode {
|
|
|
205
210
|
|
|
206
211
|
export declare const darkTokens: LucentTokens;
|
|
207
212
|
|
|
208
|
-
export declare function Divider({ orientation, label, spacing }: DividerProps): JSX_2.Element;
|
|
213
|
+
export declare function Divider({ orientation, label, spacing, style }: DividerProps): JSX_2.Element;
|
|
209
214
|
|
|
210
215
|
export declare const DividerManifest: ComponentManifest;
|
|
211
216
|
|
|
@@ -215,6 +220,7 @@ export declare interface DividerProps {
|
|
|
215
220
|
orientation?: DividerOrientation;
|
|
216
221
|
label?: string;
|
|
217
222
|
spacing?: string;
|
|
223
|
+
style?: CSSProperties;
|
|
218
224
|
}
|
|
219
225
|
|
|
220
226
|
export declare function EmptyState({ illustration, title, description, action, style, }: EmptyStateProps): JSX_2.Element;
|