lecom-ui 2.0.1 → 2.0.5
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/Skeleton/Skeleton.js +14 -0
- package/dist/index.d.ts +25 -23
- package/dist/index.js +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { cn } from '../../lib/utils.js';
|
|
2
|
+
|
|
3
|
+
const Skeleton = ({
|
|
4
|
+
className,
|
|
5
|
+
...props
|
|
6
|
+
}) => /* @__PURE__ */ React.createElement(
|
|
7
|
+
"div",
|
|
8
|
+
{
|
|
9
|
+
className: cn("animate-pulse rounded-md bg-muted", className),
|
|
10
|
+
...props
|
|
11
|
+
}
|
|
12
|
+
);
|
|
13
|
+
|
|
14
|
+
export { Skeleton };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
-
import * as React from 'react';
|
|
2
|
+
import * as React$1 from 'react';
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
import { CustomStyles as CustomStyles$2 } from '@/components/Button';
|
|
5
5
|
|
|
@@ -174,35 +174,35 @@ interface CustomStyles$1 {
|
|
|
174
174
|
opacity: number;
|
|
175
175
|
};
|
|
176
176
|
}
|
|
177
|
-
interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {
|
|
177
|
+
interface ButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {
|
|
178
178
|
customStyles?: CustomStyles$1;
|
|
179
179
|
}
|
|
180
|
-
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
180
|
+
declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
181
181
|
|
|
182
|
-
declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
183
|
-
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
184
|
-
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
185
|
-
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
186
|
-
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
187
|
-
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
182
|
+
declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
183
|
+
declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
184
|
+
declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
185
|
+
declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
186
|
+
declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
187
|
+
declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
188
188
|
|
|
189
189
|
declare const typographyVariants: (props?: ({
|
|
190
190
|
variant?: "heading-xxlarge-500" | "heading-xlarge-500" | "heading-large-500" | "heading-medium-500" | "heading-small-500" | "heading-xsmall-500" | "heading-xxsmall-500" | "body-large-700" | "body-large-500" | "body-large-400" | "body-medium-700" | "body-medium-500" | "body-medium-400" | "body-small-700" | "body-small-500" | "body-small-400" | "code-medium-400" | null | undefined;
|
|
191
191
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
192
|
-
interface TypographyProps extends Omit<React.HTMLAttributes<HTMLElement>, 'tag'>, VariantProps<typeof typographyVariants> {
|
|
192
|
+
interface TypographyProps extends Omit<React$1.HTMLAttributes<HTMLElement>, 'tag'>, VariantProps<typeof typographyVariants> {
|
|
193
193
|
textColor?: TextColor;
|
|
194
194
|
tag?: any;
|
|
195
195
|
}
|
|
196
196
|
declare const Typography: {
|
|
197
|
-
({ className, variant, children, textColor, tag, ...props }: TypographyProps): React.JSX.Element;
|
|
197
|
+
({ className, variant, children, textColor, tag, ...props }: TypographyProps): React$1.JSX.Element;
|
|
198
198
|
displayName: string;
|
|
199
199
|
};
|
|
200
200
|
|
|
201
201
|
interface HelpMenuItem {
|
|
202
|
-
icon?: React.ReactNode;
|
|
202
|
+
icon?: React$1.ReactNode;
|
|
203
203
|
description?: string;
|
|
204
204
|
disabled?: boolean;
|
|
205
|
-
render?: React.ReactNode;
|
|
205
|
+
render?: React$1.ReactNode;
|
|
206
206
|
onClick?: () => void;
|
|
207
207
|
}
|
|
208
208
|
interface HelpMenuProps {
|
|
@@ -214,11 +214,11 @@ interface HelpMenuProps {
|
|
|
214
214
|
|
|
215
215
|
interface ModulesMenuItem {
|
|
216
216
|
containerIconBgColor?: BgColor;
|
|
217
|
-
icon?: React.ReactNode;
|
|
217
|
+
icon?: React$1.ReactNode;
|
|
218
218
|
title?: string;
|
|
219
219
|
description?: string;
|
|
220
220
|
disabled?: boolean;
|
|
221
|
-
render?: React.ReactNode;
|
|
221
|
+
render?: React$1.ReactNode;
|
|
222
222
|
bgColor: string;
|
|
223
223
|
textColor: string;
|
|
224
224
|
onClick?: () => void;
|
|
@@ -240,10 +240,10 @@ interface UserMenuProps {
|
|
|
240
240
|
user?: {
|
|
241
241
|
name: string;
|
|
242
242
|
email: string;
|
|
243
|
-
render?: React.ReactNode;
|
|
243
|
+
render?: React$1.ReactNode;
|
|
244
244
|
};
|
|
245
245
|
language?: {
|
|
246
|
-
icon?: React.ReactNode;
|
|
246
|
+
icon?: React$1.ReactNode;
|
|
247
247
|
label?: string;
|
|
248
248
|
select?: {
|
|
249
249
|
options: LanguageOption[];
|
|
@@ -251,12 +251,12 @@ interface UserMenuProps {
|
|
|
251
251
|
defaultValue?: string;
|
|
252
252
|
onChange?: (language: string) => void;
|
|
253
253
|
};
|
|
254
|
-
render?: React.ReactNode;
|
|
254
|
+
render?: React$1.ReactNode;
|
|
255
255
|
};
|
|
256
256
|
logout?: {
|
|
257
|
-
icon: React.ReactNode;
|
|
257
|
+
icon: React$1.ReactNode;
|
|
258
258
|
label: string;
|
|
259
|
-
render?: React.ReactNode;
|
|
259
|
+
render?: React$1.ReactNode;
|
|
260
260
|
onClick: () => void;
|
|
261
261
|
};
|
|
262
262
|
}
|
|
@@ -266,7 +266,7 @@ interface CustomStyles {
|
|
|
266
266
|
bgColor: string;
|
|
267
267
|
textColor: string;
|
|
268
268
|
}
|
|
269
|
-
interface HeaderProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof headerVariants> {
|
|
269
|
+
interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof headerVariants> {
|
|
270
270
|
customStyles: CustomStyles;
|
|
271
271
|
module?: string;
|
|
272
272
|
userMenu?: Omit<UserMenuProps, 'customStyles'>;
|
|
@@ -275,8 +275,10 @@ interface HeaderProps extends React.HTMLAttributes<HTMLElement>, VariantProps<ty
|
|
|
275
275
|
onOpenMenuChange?: () => void;
|
|
276
276
|
}
|
|
277
277
|
declare const Header: {
|
|
278
|
-
({ customStyles, module, userMenu, helpMenu, modulesMenu, onOpenMenuChange, className, ...props }: HeaderProps): React.JSX.Element;
|
|
278
|
+
({ customStyles, module, userMenu, helpMenu, modulesMenu, onOpenMenuChange, className, ...props }: HeaderProps): React$1.JSX.Element;
|
|
279
279
|
displayName: string;
|
|
280
280
|
};
|
|
281
281
|
|
|
282
|
-
|
|
282
|
+
declare const Skeleton: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React$1.JSX.Element;
|
|
283
|
+
|
|
284
|
+
export { type BgColor, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type Color, type ColorToken, type CustomStyles$1 as CustomStyles, type FillColor, type Fonts, Header, type HeaderProps, Skeleton, type TextColor, Typography, type TypographyProps, buttonVariants, colors, fonts, headerVariants, typographyVariants };
|
package/dist/index.js
CHANGED
|
@@ -4,3 +4,4 @@ export { Button, buttonVariants } from './components/Button/Button.js';
|
|
|
4
4
|
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './components/Card/Card.js';
|
|
5
5
|
export { Typography, typographyVariants } from './components/Typography/Typography.js';
|
|
6
6
|
export { Header, headerVariants } from './components/Header/Header.js';
|
|
7
|
+
export { Skeleton } from './components/Skeleton/Skeleton.js';
|