elseware-ui 2.21.0 → 2.21.1

package/build/components/surfaces/card/Card.d.ts

@@ -4,11 +4,12 @@ import { hoverAnimations } from "../../../data/animations";
 export interface CardProps {
     children?: ReactNode;
     className?: string;
-    variant?: keyof typeof Variant;
+    bgVariant?: keyof typeof Variant;
+    borderVariant?: keyof typeof Variant;
     interactive?: boolean;
     ghost?: boolean;
     shape?: keyof typeof Shape;
     hoverAnimation?: keyof typeof hoverAnimations;
 }
-declare function Card({ children, className, variant, interactive, ghost, shape, hoverAnimation, }: CardProps): import("react/jsx-runtime").JSX.Element;
+declare function Card({ children, className, bgVariant, borderVariant, interactive, ghost, shape, hoverAnimation, }: CardProps): import("react/jsx-runtime").JSX.Element;
 export default Card;

package/build/index.es.js

@@ -142117,7 +142117,7 @@ var hoverAnimations = {
 function Card(_a) {
     var _b, _c;
     var _d, _e, _f;
-    var children = _a.children, className = _a.className, _g = _a.variant, variant = _g === void 0 ? "default" : _g, _h = _a.interactive, interactive = _h === void 0 ? false : _h, _j = _a.ghost, ghost = _j === void 0 ? false : _j, shape = _a.shape, _k = _a.hoverAnimation, hoverAnimation = _k === void 0 ? "lift" : _k;
+    var children = _a.children, className = _a.className, _g = _a.bgVariant, bgVariant = _g === void 0 ? "default" : _g, _h = _a.borderVariant, borderVariant = _h === void 0 ? "default" : _h, _j = _a.interactive, interactive = _j === void 0 ? false : _j, _k = _a.ghost, ghost = _k === void 0 ? false : _k, shape = _a.shape, _l = _a.hoverAnimation, hoverAnimation = _l === void 0 ? "lift" : _l;
     var eui = useEUIConfig();
     var resolvedShape = (_f = shape !== null && shape !== void 0 ? shape : (_e = (_d = eui === null || eui === void 0 ? void 0 : eui.config) === null || _d === void 0 ? void 0 : _d.global) === null || _e === void 0 ? void 0 : _e.shape) !== null && _f !== void 0 ? _f : "softRoundedSquare";
     return (jsxs("div", __assign$1({ className: classnames(
@@ -142125,14 +142125,14 @@ function Card(_a) {
         "relative border backdrop-blur-md transition-all duration-300 overflow-hidden", 
         // Shape
         shapes[resolvedShape], (_b = {},
-            _b[cardBgVariants[variant]] = !ghost,
+            _b[cardBgVariants[bgVariant]] = !ghost,
             _b["bg-transparent"] = ghost,
             _b), 
         // Border
-        cardBorderVariants[variant], (_c = {
+        cardBorderVariants[borderVariant], (_c = {
                 "cursor-pointer": interactive
             },
-            _c[cardHoverBorderVariants[variant]] = interactive,
+            _c[cardHoverBorderVariants[borderVariant]] = interactive,
             _c[hoverAnimations[hoverAnimation]] = interactive,
             _c), className) }, { children: [jsx("div", { className: "pointer-events-none absolute inset-0 rounded-inherit ring-1 ring-inset ring-white/10" }), interactive && hoverAnimation === "glow" && (jsx("div", { className: "absolute inset-0 opacity-0 hover:opacity-100 transition duration-300 bg-gradient-to-r from-white/5 via-transparent to-white/5 rounded-inherit" })), children] })));
 }

package/build/index.js

@@ -142144,7 +142144,7 @@ var hoverAnimations = {
 function Card(_a) {
     var _b, _c;
     var _d, _e, _f;
-    var children = _a.children, className = _a.className, _g = _a.variant, variant = _g === void 0 ? "default" : _g, _h = _a.interactive, interactive = _h === void 0 ? false : _h, _j = _a.ghost, ghost = _j === void 0 ? false : _j, shape = _a.shape, _k = _a.hoverAnimation, hoverAnimation = _k === void 0 ? "lift" : _k;
+    var children = _a.children, className = _a.className, _g = _a.bgVariant, bgVariant = _g === void 0 ? "default" : _g, _h = _a.borderVariant, borderVariant = _h === void 0 ? "default" : _h, _j = _a.interactive, interactive = _j === void 0 ? false : _j, _k = _a.ghost, ghost = _k === void 0 ? false : _k, shape = _a.shape, _l = _a.hoverAnimation, hoverAnimation = _l === void 0 ? "lift" : _l;
     var eui = useEUIConfig();
     var resolvedShape = (_f = shape !== null && shape !== void 0 ? shape : (_e = (_d = eui === null || eui === void 0 ? void 0 : eui.config) === null || _d === void 0 ? void 0 : _d.global) === null || _e === void 0 ? void 0 : _e.shape) !== null && _f !== void 0 ? _f : "softRoundedSquare";
     return (jsxRuntime.jsxs("div", __assign$1({ className: classnames(
@@ -142152,14 +142152,14 @@ function Card(_a) {
         "relative border backdrop-blur-md transition-all duration-300 overflow-hidden", 
         // Shape
         shapes[resolvedShape], (_b = {},
-            _b[cardBgVariants[variant]] = !ghost,
+            _b[cardBgVariants[bgVariant]] = !ghost,
             _b["bg-transparent"] = ghost,
             _b), 
         // Border
-        cardBorderVariants[variant], (_c = {
+        cardBorderVariants[borderVariant], (_c = {
                 "cursor-pointer": interactive
             },
-            _c[cardHoverBorderVariants[variant]] = interactive,
+            _c[cardHoverBorderVariants[borderVariant]] = interactive,
             _c[hoverAnimations[hoverAnimation]] = interactive,
             _c), className) }, { children: [jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 rounded-inherit ring-1 ring-inset ring-white/10" }), interactive && hoverAnimation === "glow" && (jsxRuntime.jsx("div", { className: "absolute inset-0 opacity-0 hover:opacity-100 transition duration-300 bg-gradient-to-r from-white/5 via-transparent to-white/5 rounded-inherit" })), children] })));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elseware-ui",
-  "version": "2.21.0",
+  "version": "2.21.1",
   "private": false,
   "description": "A modern and customizable React UI component library by elseware Technology.",
   "keywords": [