@luminescent/ui 0.19.2 → 1.0.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/package.json +16 -33
- package/src/components/bg.ts +38 -0
- package/src/components/btn.ts +9 -0
- package/src/components/card.ts +9 -0
- package/src/components/input.ts +9 -0
- package/src/components/loading.ts +9 -0
- package/src/components/pad.ts +60 -0
- package/src/index.ts +9 -0
- package/lib/index.qwik.cjs +0 -2730
- package/lib/index.qwik.mjs +0 -2730
- package/lib-types/components/docs/Anchor.d.ts +0 -2
- package/lib-types/components/docs/Blobs.d.ts +0 -2
- package/lib-types/components/docs/Button.d.ts +0 -2
- package/lib-types/components/docs/Card.d.ts +0 -2
- package/lib-types/components/docs/ColorInput.d.ts +0 -2
- package/lib-types/components/docs/ColorPicker.d.ts +0 -2
- package/lib-types/components/docs/Dropdown.d.ts +0 -2
- package/lib-types/components/docs/IconsLogos.d.ts +0 -2
- package/lib-types/components/docs/Nav.d.ts +0 -2
- package/lib-types/components/docs/NumberInput.d.ts +0 -2
- package/lib-types/components/docs/TextArea.d.ts +0 -2
- package/lib-types/components/docs/TextInput.d.ts +0 -2
- package/lib-types/components/docs/Toggle.d.ts +0 -2
- package/lib-types/components/elements/Anchor.d.ts +0 -5
- package/lib-types/components/elements/Blobs.d.ts +0 -36
- package/lib-types/components/elements/Button.d.ts +0 -182
- package/lib-types/components/elements/Card.d.ts +0 -159
- package/lib-types/components/elements/ColorInput.d.ts +0 -12
- package/lib-types/components/elements/ColorPicker.d.ts +0 -15
- package/lib-types/components/elements/Dropdown.d.ts +0 -22
- package/lib-types/components/elements/Header.d.ts +0 -12
- package/lib-types/components/elements/LoadingIcon.d.ts +0 -10
- package/lib-types/components/elements/Nav.d.ts +0 -38
- package/lib-types/components/elements/NumberInput.d.ts +0 -23
- package/lib-types/components/elements/TextArea.d.ts +0 -15
- package/lib-types/components/elements/TextInput.d.ts +0 -43
- package/lib-types/components/elements/Toggle.d.ts +0 -212
- package/lib-types/components/elements.d.ts +0 -13
- package/lib-types/components/logos/Birdflop.d.ts +0 -7
- package/lib-types/components/logos/Discord.d.ts +0 -2
- package/lib-types/components/logos/Fabric.d.ts +0 -2
- package/lib-types/components/logos/Forge.d.ts +0 -2
- package/lib-types/components/logos/IconProps.d.ts +0 -3
- package/lib-types/components/logos/Luminescent.d.ts +0 -3
- package/lib-types/components/logos/Paper.d.ts +0 -2
- package/lib-types/components/logos/Pterodactyl.d.ts +0 -2
- package/lib-types/components/logos/Purpur.d.ts +0 -2
- package/lib-types/components/logos/Velocity.d.ts +0 -2
- package/lib-types/components/logos/Waterfall.d.ts +0 -2
- package/lib-types/components/logos.d.ts +0 -10
- package/lib-types/entry.dev.d.ts +0 -2
- package/lib-types/entry.ssr.d.ts +0 -14
- package/lib-types/index.d.ts +0 -2
- package/lib-types/root.d.ts +0 -3
- package/lib-types/svg/ChevronDown.d.ts +0 -2
- package/lib-types/svg/Link.d.ts +0 -2
- package/lib-types/svg/Minus.d.ts +0 -2
- package/lib-types/svg/Plus.d.ts +0 -2
- package/lib-types/svg/Shuffle.d.ts +0 -2
- package/lib-types/utils/color.d.ts +0 -36
- package/src/tailwind.config.js +0 -86
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import type { sizeClasses } from './Button';
|
|
2
|
-
interface BlobProps {
|
|
3
|
-
class?: {
|
|
4
|
-
[key: string]: boolean;
|
|
5
|
-
};
|
|
6
|
-
color?: keyof typeof blobColorClasses | [string, string, string];
|
|
7
|
-
blur?: keyof typeof sizeClasses;
|
|
8
|
-
}
|
|
9
|
-
export declare const blobColorClasses: {
|
|
10
|
-
slate: string[];
|
|
11
|
-
gray: string[];
|
|
12
|
-
darkgray: string[];
|
|
13
|
-
darkergray: string[];
|
|
14
|
-
zinc: string[];
|
|
15
|
-
neutral: string[];
|
|
16
|
-
stone: string[];
|
|
17
|
-
red: string[];
|
|
18
|
-
orange: string[];
|
|
19
|
-
amber: string[];
|
|
20
|
-
yellow: string[];
|
|
21
|
-
lime: string[];
|
|
22
|
-
green: string[];
|
|
23
|
-
emerald: string[];
|
|
24
|
-
teal: string[];
|
|
25
|
-
cyan: string[];
|
|
26
|
-
sky: string[];
|
|
27
|
-
blue: string[];
|
|
28
|
-
indigo: string[];
|
|
29
|
-
violet: string[];
|
|
30
|
-
purple: string[];
|
|
31
|
-
fuchsia: string[];
|
|
32
|
-
pink: string[];
|
|
33
|
-
rose: string[];
|
|
34
|
-
};
|
|
35
|
-
export declare const Blobs: import("@builder.io/qwik").Component<BlobProps>;
|
|
36
|
-
export {};
|
|
@@ -1,182 +0,0 @@
|
|
|
1
|
-
import type { PropsOf } from '@builder.io/qwik';
|
|
2
|
-
export declare const buttonColorClasses: {
|
|
3
|
-
slate: {
|
|
4
|
-
hover: string;
|
|
5
|
-
bg: string;
|
|
6
|
-
};
|
|
7
|
-
gray: {
|
|
8
|
-
hover: string;
|
|
9
|
-
bg: string;
|
|
10
|
-
};
|
|
11
|
-
darkgray: {
|
|
12
|
-
hover: string;
|
|
13
|
-
bg: string;
|
|
14
|
-
};
|
|
15
|
-
darkergray: {
|
|
16
|
-
hover: string;
|
|
17
|
-
bg: string;
|
|
18
|
-
};
|
|
19
|
-
zinc: {
|
|
20
|
-
hover: string;
|
|
21
|
-
bg: string;
|
|
22
|
-
};
|
|
23
|
-
neutral: {
|
|
24
|
-
hover: string;
|
|
25
|
-
bg: string;
|
|
26
|
-
};
|
|
27
|
-
stone: {
|
|
28
|
-
hover: string;
|
|
29
|
-
bg: string;
|
|
30
|
-
};
|
|
31
|
-
red: {
|
|
32
|
-
hover: string;
|
|
33
|
-
bg: string;
|
|
34
|
-
};
|
|
35
|
-
orange: {
|
|
36
|
-
hover: string;
|
|
37
|
-
bg: string;
|
|
38
|
-
};
|
|
39
|
-
amber: {
|
|
40
|
-
hover: string;
|
|
41
|
-
bg: string;
|
|
42
|
-
};
|
|
43
|
-
yellow: {
|
|
44
|
-
hover: string;
|
|
45
|
-
bg: string;
|
|
46
|
-
};
|
|
47
|
-
lime: {
|
|
48
|
-
hover: string;
|
|
49
|
-
bg: string;
|
|
50
|
-
};
|
|
51
|
-
green: {
|
|
52
|
-
hover: string;
|
|
53
|
-
bg: string;
|
|
54
|
-
};
|
|
55
|
-
emerald: {
|
|
56
|
-
hover: string;
|
|
57
|
-
bg: string;
|
|
58
|
-
};
|
|
59
|
-
teal: {
|
|
60
|
-
hover: string;
|
|
61
|
-
bg: string;
|
|
62
|
-
};
|
|
63
|
-
cyan: {
|
|
64
|
-
hover: string;
|
|
65
|
-
bg: string;
|
|
66
|
-
};
|
|
67
|
-
sky: {
|
|
68
|
-
hover: string;
|
|
69
|
-
bg: string;
|
|
70
|
-
};
|
|
71
|
-
blue: {
|
|
72
|
-
hover: string;
|
|
73
|
-
bg: string;
|
|
74
|
-
};
|
|
75
|
-
indigo: {
|
|
76
|
-
hover: string;
|
|
77
|
-
bg: string;
|
|
78
|
-
};
|
|
79
|
-
violet: {
|
|
80
|
-
hover: string;
|
|
81
|
-
bg: string;
|
|
82
|
-
};
|
|
83
|
-
purple: {
|
|
84
|
-
hover: string;
|
|
85
|
-
bg: string;
|
|
86
|
-
};
|
|
87
|
-
fuchsia: {
|
|
88
|
-
hover: string;
|
|
89
|
-
bg: string;
|
|
90
|
-
};
|
|
91
|
-
pink: {
|
|
92
|
-
hover: string;
|
|
93
|
-
bg: string;
|
|
94
|
-
};
|
|
95
|
-
rose: {
|
|
96
|
-
hover: string;
|
|
97
|
-
bg: string;
|
|
98
|
-
};
|
|
99
|
-
};
|
|
100
|
-
export declare const mobileSizeClasses: {
|
|
101
|
-
xs: {
|
|
102
|
-
base: string;
|
|
103
|
-
round: string;
|
|
104
|
-
pad: string;
|
|
105
|
-
equal: string;
|
|
106
|
-
};
|
|
107
|
-
sm: {
|
|
108
|
-
base: string;
|
|
109
|
-
round: string;
|
|
110
|
-
pad: string;
|
|
111
|
-
equal: string;
|
|
112
|
-
};
|
|
113
|
-
md: {
|
|
114
|
-
base: string;
|
|
115
|
-
round: string;
|
|
116
|
-
pad: string;
|
|
117
|
-
equal: string;
|
|
118
|
-
};
|
|
119
|
-
lg: {
|
|
120
|
-
base: string;
|
|
121
|
-
round: string;
|
|
122
|
-
pad: string;
|
|
123
|
-
equal: string;
|
|
124
|
-
};
|
|
125
|
-
xl: {
|
|
126
|
-
base: string;
|
|
127
|
-
round: string;
|
|
128
|
-
pad: string;
|
|
129
|
-
equal: string;
|
|
130
|
-
};
|
|
131
|
-
};
|
|
132
|
-
export declare const sizeClasses: {
|
|
133
|
-
xs: {
|
|
134
|
-
base: string;
|
|
135
|
-
round: string;
|
|
136
|
-
pad: string;
|
|
137
|
-
equal: string;
|
|
138
|
-
};
|
|
139
|
-
sm: {
|
|
140
|
-
base: string;
|
|
141
|
-
round: string;
|
|
142
|
-
pad: string;
|
|
143
|
-
equal: string;
|
|
144
|
-
};
|
|
145
|
-
md: {
|
|
146
|
-
base: string;
|
|
147
|
-
round: string;
|
|
148
|
-
pad: string;
|
|
149
|
-
equal: string;
|
|
150
|
-
};
|
|
151
|
-
lg: {
|
|
152
|
-
base: string;
|
|
153
|
-
round: string;
|
|
154
|
-
pad: string;
|
|
155
|
-
equal: string;
|
|
156
|
-
};
|
|
157
|
-
xl: {
|
|
158
|
-
base: string;
|
|
159
|
-
round: string;
|
|
160
|
-
pad: string;
|
|
161
|
-
equal: string;
|
|
162
|
-
};
|
|
163
|
-
};
|
|
164
|
-
interface GenericButtonProps {
|
|
165
|
-
color?: keyof typeof buttonColorClasses;
|
|
166
|
-
transparent?: boolean;
|
|
167
|
-
size?: keyof typeof sizeClasses;
|
|
168
|
-
mobilesize?: keyof typeof mobileSizeClasses;
|
|
169
|
-
round?: boolean;
|
|
170
|
-
square?: boolean;
|
|
171
|
-
class?: {
|
|
172
|
-
[key: string]: boolean | undefined;
|
|
173
|
-
};
|
|
174
|
-
}
|
|
175
|
-
interface ButtonProps extends Omit<PropsOf<'button'>, 'class'>, GenericButtonProps {
|
|
176
|
-
}
|
|
177
|
-
interface AnchorProps extends Omit<PropsOf<'a'>, 'class'>, GenericButtonProps {
|
|
178
|
-
href: string;
|
|
179
|
-
}
|
|
180
|
-
export declare const Button: import("@builder.io/qwik").Component<ButtonProps>;
|
|
181
|
-
export declare const ButtonAnchor: import("@builder.io/qwik").Component<AnchorProps>;
|
|
182
|
-
export {};
|
|
@@ -1,159 +0,0 @@
|
|
|
1
|
-
import type { PropsOf } from '@builder.io/qwik';
|
|
2
|
-
interface CardProps extends Omit<PropsOf<'div'>, 'class'> {
|
|
3
|
-
color?: keyof typeof cardColorClasses;
|
|
4
|
-
blobs?: boolean | keyof typeof cardColorClasses;
|
|
5
|
-
hover?: boolean | 'clickable' | 'blur';
|
|
6
|
-
href?: string;
|
|
7
|
-
row?: boolean;
|
|
8
|
-
class?: {
|
|
9
|
-
[key: string]: boolean;
|
|
10
|
-
};
|
|
11
|
-
}
|
|
12
|
-
export declare const cardColorClasses: {
|
|
13
|
-
slate: {
|
|
14
|
-
bg_blobs: string;
|
|
15
|
-
bg: string;
|
|
16
|
-
hover: string;
|
|
17
|
-
click: string;
|
|
18
|
-
};
|
|
19
|
-
gray: {
|
|
20
|
-
bg_blobs: string;
|
|
21
|
-
bg: string;
|
|
22
|
-
hover: string;
|
|
23
|
-
click: string;
|
|
24
|
-
};
|
|
25
|
-
darkgray: {
|
|
26
|
-
bg_blobs: string;
|
|
27
|
-
bg: string;
|
|
28
|
-
hover: string;
|
|
29
|
-
click: string;
|
|
30
|
-
};
|
|
31
|
-
darkergray: {
|
|
32
|
-
bg_blobs: string;
|
|
33
|
-
bg: string;
|
|
34
|
-
hover: string;
|
|
35
|
-
click: string;
|
|
36
|
-
};
|
|
37
|
-
zinc: {
|
|
38
|
-
bg_blobs: string;
|
|
39
|
-
bg: string;
|
|
40
|
-
hover: string;
|
|
41
|
-
click: string;
|
|
42
|
-
};
|
|
43
|
-
neutral: {
|
|
44
|
-
bg_blobs: string;
|
|
45
|
-
bg: string;
|
|
46
|
-
hover: string;
|
|
47
|
-
click: string;
|
|
48
|
-
};
|
|
49
|
-
stone: {
|
|
50
|
-
bg_blobs: string;
|
|
51
|
-
bg: string;
|
|
52
|
-
hover: string;
|
|
53
|
-
click: string;
|
|
54
|
-
};
|
|
55
|
-
red: {
|
|
56
|
-
bg_blobs: string;
|
|
57
|
-
bg: string;
|
|
58
|
-
hover: string;
|
|
59
|
-
click: string;
|
|
60
|
-
};
|
|
61
|
-
orange: {
|
|
62
|
-
bg_blobs: string;
|
|
63
|
-
bg: string;
|
|
64
|
-
hover: string;
|
|
65
|
-
click: string;
|
|
66
|
-
};
|
|
67
|
-
amber: {
|
|
68
|
-
bg_blobs: string;
|
|
69
|
-
bg: string;
|
|
70
|
-
hover: string;
|
|
71
|
-
click: string;
|
|
72
|
-
};
|
|
73
|
-
yellow: {
|
|
74
|
-
bg_blobs: string;
|
|
75
|
-
bg: string;
|
|
76
|
-
hover: string;
|
|
77
|
-
click: string;
|
|
78
|
-
};
|
|
79
|
-
lime: {
|
|
80
|
-
bg_blobs: string;
|
|
81
|
-
bg: string;
|
|
82
|
-
hover: string;
|
|
83
|
-
click: string;
|
|
84
|
-
};
|
|
85
|
-
green: {
|
|
86
|
-
bg_blobs: string;
|
|
87
|
-
bg: string;
|
|
88
|
-
hover: string;
|
|
89
|
-
click: string;
|
|
90
|
-
};
|
|
91
|
-
emerald: {
|
|
92
|
-
bg_blobs: string;
|
|
93
|
-
bg: string;
|
|
94
|
-
hover: string;
|
|
95
|
-
click: string;
|
|
96
|
-
};
|
|
97
|
-
teal: {
|
|
98
|
-
bg_blobs: string;
|
|
99
|
-
bg: string;
|
|
100
|
-
hover: string;
|
|
101
|
-
click: string;
|
|
102
|
-
};
|
|
103
|
-
cyan: {
|
|
104
|
-
bg_blobs: string;
|
|
105
|
-
bg: string;
|
|
106
|
-
hover: string;
|
|
107
|
-
click: string;
|
|
108
|
-
};
|
|
109
|
-
sky: {
|
|
110
|
-
bg_blobs: string;
|
|
111
|
-
bg: string;
|
|
112
|
-
hover: string;
|
|
113
|
-
click: string;
|
|
114
|
-
};
|
|
115
|
-
blue: {
|
|
116
|
-
bg_blobs: string;
|
|
117
|
-
bg: string;
|
|
118
|
-
hover: string;
|
|
119
|
-
click: string;
|
|
120
|
-
};
|
|
121
|
-
indigo: {
|
|
122
|
-
bg_blobs: string;
|
|
123
|
-
bg: string;
|
|
124
|
-
hover: string;
|
|
125
|
-
click: string;
|
|
126
|
-
};
|
|
127
|
-
violet: {
|
|
128
|
-
bg_blobs: string;
|
|
129
|
-
bg: string;
|
|
130
|
-
hover: string;
|
|
131
|
-
click: string;
|
|
132
|
-
};
|
|
133
|
-
purple: {
|
|
134
|
-
bg_blobs: string;
|
|
135
|
-
bg: string;
|
|
136
|
-
hover: string;
|
|
137
|
-
click: string;
|
|
138
|
-
};
|
|
139
|
-
fuchsia: {
|
|
140
|
-
bg_blobs: string;
|
|
141
|
-
bg: string;
|
|
142
|
-
hover: string;
|
|
143
|
-
click: string;
|
|
144
|
-
};
|
|
145
|
-
pink: {
|
|
146
|
-
bg_blobs: string;
|
|
147
|
-
bg: string;
|
|
148
|
-
hover: string;
|
|
149
|
-
click: string;
|
|
150
|
-
};
|
|
151
|
-
rose: {
|
|
152
|
-
bg_blobs: string;
|
|
153
|
-
bg: string;
|
|
154
|
-
hover: string;
|
|
155
|
-
click: string;
|
|
156
|
-
};
|
|
157
|
-
};
|
|
158
|
-
export declare const Card: import("@builder.io/qwik").Component<CardProps>;
|
|
159
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { QRL } from '@builder.io/qwik';
|
|
2
|
-
import type { TextInputRawProps } from './TextInput';
|
|
3
|
-
export interface ColorInputProps extends Omit<TextInputRawProps, 'onInput$' | 'children'> {
|
|
4
|
-
onInput$?: QRL<(color: string) => void>;
|
|
5
|
-
value?: string;
|
|
6
|
-
colors?: string[];
|
|
7
|
-
preview?: 'left' | 'right' | 'top' | 'bottom' | 'full';
|
|
8
|
-
horizontal?: boolean;
|
|
9
|
-
showInput?: boolean;
|
|
10
|
-
id: string;
|
|
11
|
-
}
|
|
12
|
-
export declare const ColorInput: import("@builder.io/qwik").Component<ColorInputProps>;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type { PropsOf, QRL } from '@builder.io/qwik';
|
|
2
|
-
import type { TextInputRawProps } from './TextInput';
|
|
3
|
-
export interface ColorPickerProps extends Omit<PropsOf<'div'>, 'class' | 'onInput$'> {
|
|
4
|
-
class?: {
|
|
5
|
-
[key: string]: boolean;
|
|
6
|
-
};
|
|
7
|
-
onInput$?: QRL<(color: string) => void>;
|
|
8
|
-
value?: string;
|
|
9
|
-
colors?: string[];
|
|
10
|
-
color?: TextInputRawProps['color'];
|
|
11
|
-
preview?: 'left' | 'right' | 'top' | 'bottom' | 'full';
|
|
12
|
-
horizontal?: boolean;
|
|
13
|
-
showInput?: boolean;
|
|
14
|
-
}
|
|
15
|
-
export declare const ColorPicker: import("@builder.io/qwik").Component<ColorPickerProps>;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import type { JSXChildren, PropsOf } from '@builder.io/qwik';
|
|
2
|
-
import type { buttonColorClasses, sizeClasses } from './Button';
|
|
3
|
-
interface DropdownProps extends Omit<PropsOf<'select'>, 'class' | 'size'> {
|
|
4
|
-
class?: {
|
|
5
|
-
[key: string]: boolean;
|
|
6
|
-
};
|
|
7
|
-
display?: JSXChildren;
|
|
8
|
-
color?: keyof typeof buttonColorClasses;
|
|
9
|
-
round?: boolean;
|
|
10
|
-
transparent?: boolean;
|
|
11
|
-
size?: keyof typeof sizeClasses;
|
|
12
|
-
hover?: boolean;
|
|
13
|
-
values?: {
|
|
14
|
-
name: JSXChildren;
|
|
15
|
-
value: string | number;
|
|
16
|
-
color?: keyof typeof buttonColorClasses;
|
|
17
|
-
}[];
|
|
18
|
-
id: string;
|
|
19
|
-
}
|
|
20
|
-
export declare const Dropdown: import("@builder.io/qwik").Component<DropdownProps>;
|
|
21
|
-
export declare const DropdownRaw: import("@builder.io/qwik").Component<DropdownProps>;
|
|
22
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { JSXOutput, PropsOf } from '@builder.io/qwik';
|
|
2
|
-
interface HeaderProps extends Omit<PropsOf<'h2'>, 'class'> {
|
|
3
|
-
class?: {
|
|
4
|
-
[key: string]: boolean;
|
|
5
|
-
};
|
|
6
|
-
id?: string;
|
|
7
|
-
anchor?: boolean;
|
|
8
|
-
loading?: boolean;
|
|
9
|
-
subheader?: string | JSXOutput;
|
|
10
|
-
}
|
|
11
|
-
export declare const Header: import("@builder.io/qwik").Component<HeaderProps>;
|
|
12
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { PropsOf } from '@builder.io/qwik';
|
|
2
|
-
interface loadingIconProps extends Omit<PropsOf<'div'>, 'class'> {
|
|
3
|
-
class?: {
|
|
4
|
-
[key: string]: boolean;
|
|
5
|
-
};
|
|
6
|
-
width: number;
|
|
7
|
-
speed?: string;
|
|
8
|
-
}
|
|
9
|
-
export declare const LoadingIcon: import("@builder.io/qwik").Component<loadingIconProps>;
|
|
10
|
-
export {};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import type { PropsOf } from '@builder.io/qwik';
|
|
2
|
-
interface NavContainerProps extends Omit<PropsOf<'nav'>, 'class'> {
|
|
3
|
-
class?: {
|
|
4
|
-
[key: string]: boolean;
|
|
5
|
-
};
|
|
6
|
-
fixed?: boolean;
|
|
7
|
-
floating?: boolean;
|
|
8
|
-
color?: keyof typeof navColorClasses;
|
|
9
|
-
}
|
|
10
|
-
export declare const navColorClasses: {
|
|
11
|
-
slate: string;
|
|
12
|
-
gray: string;
|
|
13
|
-
darkgray: string;
|
|
14
|
-
darkergray: string;
|
|
15
|
-
zinc: string;
|
|
16
|
-
neutral: string;
|
|
17
|
-
stone: string;
|
|
18
|
-
red: string;
|
|
19
|
-
orange: string;
|
|
20
|
-
amber: string;
|
|
21
|
-
yellow: string;
|
|
22
|
-
lime: string;
|
|
23
|
-
green: string;
|
|
24
|
-
emerald: string;
|
|
25
|
-
teal: string;
|
|
26
|
-
cyan: string;
|
|
27
|
-
sky: string;
|
|
28
|
-
blue: string;
|
|
29
|
-
indigo: string;
|
|
30
|
-
violet: string;
|
|
31
|
-
purple: string;
|
|
32
|
-
fuchsia: string;
|
|
33
|
-
pink: string;
|
|
34
|
-
rose: string;
|
|
35
|
-
transparent: string;
|
|
36
|
-
};
|
|
37
|
-
export declare const Nav: import("@builder.io/qwik").Component<NavContainerProps>;
|
|
38
|
-
export {};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { PropsOf, QRL } from '@builder.io/qwik';
|
|
2
|
-
import { InputColorClasses } from './TextInput';
|
|
3
|
-
interface NumberInputRawProps extends Omit<(PropsOf<'input'> & {
|
|
4
|
-
type: 'number';
|
|
5
|
-
}), 'class' | 'type'> {
|
|
6
|
-
onDecrement$: QRL<(event: PointerEvent, element: HTMLButtonElement, inputElement?: HTMLInputElement) => void>;
|
|
7
|
-
onIncrement$: QRL<(event: PointerEvent, element: HTMLButtonElement, inputElement?: HTMLInputElement) => void>;
|
|
8
|
-
input?: boolean;
|
|
9
|
-
color?: keyof typeof InputColorClasses;
|
|
10
|
-
class?: {
|
|
11
|
-
[key: string]: boolean;
|
|
12
|
-
};
|
|
13
|
-
value?: number;
|
|
14
|
-
min?: number;
|
|
15
|
-
max?: number;
|
|
16
|
-
step?: number;
|
|
17
|
-
}
|
|
18
|
-
interface NumberInputProps extends Omit<NumberInputRawProps, 'children'> {
|
|
19
|
-
id: string;
|
|
20
|
-
}
|
|
21
|
-
export declare const NumberInput: import("@builder.io/qwik").Component<NumberInputProps>;
|
|
22
|
-
export declare const NumberInputRaw: import("@builder.io/qwik").Component<NumberInputRawProps>;
|
|
23
|
-
export {};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type { PropsOf } from '@builder.io/qwik';
|
|
2
|
-
import { InputColorClasses } from './TextInput';
|
|
3
|
-
export interface TextAreaRawProps extends Omit<PropsOf<'textarea'>, 'class' | 'onClick$'> {
|
|
4
|
-
class?: {
|
|
5
|
-
[key: string]: boolean;
|
|
6
|
-
};
|
|
7
|
-
color?: keyof typeof InputColorClasses;
|
|
8
|
-
output?: boolean;
|
|
9
|
-
}
|
|
10
|
-
interface TextAreaProps extends Omit<TextAreaRawProps, 'children'> {
|
|
11
|
-
id: string;
|
|
12
|
-
}
|
|
13
|
-
export declare const TextArea: import("@builder.io/qwik").Component<TextAreaProps>;
|
|
14
|
-
export declare const TextAreaRaw: import("@builder.io/qwik").Component<TextAreaRawProps>;
|
|
15
|
-
export {};
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import type { PropsOf } from '@builder.io/qwik';
|
|
2
|
-
export interface TextInputRawProps extends Omit<(PropsOf<'input'> & {
|
|
3
|
-
type: 'text';
|
|
4
|
-
}), 'class' | 'type'> {
|
|
5
|
-
class?: {
|
|
6
|
-
[key: string]: boolean;
|
|
7
|
-
};
|
|
8
|
-
color?: keyof typeof InputColorClasses;
|
|
9
|
-
}
|
|
10
|
-
interface TextInputProps extends Omit<TextInputRawProps, 'children'> {
|
|
11
|
-
id: string;
|
|
12
|
-
}
|
|
13
|
-
export declare const InputColorClasses: {
|
|
14
|
-
slate: string;
|
|
15
|
-
gray: string;
|
|
16
|
-
darkgray: string;
|
|
17
|
-
darkergray: string;
|
|
18
|
-
zinc: string;
|
|
19
|
-
neutral: string;
|
|
20
|
-
stone: string;
|
|
21
|
-
red: string;
|
|
22
|
-
orange: string;
|
|
23
|
-
amber: string;
|
|
24
|
-
yellow: string;
|
|
25
|
-
lime: string;
|
|
26
|
-
green: string;
|
|
27
|
-
emerald: string;
|
|
28
|
-
teal: string;
|
|
29
|
-
cyan: string;
|
|
30
|
-
sky: string;
|
|
31
|
-
blue: string;
|
|
32
|
-
indigo: string;
|
|
33
|
-
violet: string;
|
|
34
|
-
purple: string;
|
|
35
|
-
fuchsia: string;
|
|
36
|
-
pink: string;
|
|
37
|
-
rose: string;
|
|
38
|
-
transparent: string;
|
|
39
|
-
};
|
|
40
|
-
export declare const InputClasses = "motion-safe:transition ease-in-out border text-gray-50 hover:shadow-lg focus:outline-none rounded-md px-2.5 py-1.5 touch-manipulation";
|
|
41
|
-
export declare const TextInput: import("@builder.io/qwik").Component<TextInputProps>;
|
|
42
|
-
export declare const TextInputRaw: import("@builder.io/qwik").Component<TextInputRawProps>;
|
|
43
|
-
export {};
|