@luminescent/ui-qwik 6.8.3-2 → 6.9.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/LICENSE +661 -0
- package/lib/index.qwik.cjs +1746 -47
- package/lib/index.qwik.mjs +1720 -21
- package/lib-types/components/docs/Anchor.d.ts +4 -0
- package/lib-types/components/docs/Blobs.d.ts +4 -0
- package/lib-types/components/docs/ColorPicker.d.ts +4 -0
- package/lib-types/components/docs/Dropdown.d.ts +4 -0
- package/lib-types/components/docs/IconsLogos.d.ts +4 -0
- package/lib-types/components/docs/Nav.d.ts +4 -0
- package/lib-types/components/docs/NumberInput.d.ts +4 -0
- package/lib-types/components/docs/RangeInput.d.ts +4 -0
- package/lib-types/components/docs/SelectMenu.d.ts +4 -0
- package/lib-types/components/docs/Settings.d.ts +2 -0
- package/lib-types/components/docs/Sidebar.d.ts +4 -0
- package/lib-types/components/docs/Toggle.d.ts +4 -0
- package/lib-types/components/docs/lum-btn.d.ts +4 -0
- package/lib-types/components/docs/lum-card.d.ts +4 -0
- package/lib-types/components/docs/lum-classes.d.ts +4 -0
- package/lib-types/components/docs/lum-input.d.ts +4 -0
- package/{lib → lib-types}/components/elements/Anchor.d.ts +2 -2
- package/{lib → lib-types}/components/elements/Blobs.d.ts +1 -1
- package/{lib → lib-types}/components/elements/ColorPicker.d.ts +2 -2
- package/{lib → lib-types}/components/elements/Dropdown.d.ts +2 -2
- package/{lib → lib-types}/components/elements/Nav.d.ts +2 -2
- package/lib-types/components/elements/NumberInput.d.ts +21 -0
- package/{lib → lib-types}/components/elements/RangeInput.d.ts +3 -3
- package/{lib → lib-types}/components/elements/SelectMenu.d.ts +3 -3
- package/{lib → lib-types}/components/elements/Sidebar.d.ts +2 -2
- package/{lib → lib-types}/components/elements/Toggle.d.ts +2 -2
- package/{lib → lib-types}/components/logos/Birdflop.d.ts +1 -1
- package/{lib/components/logos/Waterfall.d.ts → lib-types/components/logos/Discord.d.ts} +1 -1
- package/{lib/components/logos/Velocity.d.ts → lib-types/components/logos/Fabric.d.ts} +1 -1
- package/lib-types/components/logos/Forge.d.ts +2 -0
- package/{lib → lib-types}/components/logos/IconProps.d.ts +1 -1
- package/lib-types/components/logos/Luminescent.d.ts +3 -0
- package/lib-types/components/logos/Paper.d.ts +2 -0
- package/lib-types/components/logos/Pterodactyl.d.ts +2 -0
- package/lib-types/components/logos/Purpur.d.ts +2 -0
- package/lib-types/components/logos/Velocity.d.ts +2 -0
- package/{lib/components/logos/Pterodactyl.d.ts → lib-types/components/logos/Waterfall.d.ts} +1 -1
- package/lib-types/entry.dev.d.ts +2 -0
- package/lib-types/entry.ssr.d.ts +14 -0
- package/lib-types/root.d.ts +3 -0
- package/lib-types/svg/ChevronDown.d.ts +2 -0
- package/lib-types/svg/Link.d.ts +2 -0
- package/lib-types/svg/Menu.d.ts +2 -0
- package/{lib/svg/Shuffle.d.ts → lib-types/svg/Minus.d.ts} +1 -1
- package/lib-types/svg/Plus.d.ts +2 -0
- package/lib-types/svg/Shuffle.d.ts +2 -0
- package/package.json +25 -22
- package/tailwind.config.js +94 -0
- package/lib/components/docs/Anchor.d.ts +0 -4
- package/lib/components/docs/Blobs.d.ts +0 -4
- package/lib/components/docs/ColorPicker.d.ts +0 -4
- package/lib/components/docs/Dropdown.d.ts +0 -4
- package/lib/components/docs/IconsLogos.d.ts +0 -4
- package/lib/components/docs/Nav.d.ts +0 -4
- package/lib/components/docs/NumberInput.d.ts +0 -4
- package/lib/components/docs/RangeInput.d.ts +0 -4
- package/lib/components/docs/SelectMenu.d.ts +0 -4
- package/lib/components/docs/Settings.d.ts +0 -2
- package/lib/components/docs/Sidebar.d.ts +0 -4
- package/lib/components/docs/Toggle.d.ts +0 -4
- package/lib/components/docs/lum-btn.d.ts +0 -4
- package/lib/components/docs/lum-card.d.ts +0 -4
- package/lib/components/docs/lum-classes.d.ts +0 -4
- package/lib/components/docs/lum-input.d.ts +0 -4
- package/lib/components/elements/Anchor.qwik.cjs +0 -26
- package/lib/components/elements/Anchor.qwik.mjs +0 -26
- package/lib/components/elements/Blobs.qwik.cjs +0 -191
- package/lib/components/elements/Blobs.qwik.mjs +0 -191
- package/lib/components/elements/ColorPicker.qwik.cjs +0 -314
- package/lib/components/elements/ColorPicker.qwik.mjs +0 -314
- package/lib/components/elements/Dropdown.qwik.cjs +0 -31
- package/lib/components/elements/Dropdown.qwik.mjs +0 -31
- package/lib/components/elements/Nav.qwik.cjs +0 -98
- package/lib/components/elements/Nav.qwik.mjs +0 -98
- package/lib/components/elements/NumberInput.d.ts +0 -21
- package/lib/components/elements/NumberInput.qwik.cjs +0 -87
- package/lib/components/elements/NumberInput.qwik.mjs +0 -87
- package/lib/components/elements/RangeInput.qwik.cjs +0 -77
- package/lib/components/elements/RangeInput.qwik.mjs +0 -77
- package/lib/components/elements/SelectMenu.qwik.cjs +0 -134
- package/lib/components/elements/SelectMenu.qwik.mjs +0 -134
- package/lib/components/elements/Sidebar.qwik.cjs +0 -37
- package/lib/components/elements/Sidebar.qwik.mjs +0 -37
- package/lib/components/elements/Toggle.qwik.cjs +0 -39
- package/lib/components/elements/Toggle.qwik.mjs +0 -39
- package/lib/components/functions.qwik.cjs +0 -18
- package/lib/components/functions.qwik.mjs +0 -18
- package/lib/components/logos/Birdflop.qwik.cjs +0 -73
- package/lib/components/logos/Birdflop.qwik.mjs +0 -73
- package/lib/components/logos/Discord.d.ts +0 -2
- package/lib/components/logos/Discord.qwik.cjs +0 -18
- package/lib/components/logos/Discord.qwik.mjs +0 -18
- package/lib/components/logos/Fabric.d.ts +0 -2
- package/lib/components/logos/Fabric.qwik.cjs +0 -32
- package/lib/components/logos/Fabric.qwik.mjs +0 -32
- package/lib/components/logos/Forge.d.ts +0 -2
- package/lib/components/logos/Forge.qwik.cjs +0 -31
- package/lib/components/logos/Forge.qwik.mjs +0 -31
- package/lib/components/logos/Luminescent.d.ts +0 -3
- package/lib/components/logos/Luminescent.qwik.cjs +0 -143
- package/lib/components/logos/Luminescent.qwik.mjs +0 -143
- package/lib/components/logos/Paper.d.ts +0 -2
- package/lib/components/logos/Paper.qwik.cjs +0 -40
- package/lib/components/logos/Paper.qwik.mjs +0 -40
- package/lib/components/logos/Pterodactyl.qwik.cjs +0 -35
- package/lib/components/logos/Pterodactyl.qwik.mjs +0 -35
- package/lib/components/logos/Purpur.d.ts +0 -2
- package/lib/components/logos/Purpur.qwik.cjs +0 -76
- package/lib/components/logos/Purpur.qwik.mjs +0 -76
- package/lib/components/logos/Velocity.qwik.cjs +0 -27
- package/lib/components/logos/Velocity.qwik.mjs +0 -27
- package/lib/components/logos/Waterfall.qwik.cjs +0 -21
- package/lib/components/logos/Waterfall.qwik.mjs +0 -21
- package/lib/svg/ChevronDown.d.ts +0 -2
- package/lib/svg/ChevronDown.qwik.cjs +0 -23
- package/lib/svg/ChevronDown.qwik.mjs +0 -23
- package/lib/svg/Link.d.ts +0 -2
- package/lib/svg/Link.qwik.cjs +0 -34
- package/lib/svg/Link.qwik.mjs +0 -34
- package/lib/svg/Menu.d.ts +0 -2
- package/lib/svg/Menu.qwik.cjs +0 -31
- package/lib/svg/Menu.qwik.mjs +0 -31
- package/lib/svg/Minus.d.ts +0 -2
- package/lib/svg/Minus.qwik.cjs +0 -23
- package/lib/svg/Minus.qwik.mjs +0 -23
- package/lib/svg/Plus.d.ts +0 -2
- package/lib/svg/Plus.qwik.cjs +0 -28
- package/lib/svg/Plus.qwik.mjs +0 -28
- package/lib/svg/Shuffle.qwik.cjs +0 -37
- package/lib/svg/Shuffle.qwik.mjs +0 -37
- package/lib/utils/color.qwik.cjs +0 -134
- package/lib/utils/color.qwik.mjs +0 -134
- /package/{lib → lib-types}/components/elements.d.ts +0 -0
- /package/{lib → lib-types}/components/functions.d.ts +0 -0
- /package/{lib → lib-types}/components/logos.d.ts +0 -0
- /package/{lib → lib-types}/index.d.ts +0 -0
- /package/{lib → lib-types}/utils/color.d.ts +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import type { PropsOf } from '@
|
|
1
|
+
import type { PropsOf } from '@builder.io/qwik';
|
|
2
2
|
interface AnchorProps extends Omit<PropsOf<'div'>, 'class'> {
|
|
3
3
|
class?: {
|
|
4
4
|
[key: string]: boolean;
|
|
5
5
|
};
|
|
6
6
|
id?: string;
|
|
7
7
|
}
|
|
8
|
-
export declare const Anchor: import("@
|
|
8
|
+
export declare const Anchor: import("@builder.io/qwik").Component<AnchorProps>;
|
|
9
9
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { PropsOf, QRL } from '@
|
|
1
|
+
import type { PropsOf, QRL } from '@builder.io/qwik';
|
|
2
2
|
export interface ColorPickerProps extends Omit<PropsOf<'div'>, 'class' | 'onInput$'> {
|
|
3
3
|
class?: {
|
|
4
4
|
[key: string]: boolean;
|
|
@@ -11,4 +11,4 @@ export interface ColorPickerProps extends Omit<PropsOf<'div'>, 'class' | 'onInpu
|
|
|
11
11
|
showInput?: boolean;
|
|
12
12
|
opacity?: boolean;
|
|
13
13
|
}
|
|
14
|
-
export declare const ColorPicker: import("@
|
|
14
|
+
export declare const ColorPicker: import("@builder.io/qwik").Component<ColorPickerProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { PropsOf } from '@
|
|
1
|
+
import type { PropsOf } from '@builder.io/qwik';
|
|
2
2
|
interface DropdownProps extends Omit<PropsOf<'button'>, 'class'> {
|
|
3
3
|
class?: {
|
|
4
4
|
[key: string]: boolean;
|
|
@@ -6,5 +6,5 @@ interface DropdownProps extends Omit<PropsOf<'button'>, 'class'> {
|
|
|
6
6
|
hover?: boolean;
|
|
7
7
|
opened?: boolean;
|
|
8
8
|
}
|
|
9
|
-
export declare const Dropdown: import("@
|
|
9
|
+
export declare const Dropdown: import("@builder.io/qwik").Component<DropdownProps>;
|
|
10
10
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { PropsOf } from '@
|
|
1
|
+
import type { PropsOf } from '@builder.io/qwik';
|
|
2
2
|
interface NavProps extends Omit<PropsOf<'nav'>, 'class'> {
|
|
3
3
|
class?: {
|
|
4
4
|
[key: string]: boolean;
|
|
@@ -10,5 +10,5 @@ interface NavProps extends Omit<PropsOf<'nav'>, 'class'> {
|
|
|
10
10
|
nodismiss?: boolean;
|
|
11
11
|
colorClass?: string;
|
|
12
12
|
}
|
|
13
|
-
export declare const Nav: import("@
|
|
13
|
+
export declare const Nav: import("@builder.io/qwik").Component<NavProps>;
|
|
14
14
|
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
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, inputElement?: HTMLInputElement) => void>;
|
|
6
|
+
onIncrement$?: QRL<(event: PointerEvent, element: HTMLButtonElement, inputElement?: HTMLInputElement) => void>;
|
|
7
|
+
input?: boolean;
|
|
8
|
+
class?: {
|
|
9
|
+
[key: string]: boolean;
|
|
10
|
+
};
|
|
11
|
+
value?: number;
|
|
12
|
+
min?: number;
|
|
13
|
+
max?: number;
|
|
14
|
+
step?: number;
|
|
15
|
+
}
|
|
16
|
+
interface NumberInputProps extends Omit<NumberInputRawProps, 'children'> {
|
|
17
|
+
id: string;
|
|
18
|
+
}
|
|
19
|
+
export declare const NumberInput: import("@builder.io/qwik").Component<NumberInputProps>;
|
|
20
|
+
export declare const NumberInputRaw: import("@builder.io/qwik").Component<NumberInputRawProps>;
|
|
21
|
+
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { PropsOf, QRL } from '@
|
|
1
|
+
import type { PropsOf, QRL } from '@builder.io/qwik';
|
|
2
2
|
interface RangeInputRawProps extends Omit<PropsOf<'input'> & {
|
|
3
3
|
type: 'number';
|
|
4
4
|
}, 'class' | 'type'> {
|
|
@@ -13,6 +13,6 @@ interface RangeInputRawProps extends Omit<PropsOf<'input'> & {
|
|
|
13
13
|
interface RangeInputProps extends Omit<RangeInputRawProps, 'children'> {
|
|
14
14
|
id: string;
|
|
15
15
|
}
|
|
16
|
-
export declare const RangeInput: import("@
|
|
17
|
-
export declare const RangeInputRaw: import("@
|
|
16
|
+
export declare const RangeInput: import("@builder.io/qwik").Component<RangeInputProps>;
|
|
17
|
+
export declare const RangeInputRaw: import("@builder.io/qwik").Component<RangeInputRawProps>;
|
|
18
18
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { JSXChildren, PropsOf } from '@
|
|
1
|
+
import type { JSXChildren, PropsOf } from '@builder.io/qwik';
|
|
2
2
|
interface SelectMenuProps extends Omit<PropsOf<'select'>, 'class' | 'size'> {
|
|
3
3
|
class?: {
|
|
4
4
|
[key: string]: boolean;
|
|
@@ -15,6 +15,6 @@ interface SelectMenuProps extends Omit<PropsOf<'select'>, 'class' | 'size'> {
|
|
|
15
15
|
value: string | number;
|
|
16
16
|
}[];
|
|
17
17
|
}
|
|
18
|
-
export declare const SelectMenu: import("@
|
|
19
|
-
export declare const SelectMenuRaw: import("@
|
|
18
|
+
export declare const SelectMenu: import("@builder.io/qwik").Component<SelectMenuProps>;
|
|
19
|
+
export declare const SelectMenuRaw: import("@builder.io/qwik").Component<SelectMenuProps>;
|
|
20
20
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PropsOf } from '@
|
|
1
|
+
import { PropsOf } from '@builder.io/qwik';
|
|
2
2
|
interface SidebarProps extends Omit<PropsOf<'aside'>, 'class'> {
|
|
3
3
|
class?: {
|
|
4
4
|
[key: string]: boolean;
|
|
@@ -6,5 +6,5 @@ interface SidebarProps extends Omit<PropsOf<'aside'>, 'class'> {
|
|
|
6
6
|
floating?: boolean;
|
|
7
7
|
position?: 'left' | 'right';
|
|
8
8
|
}
|
|
9
|
-
export declare const Sidebar: import("@
|
|
9
|
+
export declare const Sidebar: import("@builder.io/qwik").Component<SidebarProps>;
|
|
10
10
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { PropsOf } from '@
|
|
1
|
+
import type { PropsOf } from '@builder.io/qwik';
|
|
2
2
|
interface ToggleProps extends Omit<PropsOf<'input'> & {
|
|
3
3
|
type: 'checkbox';
|
|
4
4
|
}, 'class' | 'bind:checked' | 'type' | 'children'> {
|
|
@@ -6,5 +6,5 @@ interface ToggleProps extends Omit<PropsOf<'input'> & {
|
|
|
6
6
|
checkbox?: boolean;
|
|
7
7
|
round?: boolean;
|
|
8
8
|
}
|
|
9
|
-
export declare const Toggle: import("@
|
|
9
|
+
export declare const Toggle: import("@builder.io/qwik").Component<ToggleProps>;
|
|
10
10
|
export {};
|
|
@@ -3,5 +3,5 @@ interface LogoBirdflopProps extends IconProps {
|
|
|
3
3
|
confused?: boolean;
|
|
4
4
|
fillGradient?: string[];
|
|
5
5
|
}
|
|
6
|
-
export declare const LogoBirdflop: import("@
|
|
6
|
+
export declare const LogoBirdflop: import("@builder.io/qwik").Component<LogoBirdflopProps>;
|
|
7
7
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { IconProps } from './IconProps';
|
|
2
|
-
export declare const
|
|
2
|
+
export declare const LogoDiscord: import("@builder.io/qwik").Component<IconProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { IconProps } from './IconProps';
|
|
2
|
-
export declare const
|
|
2
|
+
export declare const LogoFabric: import("@builder.io/qwik").Component<IconProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { IconProps } from './IconProps';
|
|
2
|
-
export declare const
|
|
2
|
+
export declare const LogoWaterfall: import("@builder.io/qwik").Component<IconProps>;
|
|
@@ -0,0 +1,14 @@
|
|
|
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>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { IconProps } from '../components/logos/IconProps';
|
|
2
|
-
export declare const
|
|
2
|
+
export declare const Minus: import("@builder.io/qwik").Component<IconProps>;
|
package/package.json
CHANGED
|
@@ -1,63 +1,66 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@luminescent/ui-qwik",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.9.0",
|
|
4
4
|
"description": "Luminescent UI library - Qwik",
|
|
5
5
|
"main": "./lib/index.qwik.mjs",
|
|
6
6
|
"qwik": "./lib/index.qwik.mjs",
|
|
7
|
-
"types": "./lib/index.d.ts",
|
|
7
|
+
"types": "./lib-types/index.d.ts",
|
|
8
8
|
"exports": {
|
|
9
9
|
".": {
|
|
10
|
-
"types": "./lib/index.d.ts",
|
|
11
10
|
"import": "./lib/index.qwik.mjs",
|
|
12
|
-
"require": "./lib/index.qwik.cjs"
|
|
11
|
+
"require": "./lib/index.qwik.cjs",
|
|
12
|
+
"types": "./lib-types/index.d.ts"
|
|
13
13
|
},
|
|
14
14
|
"./config": "./tailwind.config.js"
|
|
15
15
|
},
|
|
16
16
|
"files": [
|
|
17
|
-
"lib"
|
|
17
|
+
"lib",
|
|
18
|
+
"lib-types",
|
|
19
|
+
"tailwind.config.js"
|
|
18
20
|
],
|
|
19
21
|
"engines": {
|
|
20
|
-
"node": "
|
|
22
|
+
"node": ">=23.11.0",
|
|
23
|
+
"npm": "please-use-pnpm",
|
|
24
|
+
"yarn": "please-use-pnpm",
|
|
25
|
+
"pnpm": ">=10.10.0"
|
|
21
26
|
},
|
|
22
27
|
"license": "AGPL-3.0-or-later",
|
|
23
28
|
"private": false,
|
|
24
|
-
"sideEffects": false,
|
|
25
29
|
"type": "module",
|
|
26
30
|
"publishConfig": {
|
|
27
31
|
"access": "public"
|
|
28
32
|
},
|
|
29
33
|
"devDependencies": {
|
|
30
34
|
"@anuragroy/tailwindcss-animate": "^1.0.6",
|
|
31
|
-
"@
|
|
32
|
-
"@
|
|
33
|
-
"@
|
|
35
|
+
"@builder.io/qwik": "1.18.0",
|
|
36
|
+
"@builder.io/qwik-city": "^1.18.0",
|
|
37
|
+
"@eslint/js": "^9.39.2",
|
|
34
38
|
"@tailwindcss/vite": "^4.1.18",
|
|
35
|
-
"@types/
|
|
36
|
-
"
|
|
37
|
-
"eslint
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"prettier": "3.7.4",
|
|
39
|
+
"@types/eslint": "^9.6.1",
|
|
40
|
+
"@types/node": "^25.0.3",
|
|
41
|
+
"eslint": "^9.39.2",
|
|
42
|
+
"eslint-plugin-qwik": "^1.18.0",
|
|
43
|
+
"globals": "^16.5.0",
|
|
44
|
+
"prettier": "^3.7.4",
|
|
41
45
|
"prettier-plugin-tailwindcss": "^0.7.2",
|
|
42
46
|
"tailwindcss": "4.1.18",
|
|
43
47
|
"typescript": "5.9.3",
|
|
44
|
-
"typescript-eslint": "8.
|
|
45
|
-
"vite": "
|
|
46
|
-
"vite-tsconfig-paths": "^
|
|
48
|
+
"typescript-eslint": "^8.50.1",
|
|
49
|
+
"vite": "5.4.14",
|
|
50
|
+
"vite-tsconfig-paths": "^6.0.3"
|
|
47
51
|
},
|
|
48
52
|
"peerDependencies": {
|
|
49
|
-
"@luminescent/ui": "
|
|
53
|
+
"@luminescent/ui": "7.0.0"
|
|
50
54
|
},
|
|
51
55
|
"scripts": {
|
|
52
56
|
"build": "qwik build",
|
|
53
57
|
"build.lib": "vite build --mode lib",
|
|
54
|
-
"build.types": "tsc
|
|
58
|
+
"build.types": "tsc --emitDeclarationOnly",
|
|
55
59
|
"dev": "vite --mode ssr",
|
|
56
60
|
"dev.debug": "node --inspect-brk ./node_modules/vite/bin/vite.js --mode ssr --force",
|
|
57
61
|
"fmt": "prettier --write .",
|
|
58
62
|
"fmt.check": "prettier --check .",
|
|
59
63
|
"lint": "eslint \"src/**/*.ts*\"",
|
|
60
|
-
"release": "np",
|
|
61
64
|
"start": "vite --open --mode ssr",
|
|
62
65
|
"test": "echo \"No test specified\" && exit 0",
|
|
63
66
|
"qwik": "qwik"
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
function getBlobKeyFrame() {
|
|
2
|
+
const translateXPercentages = [0, 19, 38, 57, 76];
|
|
3
|
+
const translateYPercentages = [0, 12, 25, 38, 50];
|
|
4
|
+
const scaleValues = [0.8, 1, 1.2, 1.4];
|
|
5
|
+
|
|
6
|
+
const translateX0Key = Math.floor(
|
|
7
|
+
Math.random() * translateXPercentages.length,
|
|
8
|
+
);
|
|
9
|
+
const translateX0 = translateXPercentages[translateX0Key];
|
|
10
|
+
translateXPercentages.splice(translateX0Key, 1);
|
|
11
|
+
const translateX1Key = Math.floor(
|
|
12
|
+
Math.random() * translateXPercentages.length,
|
|
13
|
+
);
|
|
14
|
+
const translateX1 = translateXPercentages[translateX1Key];
|
|
15
|
+
translateXPercentages.splice(translateX1Key, 1);
|
|
16
|
+
const translateX2Key = Math.floor(
|
|
17
|
+
Math.random() * translateXPercentages.length,
|
|
18
|
+
);
|
|
19
|
+
const translateX2 = translateXPercentages[translateX2Key];
|
|
20
|
+
translateXPercentages.splice(translateX2Key, 1);
|
|
21
|
+
const translateX3Key = Math.floor(
|
|
22
|
+
Math.random() * translateXPercentages.length,
|
|
23
|
+
);
|
|
24
|
+
const translateX3 = translateXPercentages[translateX3Key];
|
|
25
|
+
translateXPercentages.splice(translateX3Key, 1);
|
|
26
|
+
|
|
27
|
+
const translateY0Key = Math.floor(
|
|
28
|
+
Math.random() * translateYPercentages.length,
|
|
29
|
+
);
|
|
30
|
+
const translateY0 = translateYPercentages[translateY0Key];
|
|
31
|
+
translateYPercentages.splice(translateY0Key, 1);
|
|
32
|
+
const translateY1Key = Math.floor(
|
|
33
|
+
Math.random() * translateYPercentages.length,
|
|
34
|
+
);
|
|
35
|
+
const translateY1 = translateYPercentages[translateY1Key];
|
|
36
|
+
translateYPercentages.splice(translateY1Key, 1);
|
|
37
|
+
const translateY2Key = Math.floor(
|
|
38
|
+
Math.random() * translateYPercentages.length,
|
|
39
|
+
);
|
|
40
|
+
const translateY2 = translateYPercentages[translateY2Key];
|
|
41
|
+
translateYPercentages.splice(translateY2Key, 1);
|
|
42
|
+
const translateY3Key = Math.floor(
|
|
43
|
+
Math.random() * translateYPercentages.length,
|
|
44
|
+
);
|
|
45
|
+
const translateY3 = translateYPercentages[translateY3Key];
|
|
46
|
+
translateYPercentages.splice(translateY3Key, 1);
|
|
47
|
+
|
|
48
|
+
const scale0 = scaleValues[Math.floor(Math.random() * scaleValues.length)];
|
|
49
|
+
const scale1 = scaleValues[Math.floor(Math.random() * scaleValues.length)];
|
|
50
|
+
const scale2 = scaleValues[Math.floor(Math.random() * scaleValues.length)];
|
|
51
|
+
const scale3 = scaleValues[Math.floor(Math.random() * scaleValues.length)];
|
|
52
|
+
|
|
53
|
+
const keyframe = {
|
|
54
|
+
'0%, 100%': {
|
|
55
|
+
transform: `translate(${translateX0}cqw, ${translateY0}cqh) scale(${scale0})`,
|
|
56
|
+
},
|
|
57
|
+
'25%': {
|
|
58
|
+
transform: `translate(${translateX1}cqw, ${translateY1}cqh) scale(${scale1})`,
|
|
59
|
+
},
|
|
60
|
+
'50%': {
|
|
61
|
+
transform: `translate(${translateX2}cqw, ${translateY2}cqh) scale(${scale2})`,
|
|
62
|
+
},
|
|
63
|
+
'75%': {
|
|
64
|
+
transform: `translate(${translateX3}cqw, ${translateY3}cqh) scale(${scale3})`,
|
|
65
|
+
},
|
|
66
|
+
};
|
|
67
|
+
|
|
68
|
+
return keyframe;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
export default {
|
|
72
|
+
theme: {
|
|
73
|
+
extend: {
|
|
74
|
+
animation: {
|
|
75
|
+
blob: 'blob 15s infinite',
|
|
76
|
+
blob1: 'blob1 15s infinite',
|
|
77
|
+
blob2: 'blob2 15s infinite',
|
|
78
|
+
blob3: 'blob3 15s infinite',
|
|
79
|
+
blob4: 'blob4 15s infinite',
|
|
80
|
+
blob5: 'blob5 15s infinite',
|
|
81
|
+
blob6: 'blob6 15s infinite',
|
|
82
|
+
},
|
|
83
|
+
keyframes: {
|
|
84
|
+
blob: getBlobKeyFrame(),
|
|
85
|
+
blob1: getBlobKeyFrame(),
|
|
86
|
+
blob2: getBlobKeyFrame(),
|
|
87
|
+
blob3: getBlobKeyFrame(),
|
|
88
|
+
blob4: getBlobKeyFrame(),
|
|
89
|
+
blob5: getBlobKeyFrame(),
|
|
90
|
+
blob6: getBlobKeyFrame(),
|
|
91
|
+
},
|
|
92
|
+
},
|
|
93
|
+
},
|
|
94
|
+
};
|