@luminescent/ui 0.12.2 → 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.
Files changed (3) hide show
  1. package/lib/index.qwik.cjs +9 -15
  2. package/lib/index.qwik.mjs +9 -15
  3. package/package.json +1 -1
package/lib/index.qwik.cjs CHANGED
@@ -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,
@@ -988,13 +981,13 @@ const DropdownRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
988
981
  }, 1, "Zz_6"),
989
982
  /* @__PURE__ */ qwik._jsxQ("div", {
990
983
  class: {
991
- "absolute top-full pt-2 left-0": true,
984
+ "absolute top-full pt-2 left-0 z-[1000] ": true,
992
985
  "pointer-events-none opacity-0 scale-95": !store.opened,
993
986
  "group-hover:pointer-events-auto group-hover:opacity-100 group-hover:scale-100": props.hover
994
987
  }
995
988
  }, null, /* @__PURE__ */ qwik._jsxQ("div", null, {
996
989
  class: {
997
- "motion-safe:transition-all p-1 gap-1 bg-gray-800/50 backdrop-blur-xl flex flex-col rounded-lg border border-gray-700 z-[1000] max-h-72 lui-scroll overflow-auto select-none": true
990
+ "motion-safe:transition-all p-1.5 gap-1 bg-gray-800/50 backdrop-blur-xl flex flex-col rounded-lg border border-gray-700 max-h-72 lui-scroll overflow-auto select-none": true
998
991
  },
999
992
  id: qwik._fnSignal((p0) => `lui-${p0.id}-opts`, [
1000
993
  props
@@ -1130,7 +1123,8 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
1130
1123
  }
1131
1124
  }, null, /* @__PURE__ */ qwik._jsxQ("div", null, {
1132
1125
  class: {
1133
- "flex flex-col gap-2 motion-safe:transition-all max-w-7xl w-full p-2 bg-gray-800/50 border border-gray-700/50 backdrop-blur-lg drop-shadow-xl rounded-lg": true
1126
+ "flex flex-col gap-2 motion-safe:transition-all max-w-7xl w-full p-2 bg-gray-800/50 border border-gray-700/50 rounded-lg": true,
1127
+ 'before:absolute before:content-[""] before:w-full before:h-full before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': true
1134
1128
  }
1135
1129
  }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, {
1136
1130
  name: "mobile",
@@ -1148,7 +1142,7 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
1148
1142
  class: {
1149
1143
  "flex justify-evenly w-full mx-auto px-2 max-w-7xl": true,
1150
1144
  "bg-gray-800/50 border border-gray-700/50 rounded-lg": props.floating,
1151
- 'before:absolute before:content-[""] before:w-full before:h-full before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': props.floating
1145
+ 'before:absolute before:content-[""] before:w-full before:max-w-7xl before:h-full before:rounded-lg before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': props.floating
1152
1146
  }
1153
1147
  }, null, [
1154
1148
  /* @__PURE__ */ qwik._jsxQ("div", null, {
package/lib/index.qwik.mjs CHANGED
@@ -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,
@@ -986,13 +979,13 @@ const DropdownRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
986
979
  }, 1, "Zz_6"),
987
980
  /* @__PURE__ */ _jsxQ("div", {
988
981
  class: {
989
- "absolute top-full pt-2 left-0": true,
982
+ "absolute top-full pt-2 left-0 z-[1000] ": true,
990
983
  "pointer-events-none opacity-0 scale-95": !store.opened,
991
984
  "group-hover:pointer-events-auto group-hover:opacity-100 group-hover:scale-100": props.hover
992
985
  }
993
986
  }, null, /* @__PURE__ */ _jsxQ("div", null, {
994
987
  class: {
995
- "motion-safe:transition-all p-1 gap-1 bg-gray-800/50 backdrop-blur-xl flex flex-col rounded-lg border border-gray-700 z-[1000] max-h-72 lui-scroll overflow-auto select-none": true
988
+ "motion-safe:transition-all p-1.5 gap-1 bg-gray-800/50 backdrop-blur-xl flex flex-col rounded-lg border border-gray-700 max-h-72 lui-scroll overflow-auto select-none": true
996
989
  },
997
990
  id: _fnSignal((p0) => `lui-${p0.id}-opts`, [
998
991
  props
@@ -1128,7 +1121,8 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1128
1121
  }
1129
1122
  }, null, /* @__PURE__ */ _jsxQ("div", null, {
1130
1123
  class: {
1131
- "flex flex-col gap-2 motion-safe:transition-all max-w-7xl w-full p-2 bg-gray-800/50 border border-gray-700/50 backdrop-blur-lg drop-shadow-xl rounded-lg": true
1124
+ "flex flex-col gap-2 motion-safe:transition-all max-w-7xl w-full p-2 bg-gray-800/50 border border-gray-700/50 rounded-lg": true,
1125
+ 'before:absolute before:content-[""] before:w-full before:h-full before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': true
1132
1126
  }
1133
1127
  }, /* @__PURE__ */ _jsxC(Slot, {
1134
1128
  name: "mobile",
@@ -1146,7 +1140,7 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1146
1140
  class: {
1147
1141
  "flex justify-evenly w-full mx-auto px-2 max-w-7xl": true,
1148
1142
  "bg-gray-800/50 border border-gray-700/50 rounded-lg": props.floating,
1149
- 'before:absolute before:content-[""] before:w-full before:h-full before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': props.floating
1143
+ 'before:absolute before:content-[""] before:w-full before:max-w-7xl before:h-full before:rounded-lg before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': props.floating
1150
1144
  }
1151
1145
  }, null, [
1152
1146
  /* @__PURE__ */ _jsxQ("div", null, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luminescent/ui",
3
- "version": "0.12.2",
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",