@luminescent/ui 0.12.7 → 0.12.9

package/lib/index.qwik.cjs

@@ -124,12 +124,13 @@ const Blobs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
   ], 1, "OL_0");
 }, "Blobs_component_246Oa50YM60"));
 const buttonColorClasses = {
+  red: "bg-red-700/90 border-red-600 hover:bg-red-600 active:bg-red-500 focus:border-red-500",
+  orange: "bg-orange-700/90 border-orange-600 hover:bg-orange-600 active:bg-orange-500 focus:border-orange-500",
+  yellow: "bg-yellow-700/90 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500 focus:border-yellow-500",
+  green: "bg-green-700/90 border-green-600 hover:bg-green-600 active:bg-green-500 focus:border-green-500",
   blue: "bg-blue-600/90 border-blue-500 hover:bg-blue-500 active:bg-blue-400 focus:border-blue-400",
   purple: "bg-purple-600/90 border-purple-500 hover:bg-purple-500 active:bg-purple-400 focus:border-purple-400",
   pink: "bg-pink-600/90 border-pink-500 hover:bg-pink-500 active:bg-pink-400 focus:border-pink-400",
-  red: "bg-red-700/90 border-red-600 hover:bg-red-600 active:bg-red-500 focus:border-red-500",
-  green: "bg-green-700/90 border-green-600 hover:bg-green-600 active:bg-green-500 focus:border-green-500",
-  yellow: "bg-yellow-700/90 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500 focus:border-yellow-500",
   gray: "bg-gray-700/90 border-gray-600 hover:bg-gray-600 active:bg-gray-500 focus:border-gray-500",
   darkgray: "bg-gray-800/90 border-gray-700 hover:bg-gray-700 active:bg-gray-600 focus:border-gray-600",
   transparent: "bg-transparent border-transparent hover:bg-gray-600/50 active:bg-gray-600/60 focus:border-gray-600/60"
@@ -310,7 +311,7 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
       }, 3, "OW_2")
     ],
     class: {
-      "relative flex gap-4 p-7 border rounded-lg motion-safe:transition-all": true,
+      "relative flex gap-3 sm:gap-4 p-5 sm:p-7 border rounded-lg motion-safe:transition-all": true,
       "flex-col": !props.row,
       [cardColorClasses[props.color ?? "darkgray"].card.bg]: !props.blobs,
       [cardColorClasses[props.color ?? "darkgray"].card.bg_blobs]: props.blobs,
@@ -1062,7 +1063,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 items-center font-bold text-2xl whitespace-nowrap text-white": true,
+        "flex gap-2 flex-1 items-center font-bold text-xl sm:text-2xl whitespace-nowrap text-white": true,
         ...props1.class
       }
     }, null, [

package/lib/index.qwik.mjs

@@ -122,12 +122,13 @@ const Blobs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   ], 1, "OL_0");
 }, "Blobs_component_246Oa50YM60"));
 const buttonColorClasses = {
+  red: "bg-red-700/90 border-red-600 hover:bg-red-600 active:bg-red-500 focus:border-red-500",
+  orange: "bg-orange-700/90 border-orange-600 hover:bg-orange-600 active:bg-orange-500 focus:border-orange-500",
+  yellow: "bg-yellow-700/90 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500 focus:border-yellow-500",
+  green: "bg-green-700/90 border-green-600 hover:bg-green-600 active:bg-green-500 focus:border-green-500",
   blue: "bg-blue-600/90 border-blue-500 hover:bg-blue-500 active:bg-blue-400 focus:border-blue-400",
   purple: "bg-purple-600/90 border-purple-500 hover:bg-purple-500 active:bg-purple-400 focus:border-purple-400",
   pink: "bg-pink-600/90 border-pink-500 hover:bg-pink-500 active:bg-pink-400 focus:border-pink-400",
-  red: "bg-red-700/90 border-red-600 hover:bg-red-600 active:bg-red-500 focus:border-red-500",
-  green: "bg-green-700/90 border-green-600 hover:bg-green-600 active:bg-green-500 focus:border-green-500",
-  yellow: "bg-yellow-700/90 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500 focus:border-yellow-500",
   gray: "bg-gray-700/90 border-gray-600 hover:bg-gray-600 active:bg-gray-500 focus:border-gray-500",
   darkgray: "bg-gray-800/90 border-gray-700 hover:bg-gray-700 active:bg-gray-600 focus:border-gray-600",
   transparent: "bg-transparent border-transparent hover:bg-gray-600/50 active:bg-gray-600/60 focus:border-gray-600/60"
@@ -308,7 +309,7 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
       }, 3, "OW_2")
     ],
     class: {
-      "relative flex gap-4 p-7 border rounded-lg motion-safe:transition-all": true,
+      "relative flex gap-3 sm:gap-4 p-5 sm:p-7 border rounded-lg motion-safe:transition-all": true,
       "flex-col": !props.row,
       [cardColorClasses[props.color ?? "darkgray"].card.bg]: !props.blobs,
       [cardColorClasses[props.color ?? "darkgray"].card.bg_blobs]: props.blobs,
@@ -1060,7 +1061,7 @@ const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
   let Component = /* @__PURE__ */ _jsxC(Fragment, {
     children: /* @__PURE__ */ _jsxQ("h2", {
       class: {
-        "flex gap-2 flex-1 items-center font-bold text-2xl whitespace-nowrap text-white": true,
+        "flex gap-2 flex-1 items-center font-bold text-xl sm:text-2xl whitespace-nowrap text-white": true,
         ...props1.class
       }
     }, null, [

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

@@ -1,11 +1,12 @@
 import type { PropsOf } from '@builder.io/qwik';
 export declare const buttonColorClasses: {
+    red: string;
+    orange: string;
+    yellow: string;
+    green: string;
     blue: string;
     purple: string;
     pink: string;
-    red: string;
-    green: string;
-    yellow: string;
     gray: string;
     darkgray: string;
     transparent: string;

package/package.json

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