@luminescent/ui-qwik 4.0.2 → 4.1.1

package/lib/index.qwik.cjs

@@ -606,7 +606,7 @@ const ColorPicker = qwik.component$(({ id, value = "#000000", colors = [
               await setColor(color);
             },
             children: /* @__PURE__ */ jsxRuntime.jsx(Shuffle, {
-              class: "p-0.5 pl-0.5 text-gray-300"
+              class: "p-0.5 pl-0.5 text-lum-text"
             })
           })
         ]
@@ -663,7 +663,7 @@ const SelectMenu = qwik.component$((props) => {
     children: [
       /* @__PURE__ */ jsxRuntime.jsx("label", {
         for: props.id,
-        class: "pb-1 text-gray-300 select-none",
+        class: "pb-1 text-lum-text select-none",
         children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
       }),
       /* @__PURE__ */ jsxRuntime.jsxs(SelectMenuRaw, {
@@ -741,7 +741,7 @@ const SelectMenuRaw = qwik.component$(({ id, values, class: Class, customDropdow
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
           id: `lui-${id}-opts`,
           class: {
-            "lum-bg-gray-800 lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all": true
+            "lum-bg-lum-input-bg lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all": true
           },
           children: [
             values?.map(({ name, value }, i) => {
@@ -797,7 +797,7 @@ const Menu = qwik.component$(({ size, ...props }) => {
     ]
   });
 });
-const Nav = qwik.component$(({ fixed, floating, nohamburger, colorClass = "lum-bg-gray-900", ...props }) => {
+const Nav = qwik.component$(({ fixed, floating, nohamburger, colorClass = "lum-bg-lum-card-bg", ...props }) => {
   const menu = qwik.useSignal(false);
   return /* @__PURE__ */ jsxRuntime.jsxs("nav", {
     ...props,
@@ -923,7 +923,7 @@ const NumberInput = qwik.component$((props) => {
     children: [
       /* @__PURE__ */ jsxRuntime.jsx("label", {
         for: props.id,
-        class: "pb-1 text-gray-300 select-none",
+        class: "pb-1 text-lum-text select-none",
         children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
       }),
       /* @__PURE__ */ jsxRuntime.jsx(NumberInputRaw, {
@@ -946,7 +946,7 @@ const NumberInputRaw = qwik.component$(({ input, onDecrement$, onIncrement$, val
   `);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     class: {
-      "flex touch-manipulation gap-1 text-gray-50": true
+      "flex touch-manipulation gap-1 text-lum-text": true
     },
     children: [
       /* @__PURE__ */ jsxRuntime.jsx("button", {
@@ -1020,7 +1020,7 @@ const Toggle = qwik.component$(({ checkbox, round, label, ...props }) => {
               "rounded-full after:rounded-full": round,
               "w-12 peer-checked:after:translate-x-full": !checkbox,
               "w-7 after:opacity-0 peer-checked:after:opacity-100": checkbox,
-              "lum-toggle-bg-gray-800 peer-checked:lum-toggle-bg-blue-500": true,
+              "lum-toggle-bg-lum-input-bg peer-checked:lum-toggle-bg-lum-accent": true,
               [props.class ?? ""]: !!props.class
             }
           })
@@ -1028,7 +1028,7 @@ const Toggle = qwik.component$(({ checkbox, round, label, ...props }) => {
       }),
       label && /* @__PURE__ */ jsxRuntime.jsx("label", {
         for: props.id,
-        class: "flex gap-2 text-gray-300 select-none",
+        class: "flex gap-2 text-lum-text select-none",
         children: label
       })
     ]

package/lib/index.qwik.mjs

@@ -604,7 +604,7 @@ const ColorPicker = component$(({ id, value = "#000000", colors = [
               await setColor(color);
             },
             children: /* @__PURE__ */ jsx(Shuffle, {
-              class: "p-0.5 pl-0.5 text-gray-300"
+              class: "p-0.5 pl-0.5 text-lum-text"
             })
           })
         ]
@@ -661,7 +661,7 @@ const SelectMenu = component$((props) => {
     children: [
       /* @__PURE__ */ jsx("label", {
         for: props.id,
-        class: "pb-1 text-gray-300 select-none",
+        class: "pb-1 text-lum-text select-none",
         children: /* @__PURE__ */ jsx(Slot, {})
       }),
       /* @__PURE__ */ jsxs(SelectMenuRaw, {
@@ -739,7 +739,7 @@ const SelectMenuRaw = component$(({ id, values, class: Class, customDropdown, ho
         children: /* @__PURE__ */ jsxs("div", {
           id: `lui-${id}-opts`,
           class: {
-            "lum-bg-gray-800 lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all": true
+            "lum-bg-lum-input-bg lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all": true
           },
           children: [
             values?.map(({ name, value }, i) => {
@@ -795,7 +795,7 @@ const Menu = component$(({ size, ...props }) => {
     ]
   });
 });
-const Nav = component$(({ fixed, floating, nohamburger, colorClass = "lum-bg-gray-900", ...props }) => {
+const Nav = component$(({ fixed, floating, nohamburger, colorClass = "lum-bg-lum-card-bg", ...props }) => {
   const menu = useSignal(false);
   return /* @__PURE__ */ jsxs("nav", {
     ...props,
@@ -921,7 +921,7 @@ const NumberInput = component$((props) => {
     children: [
       /* @__PURE__ */ jsx("label", {
         for: props.id,
-        class: "pb-1 text-gray-300 select-none",
+        class: "pb-1 text-lum-text select-none",
         children: /* @__PURE__ */ jsx(Slot, {})
       }),
       /* @__PURE__ */ jsx(NumberInputRaw, {
@@ -944,7 +944,7 @@ const NumberInputRaw = component$(({ input, onDecrement$, onIncrement$, value =
   `);
   return /* @__PURE__ */ jsxs("div", {
     class: {
-      "flex touch-manipulation gap-1 text-gray-50": true
+      "flex touch-manipulation gap-1 text-lum-text": true
     },
     children: [
       /* @__PURE__ */ jsx("button", {
@@ -1018,7 +1018,7 @@ const Toggle = component$(({ checkbox, round, label, ...props }) => {
               "rounded-full after:rounded-full": round,
               "w-12 peer-checked:after:translate-x-full": !checkbox,
               "w-7 after:opacity-0 peer-checked:after:opacity-100": checkbox,
-              "lum-toggle-bg-gray-800 peer-checked:lum-toggle-bg-blue-500": true,
+              "lum-toggle-bg-lum-input-bg peer-checked:lum-toggle-bg-lum-accent": true,
               [props.class ?? ""]: !!props.class
             }
           })
@@ -1026,7 +1026,7 @@ const Toggle = component$(({ checkbox, round, label, ...props }) => {
       }),
       label && /* @__PURE__ */ jsx("label", {
         for: props.id,
-        class: "flex gap-2 text-gray-300 select-none",
+        class: "flex gap-2 text-lum-text select-none",
         children: label
       })
     ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui-qwik",
-  "version": "4.0.2",
+  "version": "4.1.1",
   "description": "Luminescent UI library",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",
@@ -52,7 +52,7 @@
     "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {
-    "@luminescent/ui": "4.0.2"
+    "@luminescent/ui": "4.1.1"
   },
   "scripts": {
     "build": "qwik build",