@equos/react 3.0.2-rc.6 → 3.0.2-rc.8

package/dist/components/equos-hangup-button.js

@@ -5,5 +5,5 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const lucide_react_1 = require("lucide-react");
 const cn_1 = require("../utils/cn");
 function EquosHangupButton({ className, loading = false, onHangup, }) {
-    return ((0, jsx_runtime_1.jsx)("button", { className: (0, cn_1.cn)('overflow-hidden', ' border border-[#FF7366]/50 shadow-xl backdrop-blur-sm rounded-full cursor-pointer text-white', className), type: "button", onClick: onHangup, children: (0, jsx_runtime_1.jsx)("span", { className: "flex justify-center inset-shadow-glass items-center transition-colors p-4 bg-[#FF4133]/90 hover:bg-[#FF4133] w-32 rounded-full", children: loading ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader, { size: 20, className: "animate-spin" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.PhoneMissed, { size: 20 })) }) }));
+    return ((0, jsx_runtime_1.jsx)("button", { className: (0, cn_1.cn)('overflow-hidden', 'border shadow-glass backdrop-blur-xs rounded-full cursor-pointer text-white transition-colors p-4 bg-[#FF4133]/80 hover:bg-[#FF4133] border-[#FFCFCC] w-32', className), type: "button", onClick: onHangup, children: loading ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader, { size: 20, className: "animate-spin" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.PhoneMissed, { size: 20 })) }));
 }

package/dist/styles.css

@@ -24,7 +24,7 @@
     --radius-2xl: 1rem;
     --radius-3xl: 1.5rem;
     --animate-spin: spin 1s linear infinite;
-    --blur-sm: 8px;
+    --blur-xs: 4px;
     --blur-2xl: 40px;
     --aspect-video: 16 / 9;
     --default-transition-duration: 150ms;
@@ -352,9 +352,6 @@
   .items-center {
     align-items: center;
   }
-  .justify-center {
-    justify-content: center;
-  }
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
@@ -395,8 +392,8 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
-  .border-\[\#FF7366\]\/50 {
-    border-color: color-mix(in oklab, #FF7366 50%, transparent);
+  .border-\[\#FFCFCC\] {
+    border-color: #FFCFCC;
   }
   .border-white {
     border-color: var(--color-white);
@@ -407,8 +404,8 @@
       border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
     }
   }
-  .bg-\[\#FF4133\]\/90 {
-    background-color: color-mix(in oklab, #FF4133 90%, transparent);
+  .bg-\[\#FF4133\]\/80 {
+    background-color: color-mix(in oklab, #FF4133 80%, transparent);
   }
   .bg-black {
     background-color: var(--color-black);
@@ -488,8 +485,8 @@
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
-  .backdrop-blur-sm {
-    --tw-backdrop-blur: blur(var(--blur-sm));
+  .backdrop-blur-xs {
+    --tw-backdrop-blur: blur(var(--blur-xs));
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
@@ -550,17 +547,8 @@
   }
 }
 @layer utilities {
-  .inset-shadow-glass {
-    box-shadow: inset 0 0 16px 0 rgba(255, 255, 255, 1);
-  }
-  .shadow-equos-sm {
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-  }
-  .shadow-equos-md {
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-  }
-  .shadow-equos-lg {
-    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
+  .shadow-glass {
+    box-shadow: 0 0 16px 0 #FFF inset, 0 6px 20px 0 rgba(0, 0, 0, 0.20);
   }
   @keyframes equos-pulse {
     0% {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equos/react",
-  "version": "3.0.2-rc.6",
+  "version": "3.0.2-rc.8",
   "description": "",
   "license": "ISC",
   "author": "",
@@ -17,7 +17,7 @@
     "prepare": "npm run build"
   },
   "dependencies": {
-    "@equos/core": "^3.0.2-rc.2",
+    "@equos/core": "^3.0.2-rc.4",
     "clsx": "^2.1.1",
     "tailwind-merge": "^3.4.0"
   },