@luminescent/ui 0.7.1 → 0.7.3

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.
Files changed (3) hide show
  1. package/lib/index.qwik.cjs +28 -26
  2. package/lib/index.qwik.mjs +28 -26
  3. package/package.json +1 -1
package/lib/index.qwik.cjs CHANGED
@@ -207,27 +207,25 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
207
207
  "blobs"
208
208
  ]);
209
209
  const blob = Math.round(Math.random() * 6);
210
- let Component = /* @__PURE__ */ qwik._jsxS("div", {
210
+ return /* @__PURE__ */ qwik._jsxS("div", {
211
211
  ...props1,
212
- children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "OW_0"),
213
- class: {
214
- "flex gap-4 p-8 border rounded-lg transition-all": true,
215
- [cardColorClasses[props.color ?? "darkgray"].card.bg]: !props.blobs,
216
- [cardColorClasses[props.color ?? "darkgray"].card.bg_blobs]: props.blobs,
217
- [cardColorClasses[props.color ?? "darkgray"].card.hover + " hover:shadow-lg"]: props.hover,
218
- [cardColorClasses[props.color ?? "darkgray"].card.click + " active:scale-[99%] cursor-pointer select-none"]: props.hover == "clickable",
219
- "flex-col": !props.row,
220
- "flex-row items-center": props.row,
221
- ...props1.class
222
- }
223
- }, null, 0, "OW_1");
224
- if (props.blobs)
225
- Component = /* @__PURE__ */ qwik._jsxQ("div", null, {
226
- class: "relative"
227
- }, [
228
- Component,
212
+ children: [
229
213
  /* @__PURE__ */ qwik._jsxQ("div", null, {
230
- class: "absolute -z-10 inset-0 w-full h-full transition-all overflow-clip animate-in fade-in anim-duration-[2s]",
214
+ class: qwik._fnSignal((p0) => ({
215
+ "flex gap-4": true,
216
+ "flex-col": !p0.row,
217
+ "flex-row items-center": p0.row
218
+ }), [
219
+ props
220
+ ], '{"flex gap-4":true,"flex-col":!p0.row,"flex-row items-center":p0.row}')
221
+ }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "OW_0"), 1, null),
222
+ props1.href && /* @__PURE__ */ qwik._jsxQ("a", {
223
+ href: qwik._wrapSignal(props1, "href")
224
+ }, {
225
+ class: "absolute inset-0"
226
+ }, null, 3, "OW_1"),
227
+ props.blobs && /* @__PURE__ */ qwik._jsxQ("div", null, {
228
+ class: "absolute -z-10 inset-0 transition-all overflow-clip animate-in fade-in anim-duration-[2s]",
231
229
  style: {
232
230
  containerType: "size"
233
231
  }
@@ -255,13 +253,17 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
255
253
  [cardColorClasses[props.color ?? "darkgray"].blobs[2]]: true
256
254
  }
257
255
  }, null, null, 3, null)
258
- ], 1, null)
259
- ], 1, "OW_2");
260
- if (props1.href)
261
- Component = /* @__PURE__ */ qwik._jsxQ("a", {
262
- href: qwik._wrapSignal(props1, "href")
263
- }, null, Component, 1, "OW_3");
264
- return Component;
256
+ ], 1, "OW_2")
257
+ ],
258
+ class: {
259
+ "relative p-8 border rounded-lg transition-all": true,
260
+ [cardColorClasses[props.color ?? "darkgray"].card.bg]: !props.blobs,
261
+ [cardColorClasses[props.color ?? "darkgray"].card.bg_blobs]: props.blobs,
262
+ [cardColorClasses[props.color ?? "darkgray"].card.hover + " hover:shadow-lg"]: props.hover,
263
+ [cardColorClasses[props.color ?? "darkgray"].card.click + " active:scale-[99%] cursor-pointer select-none"]: props.hover == "clickable",
264
+ ...props1.class
265
+ }
266
+ }, null, 0, "OW_3");
265
267
  }, "Card_component_DlkkcTEVka4"));
266
268
  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";
267
269
  const TextInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
