trepur_components 2.4.8 → 2.4.9

package/lib/components/HamburgerIcon/index.js

@@ -1,30 +1,30 @@
-import { jsx as e, jsxs as b } from "react/jsx-runtime";
-import { forwardRef as p, useState as u } from "react";
-import r from "clsx";
-const s = p(({ className: i, onClick: a, variant: t = "primary" }, l) => {
-  const [o, g] = u(!1), m = (n) => {
-    g(!o), a == null || a(n);
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as h, useState as u } from "react";
+import e from "clsx";
+const s = h(({ className: i, onClick: a, variant: t = "primary" }, g) => {
+  const [o, l] = u(!1), b = (n) => {
+    l(!o), a == null || a(n);
   };
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ r(
     "button",
     {
-      className: r(
+      className: e(
         "h-13 w-13 rounded-xl stroke-white transition-all duration-300 ease-in-out",
         {
           "bg-button-primary-bg hover:bg-button-primary-hover": t === "primary",
           "bg-button-secondary-bg hover:bg-button-secondary-hover": t === "secondary",
-          "bg-button-ghost-bg hover:bg-button-ghost-hover": t === "ghost"
+          "bg-button-ghost-bg text-button-ghost-text hover:text-button-ghost-text-hover hover:bg-button-ghost-bg-hover": t === "ghost"
         },
         i
       ),
-      ref: l,
+      ref: g,
       onClick: (n) => {
-        m(n);
+        b(n);
       },
-      children: /* @__PURE__ */ b(
+      children: /* @__PURE__ */ m(
         "svg",
         {
-          className: r(
+          className: e(
             "transition-backgroundColor mx-auto transform overflow-visible duration-500",
             {
               "fill-button-primary-text": t === "primary",
@@ -37,10 +37,10 @@ const s = p(({ className: i, onClick: a, variant: t = "primary" }, l) => {
           viewBox: "0 0 24 15",
           xmlns: "http://www.w3.org/2000/svg",
           children: [
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ r(
               "path",
               {
-                className: r(
+                className: e(
                   "origin-top-left transition-transform duration-200 ease-linear",
                   {
                     "origin-top-left -translate-y-0.5 translate-x-1 rotate-45": o
@@ -49,20 +49,20 @@ const s = p(({ className: i, onClick: a, variant: t = "primary" }, l) => {
                 d: "M0 1.5C0 0.947715 0.447715 0.5 1 0.5H21C21.5523 0.5 22 0.947715 22 1.5C22 2.05228 21.5523 2.5 21 2.5H1C0.447716 2.5 0 2.05228 0 1.5Z"
               }
             ),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ r(
               "path",
               {
-                className: r("transition-opacity duration-200 ease-linear", {
+                className: e("transition-opacity duration-200 ease-linear", {
                   "opacity-0": o,
                   "opacity-100": !o
                 }),
                 d: "M0 7.5C0 6.94772 0.447715 6.5 1 6.5H21C21.5523 6.5 22 6.94772 22 7.5C22 8.05228 21.5523 8.5 21 8.5H1C0.447716 8.5 0 8.05228 0 7.5Z"
               }
             ),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ r(
               "path",
               {
-                className: r(
+                className: e(
                   "origin-bottom-left transition-transform duration-200 ease-linear",
                   {
                     "origin-bottom-left translate-x-1 translate-y-px -rotate-45": o
@@ -78,7 +78,7 @@ const s = p(({ className: i, onClick: a, variant: t = "primary" }, l) => {
   );
 });
 s.displayName = "HamburgerIcon";
-const f = Object.assign(s);
+const x = Object.assign(s);
 export {
-  f as HamburgerIcon
+  x as HamburgerIcon
 };

package/lib/styles/themes/paa.css

@@ -31,9 +31,10 @@ body.theme-paa {
 
   --color-button-ghost-active: #242424;
   --color-button-ghost-border: #ffffff00;
-  --color-button-ghost-bg: #cbcbcb00;
-  --color-button-ghost-text: #3c2f71;
-  --color-button-ghost-hover: #c8c7c7;
+  --color-button-ghost-bg: #68a97b;
+  --color-button-ghost-text: #1d341e;
+  --color-button-ghost-bg-hover: #1d341e;
+  --color-button-ghost-text-hover: #68a97b;
 
   --color-button-bordered-active: #242424;
   --color-button-bordered-border: #9d9d9d;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trepur_components",
-  "version": "2.4.8",
+  "version": "2.4.9",
   "description": "component lib",
   "author": "trepur_ttenneb",
   "private": false,