@luminescent/ui 0.16.3 → 0.16.5

package/lib/index.qwik.cjs

@@ -525,7 +525,7 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
   return /* @__PURE__ */ qwik._jsxS("div", {
     ...props1,
     class: {
-      "relative flex gap-3 sm:gap-4 p-5 sm:p-7 border rounded-lg motion-safe:transition-all": true,
+      "relative flex gap-3 sm:gap-4 px-5 py-6 sm:px-7 sm:py-8 border rounded-lg motion-safe:transition-all": true,
       "flex-col": !props.row,
       [cardColorClasses[props.color ?? "darkgray"].bg]: !props.blobs,
       [cardColorClasses[props.color ?? "darkgray"].bg_blobs]: props.blobs,
@@ -552,15 +552,15 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
       }, null, 3, "OW_3"),
       props.blobs && /* @__PURE__ */ qwik._jsxC(Blobs, {
         get color() {
-          return props.color ?? "darkgray";
+          return props.blobs == true ? props.color ?? "darkgray" : props.blobs;
         },
         class: {
-          "overflow-clip": true
+          "overflow-clip rounded-lg": true
         },
         [qwik._IMMUTABLE]: {
-          color: qwik._fnSignal((p0) => p0.color ?? "darkgray", [
+          color: qwik._fnSignal((p0) => p0.blobs == true ? p0.color ?? "darkgray" : p0.blobs, [
             props
-          ], 'p0.color??"darkgray"'),
+          ], 'p0.blobs==true?p0.color??"darkgray":p0.blobs'),
           class: qwik._IMMUTABLE
         }
       }, 3, "OW_4")
@@ -1467,7 +1467,7 @@ const Header = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
   let Component = /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
     children: /* @__PURE__ */ qwik._jsxQ("h2", {
       class: {
-        "flex gap-2 flex-1 group items-center font-bold text-xl sm:text-2xl whitespace-nowrap text-white": true,
+        "flex gap-2 group items-center font-bold text-xl sm:text-2xl whitespace-nowrap text-white": true,
         ...props1.class
       }
     }, null, [
@@ -1501,7 +1501,7 @@ const Header = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
   }, 1, "dL_4");
   if (props.subheader)
     Component = /* @__PURE__ */ qwik._jsxQ("div", null, {
-      class: "flex flex-1 flex-col gap-1"
+      class: "flex flex-col gap-1"
     }, [
       Component,
       /* @__PURE__ */ qwik._jsxQ("h3", null, {

package/lib/index.qwik.mjs

@@ -523,7 +523,7 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   return /* @__PURE__ */ _jsxS("div", {
     ...props1,
     class: {
-      "relative flex gap-3 sm:gap-4 p-5 sm:p-7 border rounded-lg motion-safe:transition-all": true,
+      "relative flex gap-3 sm:gap-4 px-5 py-6 sm:px-7 sm:py-8 border rounded-lg motion-safe:transition-all": true,
       "flex-col": !props.row,
       [cardColorClasses[props.color ?? "darkgray"].bg]: !props.blobs,
       [cardColorClasses[props.color ?? "darkgray"].bg_blobs]: props.blobs,
@@ -550,15 +550,15 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
       }, null, 3, "OW_3"),
       props.blobs && /* @__PURE__ */ _jsxC(Blobs, {
         get color() {
-          return props.color ?? "darkgray";
+          return props.blobs == true ? props.color ?? "darkgray" : props.blobs;
         },
         class: {
-          "overflow-clip": true
+          "overflow-clip rounded-lg": true
         },
         [_IMMUTABLE]: {
-          color: _fnSignal((p0) => p0.color ?? "darkgray", [
+          color: _fnSignal((p0) => p0.blobs == true ? p0.color ?? "darkgray" : p0.blobs, [
             props
-          ], 'p0.color??"darkgray"'),
+          ], 'p0.blobs==true?p0.color??"darkgray":p0.blobs'),
           class: _IMMUTABLE
         }
       }, 3, "OW_4")
@@ -1465,7 +1465,7 @@ const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
   let Component = /* @__PURE__ */ _jsxC(Fragment, {
     children: /* @__PURE__ */ _jsxQ("h2", {
       class: {
-        "flex gap-2 flex-1 group items-center font-bold text-xl sm:text-2xl whitespace-nowrap text-white": true,
+        "flex gap-2 group items-center font-bold text-xl sm:text-2xl whitespace-nowrap text-white": true,
         ...props1.class
       }
     }, null, [
@@ -1499,7 +1499,7 @@ const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
   }, 1, "dL_4");
   if (props.subheader)
     Component = /* @__PURE__ */ _jsxQ("div", null, {
-      class: "flex flex-1 flex-col gap-1"
+      class: "flex flex-col gap-1"
     }, [
       Component,
       /* @__PURE__ */ _jsxQ("h3", null, {

package/lib-types/components/elements/Card.d.ts

@@ -1,10 +1,10 @@
 import type { PropsOf } from '@builder.io/qwik';
 interface CardProps extends Omit<PropsOf<'div'>, 'class'> {
     color?: keyof typeof cardColorClasses;
+    blobs?: boolean | keyof typeof cardColorClasses;
     hover?: boolean | 'clickable' | 'blur';
     href?: string;
     row?: boolean;
-    blobs?: boolean;
     class?: {
         [key: string]: boolean;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui",
-  "version": "0.16.3",
+  "version": "0.16.5",
   "description": "Luminescent UI library",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",