@luminescent/ui 0.12.3 → 0.12.4

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.
@@ -78,7 +78,7 @@ const Blobs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
78
78
  const colorClass = typeof (props.color ?? "darkgray") == "string" ? blobColorClasses[props.color ?? "darkgray"] : props.color ?? "darkgray";
79
79
  return /* @__PURE__ */ qwik._jsxQ("div", {
80
80
  class: {
81
- "motion-reduce:hidden absolute -z-10 inset-0 transition-all animate-in fade-in anim-duration-[2s]": true,
81
+ "motion-reduce:hidden absolute inset-0 transition-all animate-in fade-in anim-duration-[2s] -z-[1]": true,
82
82
  ...props1.class
83
83
  }
84
84
  }, {
@@ -288,15 +288,7 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
288
288
  return /* @__PURE__ */ qwik._jsxS("div", {
289
289
  ...props1,
290
290
  children: [
291
- /* @__PURE__ */ qwik._jsxQ("div", null, {
292
- class: qwik._fnSignal((p0) => ({
293
- "flex gap-4": true,
294
- "flex-col": !p0.row,
295
- "flex-row items-center": p0.row
296
- }), [
297
- props
298
- ], '{"flex gap-4":true,"flex-col":!p0.row,"flex-row items-center":p0.row}')
299
- }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "OW_0"), 1, null),
291
+ /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "OW_0"),
300
292
  props1.href && /* @__PURE__ */ qwik._jsxQ("a", {
301
293
  href: qwik._wrapSignal(props1, "href")
302
294
  }, {
@@ -318,7 +310,8 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
318
310
  }, 3, "OW_2")
319
311
  ],
320
312
  class: {
321
- "relative p-8 border rounded-lg motion-safe:transition-all": true,
313
+ "relative flex gap-4 p-8 border rounded-lg motion-safe:transition-all": true,
314
+ "flex-col": !props.row,
322
315
  [cardColorClasses[props.color ?? "darkgray"].card.bg]: !props.blobs,
323
316
  [cardColorClasses[props.color ?? "darkgray"].card.bg_blobs]: props.blobs,
324
317
  [cardColorClasses[props.color ?? "darkgray"].card.hover + " hover:shadow-lg"]: props.hover,
@@ -76,7 +76,7 @@ const Blobs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
76
76
  const colorClass = typeof (props.color ?? "darkgray") == "string" ? blobColorClasses[props.color ?? "darkgray"] : props.color ?? "darkgray";
77
77
  return /* @__PURE__ */ _jsxQ("div", {
78
78
  class: {
79
- "motion-reduce:hidden absolute -z-10 inset-0 transition-all animate-in fade-in anim-duration-[2s]": true,
79
+ "motion-reduce:hidden absolute inset-0 transition-all animate-in fade-in anim-duration-[2s] -z-[1]": true,
80
80
  ...props1.class
81
81
  }
82
82
  }, {
@@ -286,15 +286,7 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
286
286
  return /* @__PURE__ */ _jsxS("div", {
287
287
  ...props1,
288
288
  children: [
289
- /* @__PURE__ */ _jsxQ("div", null, {
290
- class: _fnSignal((p0) => ({
291
- "flex gap-4": true,
292
- "flex-col": !p0.row,
293
- "flex-row items-center": p0.row
294
- }), [
295
- props
296
- ], '{"flex gap-4":true,"flex-col":!p0.row,"flex-row items-center":p0.row}')
297
- }, /* @__PURE__ */ _jsxC(Slot, null, 3, "OW_0"), 1, null),
289
+ /* @__PURE__ */ _jsxC(Slot, null, 3, "OW_0"),
298
290
  props1.href && /* @__PURE__ */ _jsxQ("a", {
299
291
  href: _wrapSignal(props1, "href")
300
292
  }, {
@@ -316,7 +308,8 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
316
308
  }, 3, "OW_2")
317
309
  ],
318
310
  class: {
319
- "relative p-8 border rounded-lg motion-safe:transition-all": true,
311
+ "relative flex gap-4 p-8 border rounded-lg motion-safe:transition-all": true,
312
+ "flex-col": !props.row,
320
313
  [cardColorClasses[props.color ?? "darkgray"].card.bg]: !props.blobs,
321
314
  [cardColorClasses[props.color ?? "darkgray"].card.bg_blobs]: props.blobs,
322
315
  [cardColorClasses[props.color ?? "darkgray"].card.hover + " hover:shadow-lg"]: props.hover,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luminescent/ui",
3
- "version": "0.12.3",
3
+ "version": "0.12.4",
4
4
  "description": "Luminescent UI library",
5
5
  "main": "./lib/index.qwik.mjs",
6
6
  "qwik": "./lib/index.qwik.mjs",