@luminescent/ui 0.7.2 → 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 -27
  2. package/lib/index.qwik.mjs +28 -27
  3. package/package.json +1 -1
package/lib/index.qwik.cjs CHANGED
@@ -207,28 +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
- "h-full": props1.href,
220
- "flex-col": !props.row,
221
- "flex-row items-center": props.row,
222
- ...props1.class
223
- }
224
- }, null, 0, "OW_1");
225
- if (props.blobs)
226
- Component = /* @__PURE__ */ qwik._jsxQ("div", null, {
227
- class: "relative"
228
- }, [
229
- Component,
212
+ children: [
230
213
  /* @__PURE__ */ qwik._jsxQ("div", null, {
231
- 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]",
232
229
  style: {
233
230
  containerType: "size"
234
231
  }
@@ -256,13 +253,17 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
256
253
  [cardColorClasses[props.color ?? "darkgray"].blobs[2]]: true
257
254
  }
258
255
  }, null, null, 3, null)
259
- ], 1, null)
260
- ], 1, "OW_2");
261
- if (props1.href)
262
- Component = /* @__PURE__ */ qwik._jsxQ("a", {
263
- href: qwik._wrapSignal(props1, "href")
264
- }, null, Component, 1, "OW_3");
265
- 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");
266
267
  }, "Card_component_DlkkcTEVka4"));
267
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";
268
269
  const TextInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
package/lib/index.qwik.mjs CHANGED
@@ -205,28 +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
- "h-full": props1.href,
218
- "flex-col": !props.row,
219
- "flex-row items-center": props.row,
220
- ...props1.class
221
- }
222
- }, null, 0, "OW_1");
223
- if (props.blobs)
224
- Component = /* @__PURE__ */ _jsxQ("div", null, {
225
- class: "relative"
226
- }, [
227
- Component,
210
+ children: [
228
211
  /* @__PURE__ */ _jsxQ("div", null, {
229
- 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]",
230
227
  style: {
231
228
  containerType: "size"
232
229
  }
@@ -254,13 +251,17 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
254
251
  [cardColorClasses[props.color ?? "darkgray"].blobs[2]]: true
255
252
  }
256
253
  }, null, null, 3, null)
257
- ], 1, null)
258
- ], 1, "OW_2");
259
- if (props1.href)
260
- Component = /* @__PURE__ */ _jsxQ("a", {
261
- href: _wrapSignal(props1, "href")
262
- }, null, Component, 1, "OW_3");
263
- 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");
264
265
  }, "Card_component_DlkkcTEVka4"));
265
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";
266
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.2",
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",