@lundal/zed-solid 0.0.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/dist/App.d.ts +9 -0
- package/dist/Button.d.ts +10 -0
- package/dist/Card.d.ts +7 -0
- package/dist/CheckBox.d.ts +12 -0
- package/dist/CheckBoxes.d.ts +17 -0
- package/dist/Column.d.ts +7 -0
- package/dist/Dialog.d.ts +8 -0
- package/dist/Field.d.ts +17 -0
- package/dist/Form.d.ts +8 -0
- package/dist/Header.d.ts +9 -0
- package/dist/Headings.d.ts +10 -0
- package/dist/Icon.d.ts +8 -0
- package/dist/IconButton.d.ts +11 -0
- package/dist/Link.d.ts +8 -0
- package/dist/Nav.d.ts +7 -0
- package/dist/NavHeader.d.ts +7 -0
- package/dist/NavLink.d.ts +9 -0
- package/dist/RadioButtons.d.ts +18 -0
- package/dist/Row.d.ts +7 -0
- package/dist/Select.d.ts +17 -0
- package/dist/Spinner.d.ts +7 -0
- package/dist/TextBox.d.ts +12 -0
- package/dist/index.d.ts +22 -0
- package/dist/index.js +969 -0
- package/dist/style.css +589 -0
- package/dist/utils.d.ts +1 -0
- package/package.json +33 -0
package/dist/App.d.ts
ADDED
package/dist/Button.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { JSX } from "solid-js";
|
|
2
|
+
export type ButtonProps = {
|
|
3
|
+
class?: string;
|
|
4
|
+
style?: JSX.CSSProperties;
|
|
5
|
+
busy?: boolean;
|
|
6
|
+
type: "primary" | "secondary" | "tertiary";
|
|
7
|
+
label: string;
|
|
8
|
+
onClick: () => void;
|
|
9
|
+
};
|
|
10
|
+
export declare function Button(props: ButtonProps): JSX.Element;
|
package/dist/Card.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { JSX } from "solid-js";
|
|
2
|
+
export type CheckBoxProps = {
|
|
3
|
+
class?: string;
|
|
4
|
+
style?: JSX.CSSProperties;
|
|
5
|
+
id: string;
|
|
6
|
+
invalid?: boolean;
|
|
7
|
+
errormessage?: string;
|
|
8
|
+
label: string;
|
|
9
|
+
value: boolean;
|
|
10
|
+
onChange: (value: boolean) => void;
|
|
11
|
+
};
|
|
12
|
+
export declare function CheckBox(props: CheckBoxProps): JSX.Element;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { JSX } from "solid-js";
|
|
2
|
+
type Option = {
|
|
3
|
+
label: string;
|
|
4
|
+
value: boolean;
|
|
5
|
+
onChange: (values: boolean) => void;
|
|
6
|
+
};
|
|
7
|
+
export type CheckBoxesProps = {
|
|
8
|
+
class?: string;
|
|
9
|
+
style?: JSX.CSSProperties;
|
|
10
|
+
id: string;
|
|
11
|
+
label: string;
|
|
12
|
+
error?: string | false;
|
|
13
|
+
errorPlaceholder?: boolean;
|
|
14
|
+
options: Option[];
|
|
15
|
+
};
|
|
16
|
+
export declare function CheckBoxes(props: CheckBoxesProps): JSX.Element;
|
|
17
|
+
export {};
|
package/dist/Column.d.ts
ADDED
package/dist/Dialog.d.ts
ADDED
package/dist/Field.d.ts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Accessor, JSX } from "solid-js";
|
|
2
|
+
type ExtraProps = {
|
|
3
|
+
id: string;
|
|
4
|
+
invalid: boolean;
|
|
5
|
+
errorId: string | undefined;
|
|
6
|
+
};
|
|
7
|
+
export type FieldProps = {
|
|
8
|
+
class?: string;
|
|
9
|
+
style?: JSX.CSSProperties;
|
|
10
|
+
id: string;
|
|
11
|
+
label: string;
|
|
12
|
+
error?: string | false;
|
|
13
|
+
errorPlaceholder?: boolean;
|
|
14
|
+
children: (extra: Accessor<ExtraProps>) => JSX.Element;
|
|
15
|
+
};
|
|
16
|
+
export declare function Field(props: FieldProps): JSX.Element;
|
|
17
|
+
export {};
|
package/dist/Form.d.ts
ADDED
package/dist/Header.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { JSX } from "solid-js";
|
|
2
|
+
export type HeadingProps = {
|
|
3
|
+
class?: string;
|
|
4
|
+
style?: JSX.CSSProperties;
|
|
5
|
+
lookLike?: "h1" | "h2" | "h3";
|
|
6
|
+
children: JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
export declare function H1(props: HeadingProps): JSX.Element;
|
|
9
|
+
export declare function H2(props: HeadingProps): JSX.Element;
|
|
10
|
+
export declare function H3(props: HeadingProps): JSX.Element;
|
package/dist/Icon.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { JSX } from "solid-js";
|
|
2
|
+
import { IconDefinition } from "@fortawesome/fontawesome-common-types";
|
|
3
|
+
export type IconProps = {
|
|
4
|
+
class?: string;
|
|
5
|
+
style?: JSX.CSSProperties;
|
|
6
|
+
definition: IconDefinition;
|
|
7
|
+
};
|
|
8
|
+
export declare function Icon(props: IconProps): JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { JSX } from "solid-js";
|
|
2
|
+
export type IconButtonProps = {
|
|
3
|
+
class?: string;
|
|
4
|
+
style?: JSX.CSSProperties;
|
|
5
|
+
busy?: boolean;
|
|
6
|
+
type: "primary" | "secondary" | "tertiary";
|
|
7
|
+
icon: JSX.Element;
|
|
8
|
+
label: string;
|
|
9
|
+
onClick: () => void;
|
|
10
|
+
};
|
|
11
|
+
export declare function IconButton(props: IconButtonProps): JSX.Element;
|
package/dist/Link.d.ts
ADDED
package/dist/Nav.d.ts
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { JSX } from "solid-js";
|
|
2
|
+
type Option<T> = {
|
|
3
|
+
label: string;
|
|
4
|
+
value: T;
|
|
5
|
+
};
|
|
6
|
+
export type RadioButtonsProps<T> = {
|
|
7
|
+
class?: string;
|
|
8
|
+
style?: JSX.CSSProperties;
|
|
9
|
+
id: string;
|
|
10
|
+
label: string;
|
|
11
|
+
error?: string | false;
|
|
12
|
+
errorPlaceholder?: boolean;
|
|
13
|
+
options: Option<T>[];
|
|
14
|
+
value: T;
|
|
15
|
+
onChange: (value: T) => void;
|
|
16
|
+
};
|
|
17
|
+
export declare function RadioButtons<T>(props: RadioButtonsProps<T>): JSX.Element;
|
|
18
|
+
export {};
|
package/dist/Row.d.ts
ADDED
package/dist/Select.d.ts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { JSX } from "solid-js";
|
|
2
|
+
type Option<T> = {
|
|
3
|
+
label: string;
|
|
4
|
+
value: T;
|
|
5
|
+
};
|
|
6
|
+
export type SelectProps<T> = {
|
|
7
|
+
class?: string;
|
|
8
|
+
style?: JSX.CSSProperties;
|
|
9
|
+
id: string;
|
|
10
|
+
invalid: boolean;
|
|
11
|
+
errorId: string | undefined;
|
|
12
|
+
options: Option<T>[];
|
|
13
|
+
value: T;
|
|
14
|
+
onChange: (value: T) => void;
|
|
15
|
+
};
|
|
16
|
+
export declare function Select<T>(props: SelectProps<T>): JSX.Element;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { JSX } from "solid-js";
|
|
2
|
+
export type TextBoxProps = {
|
|
3
|
+
class?: string;
|
|
4
|
+
style?: JSX.CSSProperties;
|
|
5
|
+
id: string;
|
|
6
|
+
invalid: boolean;
|
|
7
|
+
errorId: string | undefined;
|
|
8
|
+
hidden?: boolean;
|
|
9
|
+
value: string;
|
|
10
|
+
onChange: (value: string) => void;
|
|
11
|
+
};
|
|
12
|
+
export declare function TextBox(props: TextBoxProps): JSX.Element;
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export * from "./App.tsx";
|
|
2
|
+
export * from "./Button.tsx";
|
|
3
|
+
export * from "./Card.tsx";
|
|
4
|
+
export * from "./CheckBox.tsx";
|
|
5
|
+
export * from "./CheckBoxes.tsx";
|
|
6
|
+
export * from "./Column.tsx";
|
|
7
|
+
export * from "./Dialog.tsx";
|
|
8
|
+
export * from "./Field.tsx";
|
|
9
|
+
export * from "./Form.tsx";
|
|
10
|
+
export * from "./Header.tsx";
|
|
11
|
+
export * from "./Headings.tsx";
|
|
12
|
+
export * from "./Icon.tsx";
|
|
13
|
+
export * from "./IconButton.tsx";
|
|
14
|
+
export * from "./Link.tsx";
|
|
15
|
+
export * from "./Nav.tsx";
|
|
16
|
+
export * from "./NavHeader.tsx";
|
|
17
|
+
export * from "./NavLink.tsx";
|
|
18
|
+
export * from "./RadioButtons.tsx";
|
|
19
|
+
export * from "./Row.tsx";
|
|
20
|
+
export * from "./Select.tsx";
|
|
21
|
+
export * from "./Spinner.tsx";
|
|
22
|
+
export * from "./TextBox.tsx";
|