@luminescent/ui-qwik 6.1.0 → 6.1.2
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/lib/index.qwik.cjs +8 -8
- package/lib/index.qwik.mjs +8 -8
- package/lib-types/components/docs.d.ts +8 -0
- package/lib-types/components/elements/Header.d.ts +10 -0
- package/package.json +2 -2
- package/lib-types/ui-qwik/src/components/docs/Anchor.d.ts +0 -2
- package/lib-types/ui-qwik/src/components/docs/Blobs.d.ts +0 -2
- package/lib-types/ui-qwik/src/components/docs/ColorPicker.d.ts +0 -2
- package/lib-types/ui-qwik/src/components/docs/Dropdown.d.ts +0 -2
- package/lib-types/ui-qwik/src/components/docs/IconsLogos.d.ts +0 -2
- package/lib-types/ui-qwik/src/components/docs/Nav.d.ts +0 -2
- package/lib-types/ui-qwik/src/components/docs/NumberInput.d.ts +0 -2
- package/lib-types/ui-qwik/src/components/docs/SelectMenu.d.ts +0 -2
- package/lib-types/ui-qwik/src/components/docs/Settings.d.ts +0 -2
- package/lib-types/ui-qwik/src/components/docs/Sidebar.d.ts +0 -2
- package/lib-types/ui-qwik/src/components/docs/Toggle.d.ts +0 -2
- package/lib-types/ui-qwik/src/components/docs/lum-btn.d.ts +0 -2
- package/lib-types/ui-qwik/src/components/docs/lum-card.d.ts +0 -2
- package/lib-types/ui-qwik/src/components/docs/lum-classes.d.ts +0 -2
- package/lib-types/ui-qwik/src/components/docs/lum-input.d.ts +0 -2
- package/lib-types/ui-qwik/src/components/logos.d.ts +0 -10
- package/lib-types/ui-qwik/src/entry.dev.d.ts +0 -2
- package/lib-types/ui-qwik/src/entry.ssr.d.ts +0 -14
- package/lib-types/ui-qwik/src/index.d.ts +0 -3
- package/lib-types/ui-qwik/src/root.d.ts +0 -3
- package/lib-types/ui-react/src/components/logos/Birdflop.d.ts +0 -7
- package/lib-types/ui-react/src/components/logos/Discord.d.ts +0 -2
- package/lib-types/ui-react/src/components/logos/Fabric.d.ts +0 -2
- package/lib-types/ui-react/src/components/logos/Forge.d.ts +0 -2
- package/lib-types/ui-react/src/components/logos/IconProps.d.ts +0 -3
- package/lib-types/ui-react/src/components/logos/Luminescent.d.ts +0 -3
- package/lib-types/ui-react/src/components/logos/Paper.d.ts +0 -2
- package/lib-types/ui-react/src/components/logos/Pterodactyl.d.ts +0 -2
- package/lib-types/ui-react/src/components/logos/Purpur.d.ts +0 -2
- package/lib-types/ui-react/src/components/logos/Velocity.d.ts +0 -2
- package/lib-types/ui-react/src/components/logos/Waterfall.d.ts +0 -2
- package/lib-types/ui-react/src/components/logos.d.ts +0 -10
package/lib/index.qwik.cjs
CHANGED
|
@@ -45,7 +45,7 @@ const Anchor = qwik.component$(({ id, ...props }) => /* @__PURE__ */ jsxRuntime.
|
|
|
45
45
|
await navigator.clipboard.writeText(window.location.href);
|
|
46
46
|
},
|
|
47
47
|
children: /* @__PURE__ */ jsxRuntime.jsx(Link, {
|
|
48
|
-
class: "opacity-10 transition-
|
|
48
|
+
class: "opacity-10 transition-opacity duration-300 group-hover:opacity-100 group-hover:duration-75",
|
|
49
49
|
size: 20
|
|
50
50
|
})
|
|
51
51
|
})
|
|
@@ -484,7 +484,7 @@ const ColorPicker = qwik.component$(({ id, value = "#000000", colors = [
|
|
|
484
484
|
});
|
|
485
485
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
486
486
|
class: {
|
|
487
|
-
"lum-card touch-none p-4
|
|
487
|
+
"lum-card touch-none p-4": true,
|
|
488
488
|
"flex-col": !horizontal,
|
|
489
489
|
...props.class
|
|
490
490
|
},
|
|
@@ -650,7 +650,7 @@ const Dropdown = qwik.component$(({ class: Class, hover, opened, ...props }) =>
|
|
|
650
650
|
/* @__PURE__ */ jsxRuntime.jsx(ChevronDown, {
|
|
651
651
|
size: 16,
|
|
652
652
|
class: {
|
|
653
|
-
"ease-out motion-safe:transition-
|
|
653
|
+
"ease-out motion-safe:transition-transform": true,
|
|
654
654
|
"rotate-180 transform": opened,
|
|
655
655
|
"duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": hover,
|
|
656
656
|
"focus-within:rotate-180 focus-within:transform focus-within:duration-75": true
|
|
@@ -690,7 +690,7 @@ const Nav = qwik.component$(({ fixed, floating, noblur, nohamburger, colorClass
|
|
|
690
690
|
return /* @__PURE__ */ jsxRuntime.jsxs("nav", {
|
|
691
691
|
...props,
|
|
692
692
|
class: {
|
|
693
|
-
"top-0 left-0 z-50 flex w-full flex-col
|
|
693
|
+
"top-0 left-0 z-50 flex w-full flex-col": true,
|
|
694
694
|
fixed,
|
|
695
695
|
absolute: !fixed,
|
|
696
696
|
...props.class
|
|
@@ -965,9 +965,9 @@ const SelectMenuRaw = qwik.component$(({ values, class: Class, panelClass = "lum
|
|
|
965
965
|
}),
|
|
966
966
|
/* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
967
967
|
class: {
|
|
968
|
-
"absolute z-1000 mt-2
|
|
968
|
+
"absolute z-1000 mt-2": true,
|
|
969
969
|
"backdrop-blur-lg": !noblur,
|
|
970
|
-
"lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all": true,
|
|
970
|
+
"lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all ease-out": true,
|
|
971
971
|
"left-0": align === "left",
|
|
972
972
|
"right-0": align === "right",
|
|
973
973
|
"left-1/2 -translate-x-1/2": align === "center",
|
|
@@ -1051,8 +1051,8 @@ const Toggle = qwik.component$(({ checkbox, round, ...props }) => {
|
|
|
1051
1051
|
}),
|
|
1052
1052
|
/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
1053
1053
|
class: {
|
|
1054
|
-
"peer h-7 duration-300 ease-out hover:duration-75
|
|
1055
|
-
"after:absolute after:top-1 after:left-1 after:h-5 after:w-5 after:border after:duration-300 after:ease-out after:content-[''] after:hover:duration-75 after:motion-safe:transition-
|
|
1054
|
+
"peer h-7 duration-300 ease-out hover:duration-75": true,
|
|
1055
|
+
"after:absolute after:top-1 after:left-1 after:h-5 after:w-5 after:border after:duration-300 after:ease-out after:content-[''] after:hover:duration-75 after:motion-safe:transition-transform": true,
|
|
1056
1056
|
"rounded-lum after:rounded-lum-1": !round,
|
|
1057
1057
|
"rounded-full after:rounded-full": round,
|
|
1058
1058
|
"w-12 peer-checked:after:translate-x-full": !checkbox,
|
package/lib/index.qwik.mjs
CHANGED
|
@@ -43,7 +43,7 @@ const Anchor = component$(({ id, ...props }) => /* @__PURE__ */ jsxs("div", {
|
|
|
43
43
|
await navigator.clipboard.writeText(window.location.href);
|
|
44
44
|
},
|
|
45
45
|
children: /* @__PURE__ */ jsx(Link, {
|
|
46
|
-
class: "opacity-10 transition-
|
|
46
|
+
class: "opacity-10 transition-opacity duration-300 group-hover:opacity-100 group-hover:duration-75",
|
|
47
47
|
size: 20
|
|
48
48
|
})
|
|
49
49
|
})
|
|
@@ -482,7 +482,7 @@ const ColorPicker = component$(({ id, value = "#000000", colors = [
|
|
|
482
482
|
});
|
|
483
483
|
return /* @__PURE__ */ jsxs("div", {
|
|
484
484
|
class: {
|
|
485
|
-
"lum-card touch-none p-4
|
|
485
|
+
"lum-card touch-none p-4": true,
|
|
486
486
|
"flex-col": !horizontal,
|
|
487
487
|
...props.class
|
|
488
488
|
},
|
|
@@ -648,7 +648,7 @@ const Dropdown = component$(({ class: Class, hover, opened, ...props }) => {
|
|
|
648
648
|
/* @__PURE__ */ jsx(ChevronDown, {
|
|
649
649
|
size: 16,
|
|
650
650
|
class: {
|
|
651
|
-
"ease-out motion-safe:transition-
|
|
651
|
+
"ease-out motion-safe:transition-transform": true,
|
|
652
652
|
"rotate-180 transform": opened,
|
|
653
653
|
"duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": hover,
|
|
654
654
|
"focus-within:rotate-180 focus-within:transform focus-within:duration-75": true
|
|
@@ -688,7 +688,7 @@ const Nav = component$(({ fixed, floating, noblur, nohamburger, colorClass = "lu
|
|
|
688
688
|
return /* @__PURE__ */ jsxs("nav", {
|
|
689
689
|
...props,
|
|
690
690
|
class: {
|
|
691
|
-
"top-0 left-0 z-50 flex w-full flex-col
|
|
691
|
+
"top-0 left-0 z-50 flex w-full flex-col": true,
|
|
692
692
|
fixed,
|
|
693
693
|
absolute: !fixed,
|
|
694
694
|
...props.class
|
|
@@ -963,9 +963,9 @@ const SelectMenuRaw = component$(({ values, class: Class, panelClass = "lum-bg-l
|
|
|
963
963
|
}),
|
|
964
964
|
/* @__PURE__ */ jsxs("div", {
|
|
965
965
|
class: {
|
|
966
|
-
"absolute z-1000 mt-2
|
|
966
|
+
"absolute z-1000 mt-2": true,
|
|
967
967
|
"backdrop-blur-lg": !noblur,
|
|
968
|
-
"lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all": true,
|
|
968
|
+
"lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all ease-out": true,
|
|
969
969
|
"left-0": align === "left",
|
|
970
970
|
"right-0": align === "right",
|
|
971
971
|
"left-1/2 -translate-x-1/2": align === "center",
|
|
@@ -1049,8 +1049,8 @@ const Toggle = component$(({ checkbox, round, ...props }) => {
|
|
|
1049
1049
|
}),
|
|
1050
1050
|
/* @__PURE__ */ jsx("div", {
|
|
1051
1051
|
class: {
|
|
1052
|
-
"peer h-7 duration-300 ease-out hover:duration-75
|
|
1053
|
-
"after:absolute after:top-1 after:left-1 after:h-5 after:w-5 after:border after:duration-300 after:ease-out after:content-[''] after:hover:duration-75 after:motion-safe:transition-
|
|
1052
|
+
"peer h-7 duration-300 ease-out hover:duration-75": true,
|
|
1053
|
+
"after:absolute after:top-1 after:left-1 after:h-5 after:w-5 after:border after:duration-300 after:ease-out after:content-[''] after:hover:duration-75 after:motion-safe:transition-transform": true,
|
|
1054
1054
|
"rounded-lum after:rounded-lum-1": !round,
|
|
1055
1055
|
"rounded-full after:rounded-full": round,
|
|
1056
1056
|
"w-12 peer-checked:after:translate-x-full": !checkbox,
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from './docs/Anchor';
|
|
2
|
+
export * from './docs/Blobs';
|
|
3
|
+
export * from './docs/ColorPicker';
|
|
4
|
+
export * from './docs/Dropdown';
|
|
5
|
+
export * from './docs/IconsLogos';
|
|
6
|
+
export * from './docs/Nav';
|
|
7
|
+
export * from './docs/NumberInput';
|
|
8
|
+
export * from './docs/Toggle';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { 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
|
+
}
|
|
9
|
+
export declare const Header: import("@builder.io/qwik").Component<HeaderProps>;
|
|
10
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@luminescent/ui-qwik",
|
|
3
|
-
"version": "6.1.
|
|
3
|
+
"version": "6.1.2",
|
|
4
4
|
"description": "Luminescent UI library - Qwik",
|
|
5
5
|
"main": "./lib/index.qwik.mjs",
|
|
6
6
|
"qwik": "./lib/index.qwik.mjs",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"vite-tsconfig-paths": "^5.1.4"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
|
-
"@luminescent/ui": "6.1.
|
|
53
|
+
"@luminescent/ui": "6.1.2"
|
|
54
54
|
},
|
|
55
55
|
"scripts": {
|
|
56
56
|
"build": "qwik build",
|
|
@@ -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';
|
|
@@ -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>;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { IconProps } from './IconProps';
|
|
2
|
-
interface LogoBirdflopProps extends IconProps {
|
|
3
|
-
confused?: boolean;
|
|
4
|
-
fillGradient?: string[];
|
|
5
|
-
}
|
|
6
|
-
export declare function LogoBirdflop({ confused, fillGradient, size, ...props }: LogoBirdflopProps): any;
|
|
7
|
-
export {};
|
|
@@ -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';
|