@wface/pixel-ui 0.1.0 → 0.3.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/index.d.ts +13 -0
- package/dist/components/avatar/index.d.ts.map +1 -0
- package/dist/components/badge/index.d.ts +4 -1
- package/dist/components/badge/index.d.ts.map +1 -1
- package/dist/components/date-picker/DateTimePicker.d.ts +21 -0
- package/dist/components/date-picker/DateTimePicker.d.ts.map +1 -0
- package/dist/components/date-picker/index.d.ts +20 -0
- package/dist/components/date-picker/index.d.ts.map +1 -0
- package/dist/components/input/index.d.ts +2 -0
- package/dist/components/input/index.d.ts.map +1 -1
- package/dist/components/modal/index.d.ts +21 -0
- package/dist/components/modal/index.d.ts.map +1 -0
- package/dist/components/otp-input/index.d.ts +7 -0
- package/dist/components/otp-input/index.d.ts.map +1 -0
- package/dist/components/skeleton/index.d.ts +7 -0
- package/dist/components/skeleton/index.d.ts.map +1 -0
- package/dist/index.cjs +16 -11
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +6208 -2740
- package/dist/index.mjs.map +1 -1
- package/dist/providers/Pixel.d.ts +4 -1
- package/dist/providers/Pixel.d.ts.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +10 -3
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
type Props = {
|
|
2
|
+
type?: "rounded" | "square";
|
|
3
|
+
size?: "sm" | "md" | "lg";
|
|
4
|
+
src?: string;
|
|
5
|
+
alt?: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
};
|
|
8
|
+
declare const Avatar: {
|
|
9
|
+
(props: Props): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
export default Avatar;
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/index.tsx"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACT,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAA;AAED,QAAA,MAAM,MAAM;YAAW,KAAK;;CAU3B,CAAC;AAIF,eAAe,MAAM,CAAC"}
|
|
@@ -6,6 +6,9 @@ type Props = {
|
|
|
6
6
|
className?: string;
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
};
|
|
9
|
-
declare const Badge:
|
|
9
|
+
declare const Badge: {
|
|
10
|
+
(props: Props): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
10
13
|
export default Badge;
|
|
11
14
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACjF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,QAAA,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACjF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,QAAA,MAAM,KAAK;YAAW,KAAK;;CAO1B,CAAC;AAGF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import 'react-day-picker/dist/style.css';
|
|
2
|
+
import type { Locale } from "date-fns";
|
|
3
|
+
type Props = {
|
|
4
|
+
value?: Date | null;
|
|
5
|
+
onChange: (v: Date | null) => void;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
locale?: Locale;
|
|
9
|
+
localeId?: string;
|
|
10
|
+
timeLabel?: string;
|
|
11
|
+
label?: string;
|
|
12
|
+
error?: boolean;
|
|
13
|
+
errorMessage?: string;
|
|
14
|
+
inputClassName?: string;
|
|
15
|
+
};
|
|
16
|
+
declare const DateTimePicker: {
|
|
17
|
+
(props: Props): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
20
|
+
export default DateTimePicker;
|
|
21
|
+
//# sourceMappingURL=DateTimePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DateTimePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,iCAAiC,CAAA;AAGxC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGvC,KAAK,KAAK,GAAG;IACT,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,cAAc;YAAW,KAAK;;CA6GnC,CAAA;AAGD,eAAe,cAAc,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import 'react-day-picker/dist/style.css';
|
|
2
|
+
import type { Locale } from "date-fns";
|
|
3
|
+
type Props = {
|
|
4
|
+
value?: Date | null;
|
|
5
|
+
onChange: (v: Date | null) => void;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
locale?: Locale;
|
|
9
|
+
localeId?: string;
|
|
10
|
+
label?: string;
|
|
11
|
+
error?: boolean;
|
|
12
|
+
errorMessage?: string;
|
|
13
|
+
inputClassName?: string;
|
|
14
|
+
};
|
|
15
|
+
declare const DatePicker: {
|
|
16
|
+
(props: Props): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
displayName: string;
|
|
18
|
+
};
|
|
19
|
+
export default DatePicker;
|
|
20
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,iCAAiC,CAAA;AAIxC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGvC,KAAK,KAAK,GAAG;IACT,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,UAAU;YAAW,KAAK;;CA2D/B,CAAA;AAGD,eAAe,UAAU,CAAA"}
|
|
@@ -4,6 +4,8 @@ interface Props extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
|
4
4
|
error?: boolean;
|
|
5
5
|
errorMessage?: string;
|
|
6
6
|
label?: string;
|
|
7
|
+
prefixIcon?: React.ReactNode;
|
|
8
|
+
suffixIcon?: React.ReactNode;
|
|
7
9
|
}
|
|
8
10
|
declare const Input: {
|
|
9
11
|
(props: Props): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,UAAU,KAAM,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,UAAU,KAAM,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,QAAA,MAAM,KAAK;YAAW,KAAK;;CA2D1B,CAAC;AAGF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
type ModalOptionsProps = {
|
|
3
|
+
title: string;
|
|
4
|
+
subtitle?: string;
|
|
5
|
+
icon?: React.ReactNode;
|
|
6
|
+
size?: 'sm' | 'md' | 'lg' | 'full';
|
|
7
|
+
footer?: React.ReactNode;
|
|
8
|
+
};
|
|
9
|
+
type Props = {
|
|
10
|
+
open: boolean;
|
|
11
|
+
onClose: () => void;
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
modalOptions: ModalOptionsProps;
|
|
14
|
+
className?: string;
|
|
15
|
+
};
|
|
16
|
+
declare const Modal: {
|
|
17
|
+
(props: Props): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
20
|
+
export default Modal;
|
|
21
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,iBAAiB,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IAClC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,KAAK,KAAK,GAAG;IACT,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,EAAE,iBAAiB,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAA;AAED,QAAA,MAAM,KAAK;YAAW,KAAK;;CA2D1B,CAAC;AAGF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/otp-input/index.tsx"],"names":[],"mappings":"AAAA,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAG/D,QAAA,MAAM,QAAQ;YAAW,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC;;CAO1D,CAAC;AAGF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,cAAc,EAAC,MAAM,OAAO,CAAC;AAErD,QAAA,MAAM,QAAQ;YAAW,cAAc;;CAOtC,CAAC;AAGF,eAAe,QAAQ,CAAC"}
|