@luminescent/ui 0.7.2 → 0.7.4
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/LICENSE +661 -661
- package/README.md +48 -48
- package/package.json +62 -62
- package/src/tailwind.config.js +71 -71
- package/lib/index.qwik.cjs +0 -1944
- package/lib/index.qwik.mjs +0 -1944
- package/lib-types/components/elements/Anchor.d.ts +0 -5
- package/lib-types/components/elements/Button.d.ts +0 -32
- package/lib-types/components/elements/Card.d.ts +0 -105
- package/lib-types/components/elements/ColorInput.d.ts +0 -9
- package/lib-types/components/elements/Header.d.ts +0 -8
- package/lib-types/components/elements/LoadingIcon.d.ts +0 -10
- package/lib-types/components/elements/NumberInput.d.ts +0 -25
- package/lib-types/components/elements/SelectInput.d.ts +0 -14
- package/lib-types/components/elements/TextArea.d.ts +0 -13
- package/lib-types/components/elements/TextInput.d.ts +0 -15
- package/lib-types/components/elements/Toggle.d.ts +0 -12
- package/lib-types/components/elements.d.ts +0 -11
- 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/LoadingIcon.d.ts +0 -8
- 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/Minus.d.ts +0 -2
- package/lib-types/svg/Plus.d.ts +0 -2
- package/lib-types/tailwind.config.d.ts +0 -122
- package/lib-types/utils/simple-color-picker/color.d.ts +0 -51
- package/lib-types/utils/simple-color-picker/index.d.ts +0 -145
- package/lib-types/utils/simple-color-picker/utils.d.ts +0 -6
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import type { PropsOf } from '@builder.io/qwik';
|
|
2
|
-
export declare const buttonColorClasses: {
|
|
3
|
-
blue: string;
|
|
4
|
-
purple: string;
|
|
5
|
-
pink: string;
|
|
6
|
-
gray: string;
|
|
7
|
-
darkgray: string;
|
|
8
|
-
red: string;
|
|
9
|
-
green: string;
|
|
10
|
-
yellow: string;
|
|
11
|
-
};
|
|
12
|
-
export declare const sizeClasses: {
|
|
13
|
-
sm: string;
|
|
14
|
-
md: string;
|
|
15
|
-
lg: string;
|
|
16
|
-
xl: string;
|
|
17
|
-
};
|
|
18
|
-
interface GenericButtonProps {
|
|
19
|
-
color?: keyof typeof buttonColorClasses;
|
|
20
|
-
size?: keyof typeof sizeClasses;
|
|
21
|
-
class?: {
|
|
22
|
-
[key: string]: boolean | undefined;
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
interface ButtonProps extends Omit<PropsOf<'button'>, 'class'>, GenericButtonProps {
|
|
26
|
-
}
|
|
27
|
-
interface AnchorProps extends Omit<PropsOf<'a'>, 'class'>, GenericButtonProps {
|
|
28
|
-
href: string;
|
|
29
|
-
}
|
|
30
|
-
export declare const Button: import("@builder.io/qwik").Component<ButtonProps>;
|
|
31
|
-
export declare const ButtonAnchor: import("@builder.io/qwik").Component<AnchorProps>;
|
|
32
|
-
export {};
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
import type { PropsOf } from '@builder.io/qwik';
|
|
2
|
-
interface CardProps extends Omit<PropsOf<'div'>, 'class'> {
|
|
3
|
-
color?: keyof typeof cardColorClasses;
|
|
4
|
-
hover?: boolean | 'clickable';
|
|
5
|
-
href?: string;
|
|
6
|
-
row?: boolean;
|
|
7
|
-
blobs?: boolean;
|
|
8
|
-
class?: {
|
|
9
|
-
[key: string]: boolean;
|
|
10
|
-
};
|
|
11
|
-
}
|
|
12
|
-
export declare const cardColorClasses: {
|
|
13
|
-
pink: {
|
|
14
|
-
card: {
|
|
15
|
-
bg_blobs: string;
|
|
16
|
-
bg: string;
|
|
17
|
-
hover: string;
|
|
18
|
-
click: string;
|
|
19
|
-
};
|
|
20
|
-
blobs: string[];
|
|
21
|
-
};
|
|
22
|
-
red: {
|
|
23
|
-
card: {
|
|
24
|
-
bg_blobs: string;
|
|
25
|
-
bg: string;
|
|
26
|
-
hover: string;
|
|
27
|
-
click: string;
|
|
28
|
-
};
|
|
29
|
-
blobs: string[];
|
|
30
|
-
};
|
|
31
|
-
orange: {
|
|
32
|
-
card: {
|
|
33
|
-
bg_blobs: string;
|
|
34
|
-
bg: string;
|
|
35
|
-
hover: string;
|
|
36
|
-
click: string;
|
|
37
|
-
};
|
|
38
|
-
blobs: string[];
|
|
39
|
-
};
|
|
40
|
-
yellow: {
|
|
41
|
-
card: {
|
|
42
|
-
bg_blobs: string;
|
|
43
|
-
bg: string;
|
|
44
|
-
hover: string;
|
|
45
|
-
click: string;
|
|
46
|
-
};
|
|
47
|
-
blobs: string[];
|
|
48
|
-
};
|
|
49
|
-
green: {
|
|
50
|
-
card: {
|
|
51
|
-
bg_blobs: string;
|
|
52
|
-
bg: string;
|
|
53
|
-
hover: string;
|
|
54
|
-
click: string;
|
|
55
|
-
};
|
|
56
|
-
blobs: string[];
|
|
57
|
-
};
|
|
58
|
-
blue: {
|
|
59
|
-
card: {
|
|
60
|
-
bg_blobs: string;
|
|
61
|
-
bg: string;
|
|
62
|
-
hover: string;
|
|
63
|
-
click: string;
|
|
64
|
-
};
|
|
65
|
-
blobs: string[];
|
|
66
|
-
};
|
|
67
|
-
purple: {
|
|
68
|
-
card: {
|
|
69
|
-
bg_blobs: string;
|
|
70
|
-
bg: string;
|
|
71
|
-
hover: string;
|
|
72
|
-
click: string;
|
|
73
|
-
};
|
|
74
|
-
blobs: string[];
|
|
75
|
-
};
|
|
76
|
-
gray: {
|
|
77
|
-
card: {
|
|
78
|
-
bg_blobs: string;
|
|
79
|
-
bg: string;
|
|
80
|
-
hover: string;
|
|
81
|
-
click: string;
|
|
82
|
-
};
|
|
83
|
-
blobs: string[];
|
|
84
|
-
};
|
|
85
|
-
darkgray: {
|
|
86
|
-
card: {
|
|
87
|
-
bg_blobs: string;
|
|
88
|
-
bg: string;
|
|
89
|
-
hover: string;
|
|
90
|
-
click: string;
|
|
91
|
-
};
|
|
92
|
-
blobs: string[];
|
|
93
|
-
};
|
|
94
|
-
darkergray: {
|
|
95
|
-
card: {
|
|
96
|
-
bg_blobs: string;
|
|
97
|
-
bg: string;
|
|
98
|
-
hover: string;
|
|
99
|
-
click: string;
|
|
100
|
-
};
|
|
101
|
-
blobs: string[];
|
|
102
|
-
};
|
|
103
|
-
};
|
|
104
|
-
export declare const Card: import("@builder.io/qwik").Component<CardProps>;
|
|
105
|
-
export {};
|
|
@@ -1,9 +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, element: HTMLInputElement) => void>;
|
|
5
|
-
value?: string;
|
|
6
|
-
presetColors?: string[];
|
|
7
|
-
preview?: 'left' | 'right' | 'top' | 'bottom' | 'full';
|
|
8
|
-
}
|
|
9
|
-
export declare const ColorInput: import("@builder.io/qwik").Component<ColorInputProps>;
|
|
@@ -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,25 +0,0 @@
|
|
|
1
|
-
import type { PropsOf, QRL } from '@builder.io/qwik';
|
|
2
|
-
interface NumberInputRawProps extends Omit<(PropsOf<'input'> & {
|
|
3
|
-
type: 'number';
|
|
4
|
-
}), 'class' | 'type'> {
|
|
5
|
-
onDecrement$: QRL<(event: PointerEvent, element: HTMLButtonElement, store: {
|
|
6
|
-
value: number;
|
|
7
|
-
}) => void>;
|
|
8
|
-
onIncrement$: QRL<(event: PointerEvent, element: HTMLButtonElement, store: {
|
|
9
|
-
value: number;
|
|
10
|
-
}) => void>;
|
|
11
|
-
input?: boolean;
|
|
12
|
-
class?: {
|
|
13
|
-
[key: string]: boolean;
|
|
14
|
-
};
|
|
15
|
-
value?: number;
|
|
16
|
-
min?: number;
|
|
17
|
-
max?: number;
|
|
18
|
-
step?: number;
|
|
19
|
-
}
|
|
20
|
-
interface NumberInputProps extends Omit<NumberInputRawProps, 'children'> {
|
|
21
|
-
id: string;
|
|
22
|
-
}
|
|
23
|
-
export declare const NumberInput: import("@builder.io/qwik").Component<NumberInputProps>;
|
|
24
|
-
export declare const NumberInputRaw: import("@builder.io/qwik").Component<NumberInputRawProps>;
|
|
25
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { PropsOf } from '@builder.io/qwik';
|
|
2
|
-
interface SelectInputProps extends Omit<PropsOf<'select'>, 'class'> {
|
|
3
|
-
class?: {
|
|
4
|
-
[key: string]: boolean;
|
|
5
|
-
};
|
|
6
|
-
id: string;
|
|
7
|
-
values: {
|
|
8
|
-
name: string;
|
|
9
|
-
value: string | number;
|
|
10
|
-
}[];
|
|
11
|
-
}
|
|
12
|
-
export declare const SelectInput: import("@builder.io/qwik").Component<SelectInputProps>;
|
|
13
|
-
export declare const SelectInputRaw: import("@builder.io/qwik").Component<SelectInputProps>;
|
|
14
|
-
export {};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { PropsOf } from '@builder.io/qwik';
|
|
2
|
-
export interface TextAreaRawProps extends Omit<PropsOf<'textarea'>, 'class' | 'onChange$' | 'onClick$'> {
|
|
3
|
-
class?: {
|
|
4
|
-
[key: string]: boolean;
|
|
5
|
-
};
|
|
6
|
-
output?: boolean;
|
|
7
|
-
}
|
|
8
|
-
interface TextAreaProps extends Omit<TextAreaRawProps, 'children'> {
|
|
9
|
-
id: string;
|
|
10
|
-
}
|
|
11
|
-
export declare const TextArea: import("@builder.io/qwik").Component<TextAreaProps>;
|
|
12
|
-
export declare const TextAreaRaw: import("@builder.io/qwik").Component<TextAreaRawProps>;
|
|
13
|
-
export {};
|
|
@@ -1,15 +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
|
-
}
|
|
9
|
-
interface TextInputProps extends Omit<TextInputRawProps, 'children'> {
|
|
10
|
-
id: string;
|
|
11
|
-
}
|
|
12
|
-
export declare const InputClasses = "transition ease-in-out text-lg border border-gray-700 bg-gray-800 text-gray-50 hover:bg-gray-700 hover:shadow-lg focus:bg-gray-700 focus:outline-none focus:border-gray-400 rounded-md px-3 py-2";
|
|
13
|
-
export declare const TextInput: import("@builder.io/qwik").Component<TextInputProps>;
|
|
14
|
-
export declare const TextInputRaw: import("@builder.io/qwik").Component<TextInputRawProps>;
|
|
15
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { PropsOf } from '@builder.io/qwik';
|
|
2
|
-
interface ToggleProps extends Omit<(PropsOf<'input'> & {
|
|
3
|
-
type: 'checkbox';
|
|
4
|
-
}), 'class' | 'bind:checked' | 'type' | 'children'> {
|
|
5
|
-
class?: {
|
|
6
|
-
[key: string]: boolean;
|
|
7
|
-
};
|
|
8
|
-
center?: boolean;
|
|
9
|
-
label?: string;
|
|
10
|
-
}
|
|
11
|
-
export declare const Toggle: import("@builder.io/qwik").Component<ToggleProps>;
|
|
12
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export * from './elements/Anchor';
|
|
2
|
-
export * from './elements/Button';
|
|
3
|
-
export * from './elements/Card';
|
|
4
|
-
export * from './elements/ColorInput';
|
|
5
|
-
export * from './elements/Header';
|
|
6
|
-
export * from './elements/LoadingIcon';
|
|
7
|
-
export * from './elements/NumberInput';
|
|
8
|
-
export * from './elements/SelectInput';
|
|
9
|
-
export * from './elements/TextArea';
|
|
10
|
-
export * from './elements/TextInput';
|
|
11
|
-
export * from './elements/Toggle';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export * from './logos/Birdflop';
|
|
2
|
-
export * from './logos/Discord';
|
|
3
|
-
export * from './logos/Fabric';
|
|
4
|
-
export * from './logos/Forge';
|
|
5
|
-
export * from './logos/Luminescent';
|
|
6
|
-
export * from './logos/Paper';
|
|
7
|
-
export * from './logos/Pterodactyl';
|
|
8
|
-
export * from './logos/Purpur';
|
|
9
|
-
export * from './logos/Velocity';
|
|
10
|
-
export * from './logos/Waterfall';
|
package/lib-types/entry.dev.d.ts
DELETED
package/lib-types/entry.ssr.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* WHAT IS THIS FILE?
|
|
3
|
-
*
|
|
4
|
-
* SSR entry point, in all cases the application is rendered outside the browser, this
|
|
5
|
-
* entry point will be the common one.
|
|
6
|
-
*
|
|
7
|
-
* - Server (express, cloudflare...)
|
|
8
|
-
* - npm run start
|
|
9
|
-
* - npm run preview
|
|
10
|
-
* - npm run build
|
|
11
|
-
*
|
|
12
|
-
*/
|
|
13
|
-
import { type RenderToStreamOptions } from '@builder.io/qwik/server';
|
|
14
|
-
export default function (opts: RenderToStreamOptions): Promise<import("@builder.io/qwik/server").RenderToStreamResult>;
|
package/lib-types/index.d.ts
DELETED
package/lib-types/root.d.ts
DELETED
package/lib-types/svg/Minus.d.ts
DELETED
package/lib-types/svg/Plus.d.ts
DELETED
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
export let content: string[];
|
|
2
|
-
export namespace theme {
|
|
3
|
-
namespace extend {
|
|
4
|
-
namespace animation {
|
|
5
|
-
let blob: string;
|
|
6
|
-
let blob1: string;
|
|
7
|
-
let blob2: string;
|
|
8
|
-
let blob3: string;
|
|
9
|
-
let blob4: string;
|
|
10
|
-
let blob5: string;
|
|
11
|
-
let blob6: string;
|
|
12
|
-
let float: string;
|
|
13
|
-
}
|
|
14
|
-
namespace keyframes {
|
|
15
|
-
let blob_1: {
|
|
16
|
-
'0%, 100%': {
|
|
17
|
-
transform: string;
|
|
18
|
-
};
|
|
19
|
-
'25%': {
|
|
20
|
-
transform: string;
|
|
21
|
-
};
|
|
22
|
-
'50%': {
|
|
23
|
-
transform: string;
|
|
24
|
-
};
|
|
25
|
-
'75%': {
|
|
26
|
-
transform: string;
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
export { blob_1 as blob };
|
|
30
|
-
let blob1_1: {
|
|
31
|
-
'0%, 100%': {
|
|
32
|
-
transform: string;
|
|
33
|
-
};
|
|
34
|
-
'25%': {
|
|
35
|
-
transform: string;
|
|
36
|
-
};
|
|
37
|
-
'50%': {
|
|
38
|
-
transform: string;
|
|
39
|
-
};
|
|
40
|
-
'75%': {
|
|
41
|
-
transform: string;
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
export { blob1_1 as blob1 };
|
|
45
|
-
let blob2_1: {
|
|
46
|
-
'0%, 100%': {
|
|
47
|
-
transform: string;
|
|
48
|
-
};
|
|
49
|
-
'25%': {
|
|
50
|
-
transform: string;
|
|
51
|
-
};
|
|
52
|
-
'50%': {
|
|
53
|
-
transform: string;
|
|
54
|
-
};
|
|
55
|
-
'75%': {
|
|
56
|
-
transform: string;
|
|
57
|
-
};
|
|
58
|
-
};
|
|
59
|
-
export { blob2_1 as blob2 };
|
|
60
|
-
let blob3_1: {
|
|
61
|
-
'0%, 100%': {
|
|
62
|
-
transform: string;
|
|
63
|
-
};
|
|
64
|
-
'25%': {
|
|
65
|
-
transform: string;
|
|
66
|
-
};
|
|
67
|
-
'50%': {
|
|
68
|
-
transform: string;
|
|
69
|
-
};
|
|
70
|
-
'75%': {
|
|
71
|
-
transform: string;
|
|
72
|
-
};
|
|
73
|
-
};
|
|
74
|
-
export { blob3_1 as blob3 };
|
|
75
|
-
let blob4_1: {
|
|
76
|
-
'0%, 100%': {
|
|
77
|
-
transform: string;
|
|
78
|
-
};
|
|
79
|
-
'25%': {
|
|
80
|
-
transform: string;
|
|
81
|
-
};
|
|
82
|
-
'50%': {
|
|
83
|
-
transform: string;
|
|
84
|
-
};
|
|
85
|
-
'75%': {
|
|
86
|
-
transform: string;
|
|
87
|
-
};
|
|
88
|
-
};
|
|
89
|
-
export { blob4_1 as blob4 };
|
|
90
|
-
let blob5_1: {
|
|
91
|
-
'0%, 100%': {
|
|
92
|
-
transform: string;
|
|
93
|
-
};
|
|
94
|
-
'25%': {
|
|
95
|
-
transform: string;
|
|
96
|
-
};
|
|
97
|
-
'50%': {
|
|
98
|
-
transform: string;
|
|
99
|
-
};
|
|
100
|
-
'75%': {
|
|
101
|
-
transform: string;
|
|
102
|
-
};
|
|
103
|
-
};
|
|
104
|
-
export { blob5_1 as blob5 };
|
|
105
|
-
let blob6_1: {
|
|
106
|
-
'0%, 100%': {
|
|
107
|
-
transform: string;
|
|
108
|
-
};
|
|
109
|
-
'25%': {
|
|
110
|
-
transform: string;
|
|
111
|
-
};
|
|
112
|
-
'50%': {
|
|
113
|
-
transform: string;
|
|
114
|
-
};
|
|
115
|
-
'75%': {
|
|
116
|
-
transform: string;
|
|
117
|
-
};
|
|
118
|
-
};
|
|
119
|
-
export { blob6_1 as blob6 };
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
export type RGBAColor = {
|
|
2
|
-
r: number;
|
|
3
|
-
g: number;
|
|
4
|
-
b: number;
|
|
5
|
-
a?: number;
|
|
6
|
-
};
|
|
7
|
-
export type HSVAColor = {
|
|
8
|
-
h: number;
|
|
9
|
-
s: number;
|
|
10
|
-
v: number;
|
|
11
|
-
a?: number;
|
|
12
|
-
};
|
|
13
|
-
export declare class Color {
|
|
14
|
-
private _rgba;
|
|
15
|
-
private _hsva;
|
|
16
|
-
private _hexNumber;
|
|
17
|
-
private _brightness;
|
|
18
|
-
private _hexString;
|
|
19
|
-
private _isDark;
|
|
20
|
-
private _isLight;
|
|
21
|
-
constructor(color: number | string);
|
|
22
|
-
fromHex(color?: number | string): void;
|
|
23
|
-
fromHsv(color: HSVAColor): void;
|
|
24
|
-
private _updateBrightness;
|
|
25
|
-
get rgb(): RGBAColor;
|
|
26
|
-
get hsv(): HSVAColor;
|
|
27
|
-
get hex(): number;
|
|
28
|
-
get hexString(): string;
|
|
29
|
-
get brightness(): number;
|
|
30
|
-
get isDark(): boolean;
|
|
31
|
-
get isLight(): boolean;
|
|
32
|
-
}
|
|
33
|
-
export declare function getBrightness(color: RGBAColor): number;
|
|
34
|
-
export declare function hexNumberToRgb(color: number): {
|
|
35
|
-
r: number;
|
|
36
|
-
g: number;
|
|
37
|
-
b: number;
|
|
38
|
-
};
|
|
39
|
-
export declare function rgbToHex(color: RGBAColor): string;
|
|
40
|
-
export declare const numberToHexString: (color: number) => string;
|
|
41
|
-
export declare const hexStringToNumber: (color: string) => number;
|
|
42
|
-
export declare function hsvToRgb(color: HSVAColor): {
|
|
43
|
-
r: number;
|
|
44
|
-
g: number;
|
|
45
|
-
b: number;
|
|
46
|
-
};
|
|
47
|
-
export declare function rgbToHsv(color: RGBAColor): {
|
|
48
|
-
h: number;
|
|
49
|
-
s: number;
|
|
50
|
-
v: number;
|
|
51
|
-
};
|