@gamecrafters/base-ui 0.0.7 → 0.0.8
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/build/components/chart/Chart.d.ts +3 -17
- package/build/components/chart/Chart.types.d.ts +107 -51
- package/build/components/chart/ChartContext.d.ts +3 -0
- package/build/components/chart/ChartGradient.d.ts +7 -0
- package/build/components/chart/ChartLegend.d.ts +6 -5
- package/build/components/chart/ChartRadialText.d.ts +7 -0
- package/build/components/chart/ChartTooltip.d.ts +6 -7
- package/build/components/chart/chartPalette.d.ts +13 -0
- package/build/components/chart/index.d.ts +14 -30
- package/build/components/chart/useChart.d.ts +3 -0
- package/build/components/checkbox-card/CheckboxCard.d.ts +14 -0
- package/build/components/checkbox-card/CheckboxCard.types.d.ts +26 -0
- package/build/components/checkbox-card/CheckboxCardContext.d.ts +2 -0
- package/build/components/checkbox-card/CheckboxCardLeadingVisual.d.ts +5 -0
- package/build/components/checkbox-card/index.d.ts +27 -0
- package/build/components/{upload/Upload.d.ts → file-upload/FileUpload.d.ts} +5 -5
- package/build/components/file-upload/FileUpload.types.d.ts +51 -0
- package/build/components/file-upload/FileUploadContext.d.ts +2 -0
- package/build/components/file-upload/FileUploadDescription.d.ts +5 -0
- package/build/components/{upload/UploadItem.d.ts → file-upload/FileUploadItem.d.ts} +1 -1
- package/build/components/file-upload/FileUploadLabel.d.ts +5 -0
- package/build/components/{upload → file-upload}/files.d.ts +2 -2
- package/build/components/{upload → file-upload}/index.d.ts +14 -14
- package/build/components/hover-card/HoverCard.d.ts +7 -0
- package/build/components/hover-card/HoverCard.types.d.ts +33 -0
- package/build/components/hover-card/HoverCardContent.d.ts +5 -0
- package/build/components/hover-card/HoverCardContext.d.ts +2 -0
- package/build/components/hover-card/HoverCardTrigger.d.ts +15 -0
- package/build/components/hover-card/index.d.ts +12 -0
- package/build/components/index.d.ts +12 -1
- package/build/components/list/List.d.ts +10 -0
- package/build/components/list/List.types.d.ts +12 -0
- package/build/components/list/ListItem.d.ts +7 -0
- package/build/components/list/index.d.ts +16 -0
- package/build/components/marquee/Marquee.d.ts +11 -0
- package/build/components/marquee/Marquee.types.d.ts +26 -0
- package/build/components/marquee/index.d.ts +3 -0
- package/build/components/marquee/useMarquee.d.ts +14 -0
- package/build/components/number-input/NumberInput.d.ts +14 -0
- package/build/components/number-input/NumberInput.types.d.ts +14 -0
- package/build/components/number-input/index.d.ts +3 -0
- package/build/components/number-input/numberValue.d.ts +7 -0
- package/build/components/password-input/PasswordInput.d.ts +11 -0
- package/build/components/password-input/PasswordInput.types.d.ts +10 -0
- package/build/components/password-input/index.d.ts +2 -0
- package/build/components/pin-input/PINInput.d.ts +22 -0
- package/build/components/pin-input/PINInput.types.d.ts +21 -0
- package/build/components/pin-input/index.d.ts +2 -0
- package/build/components/qr-code/QRCode.d.ts +21 -0
- package/build/components/qr-code/QRCode.types.d.ts +35 -0
- package/build/components/qr-code/index.d.ts +2 -0
- package/build/components/radio-card/RadioCard.d.ts +14 -0
- package/build/components/radio-card/RadioCard.types.d.ts +26 -0
- package/build/components/radio-card/RadioCardContext.d.ts +2 -0
- package/build/components/radio-card/RadioCardDescription.d.ts +5 -0
- package/build/components/radio-card/RadioCardLabel.d.ts +5 -0
- package/build/components/radio-card/RadioCardLeadingVisual.d.ts +5 -0
- package/build/components/radio-card/index.d.ts +27 -0
- package/build/components/statistic-card/StatisticCard.d.ts +5 -0
- package/build/components/statistic-card/StatisticCard.types.d.ts +26 -0
- package/build/components/statistic-card/StatisticCardContext.d.ts +2 -0
- package/build/components/statistic-card/StatisticCardDescription.d.ts +5 -0
- package/build/components/statistic-card/StatisticCardLabel.d.ts +5 -0
- package/build/components/statistic-card/StatisticCardTrailingVisual.d.ts +5 -0
- package/build/components/statistic-card/StatisticCardTrend.d.ts +8 -0
- package/build/components/statistic-card/StatisticCardValue.d.ts +5 -0
- package/build/components/statistic-card/index.d.ts +29 -0
- package/build/components/steps/Steps.d.ts +10 -0
- package/build/components/steps/Steps.types.d.ts +31 -0
- package/build/components/steps/StepsBody.d.ts +5 -0
- package/build/components/steps/StepsDescription.d.ts +5 -0
- package/build/components/steps/StepsIndicator.d.ts +5 -0
- package/build/components/steps/StepsItem.d.ts +8 -0
- package/build/components/steps/StepsItemContext.d.ts +2 -0
- package/build/components/steps/StepsTitle.d.ts +5 -0
- package/build/components/steps/index.d.ts +35 -0
- package/build/components/steps/useStepsItem.d.ts +2 -0
- package/build/main.cjs.js +2 -2
- package/build/main.esm.js +2 -2
- package/build/styles/main.css +1 -1
- package/package.json +2 -6
- package/build/components/chart/chartScales.d.ts +0 -36
- package/build/components/chart/useChartWidth.d.ts +0 -2
- package/build/components/upload/Upload.types.d.ts +0 -51
- package/build/components/upload/UploadContext.d.ts +0 -2
- /package/build/components/{upload/UploadDescription.d.ts → checkbox-card/CheckboxCardDescription.d.ts} +0 -0
- /package/build/components/{upload/UploadLabel.d.ts → checkbox-card/CheckboxCardLabel.d.ts} +0 -0
- /package/build/components/{upload/UploadIcon.d.ts → file-upload/FileUploadIcon.d.ts} +0 -0
- /package/build/components/{upload/UploadList.d.ts → file-upload/FileUploadList.d.ts} +0 -0
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { HoverCardTriggerProps } from "./HoverCard.types";
|
|
3
|
+
type TriggerElementProps = {
|
|
4
|
+
ref?: React.Ref<HTMLElement>;
|
|
5
|
+
"aria-describedby"?: string;
|
|
6
|
+
onPointerEnter?: React.PointerEventHandler;
|
|
7
|
+
onPointerLeave?: React.PointerEventHandler;
|
|
8
|
+
onFocus?: React.FocusEventHandler;
|
|
9
|
+
onBlur?: React.FocusEventHandler;
|
|
10
|
+
};
|
|
11
|
+
declare function HoverCardTrigger(props: HoverCardTriggerProps): React.ReactElement<TriggerElementProps, string | React.JSXElementConstructor<any>> | null;
|
|
12
|
+
declare namespace HoverCardTrigger {
|
|
13
|
+
var displayName: string;
|
|
14
|
+
}
|
|
15
|
+
export default HoverCardTrigger;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import HoverCardBase from "./HoverCard";
|
|
2
|
+
import HoverCardContent from "./HoverCardContent";
|
|
3
|
+
import HoverCardTrigger from "./HoverCardTrigger";
|
|
4
|
+
export declare const HoverCard: typeof HoverCardBase & {
|
|
5
|
+
Trigger: typeof HoverCardTrigger;
|
|
6
|
+
Content: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
7
|
+
className?: string;
|
|
8
|
+
} & import("react").RefAttributes<any>) => React.ReactNode;
|
|
9
|
+
};
|
|
10
|
+
export { HoverCardTrigger, HoverCardContent };
|
|
11
|
+
export { HoverCardContext } from "./HoverCardContext";
|
|
12
|
+
export * from "./HoverCard.types";
|
|
@@ -19,6 +19,7 @@ export * from "./card";
|
|
|
19
19
|
export * from "./carousel";
|
|
20
20
|
export * from "./chart";
|
|
21
21
|
export * from "./checkbox";
|
|
22
|
+
export * from "./checkbox-card";
|
|
22
23
|
export * from "./checkbox-group";
|
|
23
24
|
export * from "./code";
|
|
24
25
|
export * from "./code-block";
|
|
@@ -33,11 +34,13 @@ export * from "./dialog";
|
|
|
33
34
|
export * from "./drawer";
|
|
34
35
|
export * from "./em";
|
|
35
36
|
export * from "./empty-state";
|
|
37
|
+
export * from "./file-upload";
|
|
36
38
|
export * from "./filtered-action-list";
|
|
37
39
|
export * from "./form-control";
|
|
38
40
|
export * from "./heading";
|
|
39
41
|
export * from "./hidden";
|
|
40
42
|
export * from "./highlight";
|
|
43
|
+
export * from "./hover-card";
|
|
41
44
|
export * from "./icon-button";
|
|
42
45
|
export * from "./image";
|
|
43
46
|
export * from "./inline-message";
|
|
@@ -45,20 +48,27 @@ export * from "./keybinding-hint";
|
|
|
45
48
|
export * from "./label";
|
|
46
49
|
export * from "./link";
|
|
47
50
|
export * from "./link-button";
|
|
51
|
+
export * from "./list";
|
|
48
52
|
export * from "./mark";
|
|
49
53
|
export * from "./markdown";
|
|
54
|
+
export * from "./marquee";
|
|
50
55
|
export * from "./nav-list";
|
|
56
|
+
export * from "./number-input";
|
|
51
57
|
export * from "./page-content";
|
|
52
58
|
export * from "./page-footer";
|
|
53
59
|
export * from "./page-header";
|
|
54
60
|
export * from "./page-layout";
|
|
55
61
|
export * from "./page-sidebar";
|
|
56
62
|
export * from "./pagination";
|
|
63
|
+
export * from "./password-input";
|
|
64
|
+
export * from "./pin-input";
|
|
57
65
|
export * from "./placeholder";
|
|
58
66
|
export * from "./portal";
|
|
59
67
|
export * from "./progress-bar";
|
|
60
68
|
export * from "./progress-circle";
|
|
69
|
+
export * from "./qr-code";
|
|
61
70
|
export * from "./radio";
|
|
71
|
+
export * from "./radio-card";
|
|
62
72
|
export * from "./radio-group";
|
|
63
73
|
export * from "./rating";
|
|
64
74
|
export * from "./relative-time";
|
|
@@ -75,7 +85,9 @@ export * from "./slider";
|
|
|
75
85
|
export * from "./spinner";
|
|
76
86
|
export * from "./stack";
|
|
77
87
|
export * from "./state-label";
|
|
88
|
+
export * from "./statistic-card";
|
|
78
89
|
export * from "./status";
|
|
90
|
+
export * from "./steps";
|
|
79
91
|
export * from "./tabs";
|
|
80
92
|
export * from "./text";
|
|
81
93
|
export * from "./text-input";
|
|
@@ -88,4 +100,3 @@ export * from "./tooltip";
|
|
|
88
100
|
export * from "./topic-tag";
|
|
89
101
|
export * from "./tree-view";
|
|
90
102
|
export * from "./truncate";
|
|
91
|
-
export * from "./upload";
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { ListSpacing, ListVariant } from "./List.types";
|
|
3
|
+
declare const _default: <As extends React.ElementType = "ul">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "ul" : As> & {
|
|
4
|
+
variant?: ListVariant;
|
|
5
|
+
spacing?: ListSpacing;
|
|
6
|
+
className?: string;
|
|
7
|
+
}, "as"> & {
|
|
8
|
+
as?: As | undefined;
|
|
9
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
10
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
import type { PolymorphicProps } from "../../utilities/polymorphic";
|
|
3
|
+
export type ListVariant = "bullet" | "number" | "plain";
|
|
4
|
+
export type ListSpacing = "condensed" | "normal" | "spacious";
|
|
5
|
+
export type ListProps<As extends React.ElementType = "ul"> = PolymorphicProps<As, "ul", {
|
|
6
|
+
variant?: ListVariant;
|
|
7
|
+
spacing?: ListSpacing;
|
|
8
|
+
className?: string;
|
|
9
|
+
}>;
|
|
10
|
+
export type ListItemProps<As extends React.ElementType = "li"> = PolymorphicProps<As, "li", {
|
|
11
|
+
className?: string;
|
|
12
|
+
}>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const _default: <As extends React.ElementType = "li">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "li" : As> & {
|
|
3
|
+
className?: string;
|
|
4
|
+
}, "as"> & {
|
|
5
|
+
as?: As | undefined;
|
|
6
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import ListItem from "./ListItem";
|
|
2
|
+
export declare const List: (<As extends React.ElementType = "ul">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "ul" : As> & {
|
|
3
|
+
variant?: import("./List.types").ListVariant;
|
|
4
|
+
spacing?: import("./List.types").ListSpacing;
|
|
5
|
+
className?: string;
|
|
6
|
+
}, "as"> & {
|
|
7
|
+
as?: As | undefined;
|
|
8
|
+
} & import("react").RefAttributes<any>) => React.ReactNode) & {
|
|
9
|
+
Item: <As extends React.ElementType = "li">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "li" : As> & {
|
|
10
|
+
className?: string;
|
|
11
|
+
}, "as"> & {
|
|
12
|
+
as?: As | undefined;
|
|
13
|
+
} & import("react").RefAttributes<any>) => React.ReactNode;
|
|
14
|
+
};
|
|
15
|
+
export { ListItem };
|
|
16
|
+
export * from "./List.types";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { MarqueeSide, MarqueeSpacing } from "./Marquee.types";
|
|
3
|
+
declare const _default: (props: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
4
|
+
side?: MarqueeSide;
|
|
5
|
+
speed?: import("./Marquee.types").MarqueeSpeed;
|
|
6
|
+
spacing?: MarqueeSpacing;
|
|
7
|
+
pauseOnHover?: boolean;
|
|
8
|
+
paused?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
11
|
+
export default _default;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
export type MarqueeSide = "start" | "end" | "top" | "bottom";
|
|
3
|
+
export type MarqueeAxis = "inline" | "block";
|
|
4
|
+
export type MarqueeSpeed = "slow" | "medium" | "fast";
|
|
5
|
+
export type MarqueeSpacing = "none" | "tight" | "condensed" | "cozy" | "normal" | "spacious";
|
|
6
|
+
export type MarqueeProps = React.ComponentPropsWithoutRef<"div"> & {
|
|
7
|
+
side?: MarqueeSide;
|
|
8
|
+
speed?: MarqueeSpeed;
|
|
9
|
+
spacing?: MarqueeSpacing;
|
|
10
|
+
pauseOnHover?: boolean;
|
|
11
|
+
paused?: boolean;
|
|
12
|
+
className?: string;
|
|
13
|
+
};
|
|
14
|
+
export type UseMarqueeOptions = {
|
|
15
|
+
side?: MarqueeSide;
|
|
16
|
+
speed?: MarqueeSpeed;
|
|
17
|
+
};
|
|
18
|
+
export type UseMarqueeResult = {
|
|
19
|
+
rootRef: React.RefObject<HTMLDivElement | null>;
|
|
20
|
+
groupRef: React.RefObject<HTMLDivElement | null>;
|
|
21
|
+
axis: MarqueeAxis;
|
|
22
|
+
copies: number;
|
|
23
|
+
distance: number;
|
|
24
|
+
duration: number;
|
|
25
|
+
style: React.CSSProperties;
|
|
26
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { UseMarqueeOptions, UseMarqueeResult } from "./Marquee.types";
|
|
2
|
+
export declare const MARQUEE_SPEEDS: {
|
|
3
|
+
slow: number;
|
|
4
|
+
medium: number;
|
|
5
|
+
fast: number;
|
|
6
|
+
};
|
|
7
|
+
export declare const MARQUEE_AXES: {
|
|
8
|
+
start: "inline";
|
|
9
|
+
end: "inline";
|
|
10
|
+
top: "block";
|
|
11
|
+
bottom: "block";
|
|
12
|
+
};
|
|
13
|
+
export declare const MARQUEE_MINIMUM_COPIES = 2;
|
|
14
|
+
export declare const useMarquee: ({ side, speed, }?: UseMarqueeOptions) => UseMarqueeResult;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const _default: (props: Omit<import("..").TextInputProps, "onChange" | "value" | "defaultValue" | "type" | "step" | "trailingAction" | "max" | "min" | "characterLimit"> & {
|
|
3
|
+
value?: number | null;
|
|
4
|
+
defaultValue?: number;
|
|
5
|
+
min?: number;
|
|
6
|
+
max?: number;
|
|
7
|
+
step?: number;
|
|
8
|
+
onChange?: (value: number | null, event?: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
+
hideStepper?: boolean;
|
|
10
|
+
incrementLabel?: string;
|
|
11
|
+
decrementLabel?: string;
|
|
12
|
+
className?: string;
|
|
13
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
import type { TextInputProps } from "../text-input/TextInput.types";
|
|
3
|
+
export type NumberInputProps = Omit<TextInputProps, "type" | "value" | "defaultValue" | "min" | "max" | "step" | "onChange" | "characterLimit" | "trailingAction"> & {
|
|
4
|
+
value?: number | null;
|
|
5
|
+
defaultValue?: number;
|
|
6
|
+
min?: number;
|
|
7
|
+
max?: number;
|
|
8
|
+
step?: number;
|
|
9
|
+
onChange?: (value: number | null, event?: React.ChangeEvent<HTMLInputElement>) => void;
|
|
10
|
+
hideStepper?: boolean;
|
|
11
|
+
incrementLabel?: string;
|
|
12
|
+
decrementLabel?: string;
|
|
13
|
+
className?: string;
|
|
14
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const clampToRange: (value: number, min?: number, max?: number) => number;
|
|
2
|
+
export declare const stepValue: (value: number | null, direction: 1 | -1, { step, min, max }?: {
|
|
3
|
+
step?: number;
|
|
4
|
+
min?: number;
|
|
5
|
+
max?: number;
|
|
6
|
+
}) => number;
|
|
7
|
+
export declare const readValue: (input: HTMLInputElement) => number | null;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const _default: (props: Omit<import("..").TextInputProps, "type" | "trailingAction"> & {
|
|
3
|
+
visible?: boolean;
|
|
4
|
+
defaultVisible?: boolean;
|
|
5
|
+
onVisibilityChange?: (visible: boolean) => void;
|
|
6
|
+
hideToggle?: boolean;
|
|
7
|
+
showLabel?: string;
|
|
8
|
+
hideLabel?: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
11
|
+
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { TextInputProps } from "../text-input/TextInput.types";
|
|
2
|
+
export type PasswordInputProps = Omit<TextInputProps, "type" | "trailingAction"> & {
|
|
3
|
+
visible?: boolean;
|
|
4
|
+
defaultVisible?: boolean;
|
|
5
|
+
onVisibilityChange?: (visible: boolean) => void;
|
|
6
|
+
hideToggle?: boolean;
|
|
7
|
+
showLabel?: string;
|
|
8
|
+
hideLabel?: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { TextInputSize } from "../text-input/TextInput.types";
|
|
3
|
+
import type { PINInputType } from "./PINInput.types";
|
|
4
|
+
declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onChange" | "defaultValue"> & {
|
|
5
|
+
length?: number;
|
|
6
|
+
value?: string;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
type?: PINInputType;
|
|
9
|
+
mask?: boolean;
|
|
10
|
+
size?: TextInputSize;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
readOnly?: boolean;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
validationStatus?: import("..").TextInputValidationStatus;
|
|
15
|
+
autoFocus?: boolean;
|
|
16
|
+
autoComplete?: string;
|
|
17
|
+
onChange?: (value: string) => void;
|
|
18
|
+
onComplete?: (value: string) => void;
|
|
19
|
+
boxLabel?: string;
|
|
20
|
+
className?: string;
|
|
21
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
22
|
+
export default _default;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
import type { TextInputSize, TextInputValidationStatus } from "../text-input/TextInput.types";
|
|
3
|
+
export type PINInputType = "numeric" | "alphanumeric";
|
|
4
|
+
export type PINInputProps = Omit<React.ComponentPropsWithoutRef<"div">, "onChange" | "defaultValue"> & {
|
|
5
|
+
length?: number;
|
|
6
|
+
value?: string;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
type?: PINInputType;
|
|
9
|
+
mask?: boolean;
|
|
10
|
+
size?: TextInputSize;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
readOnly?: boolean;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
validationStatus?: TextInputValidationStatus;
|
|
15
|
+
autoFocus?: boolean;
|
|
16
|
+
autoComplete?: string;
|
|
17
|
+
onChange?: (value: string) => void;
|
|
18
|
+
onComplete?: (value: string) => void;
|
|
19
|
+
boxLabel?: string;
|
|
20
|
+
className?: string;
|
|
21
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & {
|
|
3
|
+
value: string;
|
|
4
|
+
size?: number;
|
|
5
|
+
margin?: number;
|
|
6
|
+
ecLevel?: import("../../lib/qr-code").ErrorCorrectionLevel;
|
|
7
|
+
version?: number;
|
|
8
|
+
mode?: import("../../lib/qr-code").EncodingMode;
|
|
9
|
+
mask?: import("./QRCode.types").QRCodeMask;
|
|
10
|
+
dotType?: import("./QRCode.types").QRCodeDotType;
|
|
11
|
+
dotSize?: number;
|
|
12
|
+
corners?: import("./QRCode.types").QRCodeCorners;
|
|
13
|
+
color?: string;
|
|
14
|
+
background?: string;
|
|
15
|
+
logo?: React.ReactNode;
|
|
16
|
+
logoSize?: number;
|
|
17
|
+
label?: string;
|
|
18
|
+
fallback?: React.ReactNode;
|
|
19
|
+
className?: string;
|
|
20
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
21
|
+
export default _default;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
import type { CornerOptions, DotType } from "../../lib/qr-code/types";
|
|
3
|
+
import type { EncodingMode, ErrorCorrectionLevel, QRCodeOptions } from "../../lib/qr-code/core/types";
|
|
4
|
+
export type QRCodeDotType = DotType;
|
|
5
|
+
export type QRCodeMask = NonNullable<QRCodeOptions["mask"]>;
|
|
6
|
+
export type QRCodeCornerOptions = {
|
|
7
|
+
outerShape?: CornerOptions["outerShape"];
|
|
8
|
+
innerShape?: CornerOptions["innerShape"];
|
|
9
|
+
outerColor?: string;
|
|
10
|
+
innerColor?: string;
|
|
11
|
+
};
|
|
12
|
+
export type QRCodeCorners = {
|
|
13
|
+
topLeft?: QRCodeCornerOptions;
|
|
14
|
+
topRight?: QRCodeCornerOptions;
|
|
15
|
+
bottomLeft?: QRCodeCornerOptions;
|
|
16
|
+
};
|
|
17
|
+
export type QRCodeProps = Omit<React.ComponentPropsWithoutRef<"div">, "children"> & {
|
|
18
|
+
value: string;
|
|
19
|
+
size?: number;
|
|
20
|
+
margin?: number;
|
|
21
|
+
ecLevel?: ErrorCorrectionLevel;
|
|
22
|
+
version?: number;
|
|
23
|
+
mode?: EncodingMode;
|
|
24
|
+
mask?: QRCodeMask;
|
|
25
|
+
dotType?: QRCodeDotType;
|
|
26
|
+
dotSize?: number;
|
|
27
|
+
corners?: QRCodeCorners;
|
|
28
|
+
color?: string;
|
|
29
|
+
background?: string;
|
|
30
|
+
logo?: React.ReactNode;
|
|
31
|
+
logoSize?: number;
|
|
32
|
+
label?: string;
|
|
33
|
+
fallback?: React.ReactNode;
|
|
34
|
+
className?: string;
|
|
35
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { RadioCardValidationStatus } from "./RadioCard.types";
|
|
3
|
+
declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">, "onChange"> & {
|
|
4
|
+
value: string;
|
|
5
|
+
name?: string;
|
|
6
|
+
checked?: boolean;
|
|
7
|
+
defaultChecked?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
required?: boolean;
|
|
10
|
+
validationStatus?: RadioCardValidationStatus;
|
|
11
|
+
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
12
|
+
className?: string;
|
|
13
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
export type RadioCardValidationStatus = "error" | "success";
|
|
3
|
+
export type RadioCardProps = Omit<React.ComponentPropsWithoutRef<"label">, "onChange"> & {
|
|
4
|
+
value: string;
|
|
5
|
+
name?: string;
|
|
6
|
+
checked?: boolean;
|
|
7
|
+
defaultChecked?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
required?: boolean;
|
|
10
|
+
validationStatus?: RadioCardValidationStatus;
|
|
11
|
+
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
12
|
+
className?: string;
|
|
13
|
+
};
|
|
14
|
+
export type RadioCardLabelProps = React.ComponentPropsWithoutRef<"span"> & {
|
|
15
|
+
className?: string;
|
|
16
|
+
};
|
|
17
|
+
export type RadioCardDescriptionProps = React.ComponentPropsWithoutRef<"span"> & {
|
|
18
|
+
className?: string;
|
|
19
|
+
};
|
|
20
|
+
export type RadioCardLeadingVisualProps = React.ComponentPropsWithoutRef<"span"> & {
|
|
21
|
+
className?: string;
|
|
22
|
+
};
|
|
23
|
+
export type RadioCardContextValue = {
|
|
24
|
+
labelId?: string;
|
|
25
|
+
descriptionId?: string;
|
|
26
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import RadioCardDescription from "./RadioCardDescription";
|
|
2
|
+
import RadioCardLabel from "./RadioCardLabel";
|
|
3
|
+
import RadioCardLeadingVisual from "./RadioCardLeadingVisual";
|
|
4
|
+
export declare const RadioCard: ((props: Omit<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">, "onChange"> & {
|
|
5
|
+
value: string;
|
|
6
|
+
name?: string;
|
|
7
|
+
checked?: boolean;
|
|
8
|
+
defaultChecked?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
required?: boolean;
|
|
11
|
+
validationStatus?: import("./RadioCard.types").RadioCardValidationStatus;
|
|
12
|
+
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
13
|
+
className?: string;
|
|
14
|
+
} & import("react").RefAttributes<any>) => React.ReactNode) & {
|
|
15
|
+
LeadingVisual: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
16
|
+
className?: string;
|
|
17
|
+
} & import("react").RefAttributes<any>) => React.ReactNode;
|
|
18
|
+
Label: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
19
|
+
className?: string;
|
|
20
|
+
} & import("react").RefAttributes<any>) => React.ReactNode;
|
|
21
|
+
Description: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
22
|
+
className?: string;
|
|
23
|
+
} & import("react").RefAttributes<any>) => React.ReactNode;
|
|
24
|
+
};
|
|
25
|
+
export { RadioCardLeadingVisual, RadioCardLabel, RadioCardDescription };
|
|
26
|
+
export { RadioCardContext } from "./RadioCardContext";
|
|
27
|
+
export * from "./RadioCard.types";
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
export type StatisticCardTrendDirection = "increase" | "decrease" | "neutral";
|
|
3
|
+
export type StatisticCardTrendSentiment = "positive" | "negative" | "neutral";
|
|
4
|
+
export type StatisticCardProps = React.ComponentPropsWithoutRef<"div"> & {
|
|
5
|
+
className?: string;
|
|
6
|
+
};
|
|
7
|
+
export type StatisticCardLabelProps = React.ComponentPropsWithoutRef<"span"> & {
|
|
8
|
+
className?: string;
|
|
9
|
+
};
|
|
10
|
+
export type StatisticCardValueProps = React.ComponentPropsWithoutRef<"span"> & {
|
|
11
|
+
className?: string;
|
|
12
|
+
};
|
|
13
|
+
export type StatisticCardTrendProps = React.ComponentPropsWithoutRef<"span"> & {
|
|
14
|
+
direction: StatisticCardTrendDirection;
|
|
15
|
+
sentiment?: StatisticCardTrendSentiment;
|
|
16
|
+
className?: string;
|
|
17
|
+
};
|
|
18
|
+
export type StatisticCardDescriptionProps = React.ComponentPropsWithoutRef<"span"> & {
|
|
19
|
+
className?: string;
|
|
20
|
+
};
|
|
21
|
+
export type StatisticCardTrailingVisualProps = React.ComponentPropsWithoutRef<"span"> & {
|
|
22
|
+
className?: string;
|
|
23
|
+
};
|
|
24
|
+
export type StatisticCardContextValue = {
|
|
25
|
+
labelId?: string;
|
|
26
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { StatisticCardTrendDirection, StatisticCardTrendSentiment } from "./StatisticCard.types";
|
|
3
|
+
declare const _default: (props: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
4
|
+
direction: StatisticCardTrendDirection;
|
|
5
|
+
sentiment?: StatisticCardTrendSentiment;
|
|
6
|
+
className?: string;
|
|
7
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import StatisticCardDescription from "./StatisticCardDescription";
|
|
2
|
+
import StatisticCardLabel from "./StatisticCardLabel";
|
|
3
|
+
import StatisticCardTrailingVisual from "./StatisticCardTrailingVisual";
|
|
4
|
+
import StatisticCardTrend from "./StatisticCardTrend";
|
|
5
|
+
import StatisticCardValue from "./StatisticCardValue";
|
|
6
|
+
export declare const StatisticCard: ((props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
7
|
+
className?: string;
|
|
8
|
+
} & import("react").RefAttributes<any>) => React.ReactNode) & {
|
|
9
|
+
Label: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
10
|
+
className?: string;
|
|
11
|
+
} & import("react").RefAttributes<any>) => React.ReactNode;
|
|
12
|
+
Value: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
13
|
+
className?: string;
|
|
14
|
+
} & import("react").RefAttributes<any>) => React.ReactNode;
|
|
15
|
+
Trend: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
16
|
+
direction: import("./StatisticCard.types").StatisticCardTrendDirection;
|
|
17
|
+
sentiment?: import("./StatisticCard.types").StatisticCardTrendSentiment;
|
|
18
|
+
className?: string;
|
|
19
|
+
} & import("react").RefAttributes<any>) => React.ReactNode;
|
|
20
|
+
Description: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
21
|
+
className?: string;
|
|
22
|
+
} & import("react").RefAttributes<any>) => React.ReactNode;
|
|
23
|
+
TrailingVisual: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
24
|
+
className?: string;
|
|
25
|
+
} & import("react").RefAttributes<any>) => React.ReactNode;
|
|
26
|
+
};
|
|
27
|
+
export { StatisticCardLabel, StatisticCardValue, StatisticCardTrend, StatisticCardDescription, StatisticCardTrailingVisual, };
|
|
28
|
+
export { StatisticCardContext } from "./StatisticCardContext";
|
|
29
|
+
export * from "./StatisticCard.types";
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { StepsOrientation, StepsSize } from "./Steps.types";
|
|
3
|
+
export declare const DEFAULT_CURRENT_STEP = 1;
|
|
4
|
+
declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref">, "role"> & {
|
|
5
|
+
currentStep?: number;
|
|
6
|
+
orientation?: StepsOrientation;
|
|
7
|
+
size?: StepsSize;
|
|
8
|
+
className?: string;
|
|
9
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
10
|
+
export default _default;
|