@luminescent/ui 0.16.1 → 0.16.2

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 (4) hide show
  1. package/lib/index.qwik.cjs +14 -4
  2. package/lib/index.qwik.mjs +15 -5
  3. package/lib-types/components/elements/Card.d.ts +1 -1
  4. package/package.json +9 -9
package/lib/index.qwik.cjs CHANGED
@@ -534,12 +534,22 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
534
534
  ...props1.class
535
535
  },
536
536
  children: [
537
- /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "OW_0"),
537
+ props.hover == "blur" && /* @__PURE__ */ qwik._jsxQ("div", null, {
538
+ class: {
539
+ "transition-all absolute flex inset-0 w-full h-full z-10 backdrop-blur-xl rounded-lg opacity-0 hover:opacity-100": true
540
+ }
541
+ }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, {
542
+ name: "blur",
543
+ [qwik._IMMUTABLE]: {
544
+ name: qwik._IMMUTABLE
545
+ }
546
+ }, 3, "OW_0"), 1, "OW_1"),
547
+ /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "OW_2"),
538
548
  props1.href && /* @__PURE__ */ qwik._jsxQ("a", {
539
549
  href: qwik._wrapSignal(props1, "href")
540
550
  }, {
541
551
  class: "absolute inset-0"
542
- }, null, 3, "OW_1"),
552
+ }, null, 3, "OW_3"),
543
553
  props.blobs && /* @__PURE__ */ qwik._jsxC(Blobs, {
544
554
  get color() {
545
555
  return props.color ?? "darkgray";
@@ -553,9 +563,9 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
553
563
  ], 'p0.color??"darkgray"'),
554
564
  class: qwik._IMMUTABLE
555
565
  }
556
- }, 3, "OW_2")
566
+ }, 3, "OW_4")
557
567
  ]
558
- }, null, 0, "OW_3");
568
+ }, null, 0, "OW_5");
559
569
  }, "Card_component_DlkkcTEVka4"));
560
570
  const InputColorClasses = {
561
571
  slate: "bg-slate-700/90 border-slate-600 hover:bg-slate-600 active:bg-slate-500 focus:border-slate-300",
package/lib/index.qwik.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { componentQrl, inlinedQrl, _jsxQ, _fnSignal, _restProps, _jsxS, _jsxC, Slot, _jsxBranch, _wrapSignal, _IMMUTABLE, useStore, useLexicalScope, _wrapProp, useOn, useStylesQrl, useSignal } from "@builder.io/qwik";
1
+ import { componentQrl, inlinedQrl, _jsxQ, _fnSignal, _restProps, _jsxS, _jsxC, Slot, _jsxBranch, _IMMUTABLE, _wrapSignal, useStore, useLexicalScope, _wrapProp, useOn, useStylesQrl, useSignal } from "@builder.io/qwik";
2
2
  import { Fragment } from "@builder.io/qwik/jsx-runtime";
3
3
  const Anchor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => /* @__PURE__ */ _jsxQ("span", null, {
4
4
  id: _fnSignal((p0) => p0.id, [
@@ -532,12 +532,22 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
532
532
  ...props1.class
533
533
  },
534
534
  children: [
535
- /* @__PURE__ */ _jsxC(Slot, null, 3, "OW_0"),
535
+ props.hover == "blur" && /* @__PURE__ */ _jsxQ("div", null, {
536
+ class: {
537
+ "transition-all absolute flex inset-0 w-full h-full z-10 backdrop-blur-xl rounded-lg opacity-0 hover:opacity-100": true
538
+ }
539
+ }, /* @__PURE__ */ _jsxC(Slot, {
540
+ name: "blur",
541
+ [_IMMUTABLE]: {
542
+ name: _IMMUTABLE
543
+ }
544
+ }, 3, "OW_0"), 1, "OW_1"),
545
+ /* @__PURE__ */ _jsxC(Slot, null, 3, "OW_2"),
536
546
  props1.href && /* @__PURE__ */ _jsxQ("a", {
537
547
  href: _wrapSignal(props1, "href")
538
548
  }, {
539
549
  class: "absolute inset-0"
540
- }, null, 3, "OW_1"),
550
+ }, null, 3, "OW_3"),
541
551
  props.blobs && /* @__PURE__ */ _jsxC(Blobs, {
542
552
  get color() {
543
553
  return props.color ?? "darkgray";
@@ -551,9 +561,9 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
551
561
  ], 'p0.color??"darkgray"'),
552
562
  class: _IMMUTABLE
553
563
  }
554
- }, 3, "OW_2")
564
+ }, 3, "OW_4")
555
565
  ]
556
- }, null, 0, "OW_3");
566
+ }, null, 0, "OW_5");
557
567
  }, "Card_component_DlkkcTEVka4"));
558
568
  const InputColorClasses = {
559
569
  slate: "bg-slate-700/90 border-slate-600 hover:bg-slate-600 active:bg-slate-500 focus:border-slate-300",
package/lib-types/components/elements/Card.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { PropsOf } from '@builder.io/qwik';
2
2
  interface CardProps extends Omit<PropsOf<'div'>, 'class'> {
3
3
  color?: keyof typeof cardColorClasses;
4
- hover?: boolean | 'clickable';
4
+ hover?: boolean | 'clickable' | 'blur';
5
5
  href?: string;
6
6
  row?: boolean;
7
7
  blobs?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luminescent/ui",
3
- "version": "0.16.1",
3
+ "version": "0.16.2",
4
4
  "description": "Luminescent UI library",
5
5
  "main": "./lib/index.qwik.mjs",
6
6
  "qwik": "./lib/index.qwik.mjs",
@@ -41,22 +41,22 @@
41
41
  },
42
42
  "devDependencies": {
43
43
  "@anuragroy/tailwindcss-animate": "^1.0.6",
44
- "@builder.io/qwik": "1.5.2",
45
- "@builder.io/qwik-city": "^1.5.2",
46
- "@types/eslint": "^8.56.9",
47
- "@types/node": "^20.12.7",
48
- "@typescript-eslint/eslint-plugin": "^7.6.0",
49
- "@typescript-eslint/parser": "^7.6.0",
44
+ "@builder.io/qwik": "1.5.3",
45
+ "@builder.io/qwik-city": "^1.5.3",
46
+ "@types/eslint": "^8.56.10",
47
+ "@types/node": "^20.12.8",
48
+ "@typescript-eslint/eslint-plugin": "^7.8.0",
49
+ "@typescript-eslint/parser": "^7.8.0",
50
50
  "autoprefixer": "^10.4.19",
51
51
  "chart.js": "^4.4.2",
52
52
  "eslint": "^8.57.0",
53
53
  "eslint-plugin-qwik": "latest",
54
- "np": "^10.0.3",
54
+ "np": "^10.0.5",
55
55
  "postcss": "^8.4.38",
56
56
  "tailwindcss": "3.4.3",
57
57
  "typescript": "5.4.5",
58
58
  "undici": "*",
59
- "vite": "^5.2.8",
59
+ "vite": "^5.2.11",
60
60
  "vite-tsconfig-paths": "^4.3.2"
61
61
  }
62
62
  }