@6thbridge/hexa 0.0.97 → 0.0.99

package/dist/output.css

@@ -2213,6 +2213,11 @@
   color: rgb(55 65 81 / var(--tw-text-opacity, 1));
 }
 
+.text-gray-800{
+  --tw-text-opacity: 1;
+  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
+}
+
 .text-gray-900{
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity, 1));
@@ -2842,6 +2847,10 @@ input:-webkit-autofill:active {
   background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
 }
 
+.hover\:bg-gray-200\/50:hover{
+  background-color: rgb(229 231 235 / 0.5);
+}
+
 .hover\:bg-gray-50:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
@@ -3120,6 +3129,34 @@ input:-webkit-autofill:active {
   pointer-events: none;
 }
 
+@keyframes accordion-up{
+  from{
+    height: var(--radix-accordion-content-height);
+  }
+
+  to{
+    height: 0;
+  }
+}
+
+.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"]{
+  animation: accordion-up 0.2s ease-out;
+}
+
+@keyframes accordion-down{
+  from{
+    height: 0;
+  }
+
+  to{
+    height: var(--radix-accordion-content-height);
+  }
+}
+
+.data-\[state\=open\]\:animate-accordion-down[data-state="open"]{
+  animation: accordion-down 0.2s ease-out;
+}
+
 .data-\[selected\=true\]\:bg-primary-accent[data-selected="true"]{
   background-color: var(--color-primary-accent);
 }
@@ -3129,6 +3166,10 @@ input:-webkit-autofill:active {
   background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
 }
 
+.data-\[state\=open\]\:bg-gray-200\/50[data-state="open"]{
+  background-color: rgb(229 231 235 / 0.5);
+}
+
 .data-\[disabled\=true\]\:opacity-50[data-disabled="true"]{
   opacity: 0.5;
 }
@@ -3258,6 +3299,11 @@ input:-webkit-autofill:active {
   background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)) !important;
 }
 
+.group[data-state="open"] .group-data-\[state\=open\]\:rotate-180{
+  --tw-rotate: 180deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .group[data-state="active"] .group-data-\[state\=active\]\:font-medium{
   font-weight: 500;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@6thbridge/hexa",
-  "version": "0.0.97",
+  "version": "0.0.99",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/DexlerNG/payfusion-component-library.git",
@@ -36,16 +36,17 @@
     "jest": "30.4.1",
     "postcss": "8.5.14",
     "prettier": "3.8.3",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
     "tailwindcss": "3.4.18",
     "ts-jest": "29.4.10",
     "tsup": "8.5.0",
     "typescript": "6.0.2",
     "typescript-eslint": "8.60.1",
-    "vite": "8.0.15",
-    "react": "19.2.6",
-    "react-dom": "19.2.6"
+    "vite": "8.0.15"
   },
   "dependencies": {
+    "@radix-ui/react-accordion": "1.2.13",
     "@radix-ui/react-checkbox": "1.3.3",
     "@radix-ui/react-dialog": "1.1.15",
     "@radix-ui/react-dismissable-layer": "1.1.11",

package/tailwind.config.js

@@ -24,6 +24,20 @@ module.exports = {
       fontFamily: {
         sans: ["GT Walsheim Pro", "sans-serif"],
       },
+      keyframes: {
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" },
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" },
+        },
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+      },
     },
   },
   plugins: [require("tailwindcss-animate")],