@luminescent/ui 0.12.4 → 0.12.5

package/lib/index.qwik.cjs

@@ -310,7 +310,7 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
       }, 3, "OW_2")
     ],
     class: {
-      "relative flex gap-4 p-8 border rounded-lg motion-safe:transition-all": true,
+      "relative flex gap-4 p-7 border rounded-lg motion-safe:transition-all": true,
       "flex-col": !props.row,
       [cardColorClasses[props.color ?? "darkgray"].card.bg]: !props.blobs,
       [cardColorClasses[props.color ?? "darkgray"].card.bg_blobs]: props.blobs,
@@ -1054,10 +1054,18 @@ const LoadingIcon = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
 }, "LoadingIcon_component_QMsA9D0RcAM"));
 const Header = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   qwik._jsxBranch();
+  const props1 = qwik._restProps(props, [
+    "id",
+    "loading",
+    "subheader"
+  ]);
   let Component = /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
-    children: /* @__PURE__ */ qwik._jsxQ("h2", null, {
-      class: "flex gap-2 flex-1 items-center font-bold text-2xl whitespace-nowrap"
-    }, [
+    children: /* @__PURE__ */ qwik._jsxQ("h2", {
+      class: {
+        "flex gap-2 flex-1 items-center font-bold text-2xl whitespace-nowrap text-white": true,
+        ...props1.class
+      }
+    }, null, [
       /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "dL_0"),
       props.id && /* @__PURE__ */ qwik._jsxC(Anchor, {
         get id() {

package/lib/index.qwik.mjs

@@ -308,7 +308,7 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
       }, 3, "OW_2")
     ],
     class: {
-      "relative flex gap-4 p-8 border rounded-lg motion-safe:transition-all": true,
+      "relative flex gap-4 p-7 border rounded-lg motion-safe:transition-all": true,
       "flex-col": !props.row,
       [cardColorClasses[props.color ?? "darkgray"].card.bg]: !props.blobs,
       [cardColorClasses[props.color ?? "darkgray"].card.bg_blobs]: props.blobs,
@@ -1052,10 +1052,18 @@ const LoadingIcon = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
 }, "LoadingIcon_component_QMsA9D0RcAM"));
 const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   _jsxBranch();
+  const props1 = _restProps(props, [
+    "id",
+    "loading",
+    "subheader"
+  ]);
   let Component = /* @__PURE__ */ _jsxC(Fragment, {
-    children: /* @__PURE__ */ _jsxQ("h2", null, {
-      class: "flex gap-2 flex-1 items-center font-bold text-2xl whitespace-nowrap"
-    }, [
+    children: /* @__PURE__ */ _jsxQ("h2", {
+      class: {
+        "flex gap-2 flex-1 items-center font-bold text-2xl whitespace-nowrap text-white": true,
+        ...props1.class
+      }
+    }, null, [
       /* @__PURE__ */ _jsxC(Slot, null, 3, "dL_0"),
       props.id && /* @__PURE__ */ _jsxC(Anchor, {
         get id() {

package/lib-types/components/elements/Header.d.ts

@@ -1,5 +1,8 @@
-import type { JSXOutput } from '@builder.io/qwik';
-interface HeaderProps {
+import type { JSXOutput, PropsOf } from '@builder.io/qwik';
+interface HeaderProps extends Omit<PropsOf<'h2'>, 'class'> {
+    class?: {
+        [key: string]: boolean;
+    };
     id?: string;
     loading?: boolean;
     subheader?: string | JSXOutput;

package/lib-types/components/elements/SelectInput.d.ts

@@ -9,9 +9,8 @@ interface SelectInputProps extends Omit<PropsOf<'select'>, 'class' | 'size'> {
     size?: keyof typeof sizeClasses;
     id: string;
     values: {
-        name: JSXChildren;
+        name: string;
         value: string | number;
-        color?: keyof typeof buttonColorClasses;
     }[];
 }
 export declare const SelectInput: import("@builder.io/qwik").Component<SelectInputProps>;

package/lib-types/utils/simple-color-picker/color.d.ts

@@ -0,0 +1,36 @@
+export declare const clamp: (value: number, min: number, max: number) => number;
+export declare function getMousePosition(e: MouseEvent | TouchEvent): {
+    x: number;
+    y: number;
+};
+export declare const pad2: (c: string) => string;
+export type RGBAColor = {
+    r: number;
+    g: number;
+    b: number;
+    a?: number;
+};
+export type HSVAColor = {
+    h: number;
+    s: number;
+    v: number;
+    a?: number;
+};
+export declare function getBrightness(color: RGBAColor): number;
+export declare function hexNumberToRgb(color: number): {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare function rgbToHex(color: RGBAColor): string;
+export declare const hexStringToNumber: (color: string) => number;
+export declare function hsvToRgb(color: HSVAColor): {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare function rgbToHsv(color: RGBAColor): {
+    h: number;
+    s: number;
+    v: number;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui",
-  "version": "0.12.4",
+  "version": "0.12.5",
   "description": "Luminescent UI library",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",

package/lib-types/components/docs/SelectInput.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("@builder.io/qwik").Component<unknown>;
-export default _default;