package/lib/index.qwik.mjs CHANGED
@@ -205,27 +205,25 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
205
205
  "blobs"
206
206
  ]);
207
207
  const blob = Math.round(Math.random() * 6);
208
- let Component = /* @__PURE__ */ _jsxS("div", {
208
+ return /* @__PURE__ */ _jsxS("div", {
209
209
  ...props1,
210
- children: /* @__PURE__ */ _jsxC(Slot, null, 3, "OW_0"),
211
- class: {
212
- "flex gap-4 p-8 border rounded-lg transition-all": true,
213
- [cardColorClasses[props.color ?? "darkgray"].card.bg]: !props.blobs,
214
- [cardColorClasses[props.color ?? "darkgray"].card.bg_blobs]: props.blobs,
215
- [cardColorClasses[props.color ?? "darkgray"].card.hover + " hover:shadow-lg"]: props.hover,
216
- [cardColorClasses[props.color ?? "darkgray"].card.click + " active:scale-[99%] cursor-pointer select-none"]: props.hover == "clickable",
217
- "flex-col": !props.row,
218
- "flex-row items-center": props.row,
219
- ...props1.class
220
- }
221
- }, null, 0, "OW_1");
222
- if (props.blobs)
223
- Component = /* @__PURE__ */ _jsxQ("div", null, {
224
- class: "relative"
225
- }, [
226
- Component,
210
+ children: [
227
211
  /* @__PURE__ */ _jsxQ("div", null, {
228
- class: "absolute -z-10 inset-0 w-full h-full transition-all overflow-clip animate-in fade-in anim-duration-[2s]",
212
+ class: _fnSignal((p0) => ({
213
+ "flex gap-4": true,
214
+ "flex-col": !p0.row,
215
+ "flex-row items-center": p0.row
216
+ }), [
217
+ props
218
+ ], '{"flex gap-4":true,"flex-col":!p0.row,"flex-row items-center":p0.row}')
219
+ }, /* @__PURE__ */ _jsxC(Slot, null, 3, "OW_0"), 1, null),
220
+ props1.href && /* @__PURE__ */ _jsxQ("a", {
221
+ href: _wrapSignal(props1, "href")
222
+ }, {
223
+ class: "absolute inset-0"
224
+ }, null, 3, "OW_1"),
225
+ props.blobs && /* @__PURE__ */ _jsxQ("div", null, {
226
+ class: "absolute -z-10 inset-0 transition-all overflow-clip animate-in fade-in anim-duration-[2s]",
229
227
  style: {
230
228
  containerType: "size"
231
229
  }
@@ -253,13 +251,17 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
253
251
  [cardColorClasses[props.color ?? "darkgray"].blobs[2]]: true
254
252
  }
255
253
  }, null, null, 3, null)
256
- ], 1, null)
257
- ], 1, "OW_2");
258
- if (props1.href)
259
- Component = /* @__PURE__ */ _jsxQ("a", {
260
- href: _wrapSignal(props1, "href")
261
- }, null, Component, 1, "OW_3");
262
- return Component;
254
+ ], 1, "OW_2")
255
+ ],
256
+ class: {
257
+ "relative p-8 border rounded-lg transition-all": true,
258
+ [cardColorClasses[props.color ?? "darkgray"].card.bg]: !props.blobs,
259
+ [cardColorClasses[props.color ?? "darkgray"].card.bg_blobs]: props.blobs,
260
+ [cardColorClasses[props.color ?? "darkgray"].card.hover + " hover:shadow-lg"]: props.hover,
261
+ [cardColorClasses[props.color ?? "darkgray"].card.click + " active:scale-[99%] cursor-pointer select-none"]: props.hover == "clickable",
262
+ ...props1.class
263
+ }
264
+ }, null, 0, "OW_3");
263
265
  }, "Card_component_DlkkcTEVka4"));
264
266
  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";
265
267
  const TextInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luminescent/ui",
3
- "version": "0.7.1",
3
+ "version": "0.7.3",
4
4
  "description": "Luminescent UI library",
5
5
  "main": "./lib/index.qwik.mjs",
6
6
  "qwik": "./lib/index.qwik.mjs",