@opensite/ui 2.8.5 → 2.8.7

package/dist/testimonials-twitter-cards.js

@@ -913,6 +913,7 @@ var SocialLinkIcon = React.forwardRef(
     iconClassName,
     className,
     iconNameOverride,
+    iconOnly = false,
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl(href);
@@ -925,6 +926,21 @@ var SocialLinkIcon = React.forwardRef(
     const accessibleLabel = React.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
+    const icon = React.useMemo(() => {
+      return /* @__PURE__ */ jsx(
+        DynamicIcon,
+        {
+          name: iconName,
+          size: iconSize,
+          color: iconColor,
+          className: iconClassName,
+          alt: accessibleLabel
+        }
+      );
+    }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
+    if (iconOnly) {
+      return icon;
+    }
     return /* @__PURE__ */ jsx(
       Pressable,
       {
@@ -936,16 +952,7 @@ var SocialLinkIcon = React.forwardRef(
           className
         ),
         ...pressableProps,
-        children: /* @__PURE__ */ jsx(
-          DynamicIcon,
-          {
-            name: iconName,
-            size: iconSize,
-            color: iconColor,
-            className: iconClassName,
-            alt: accessibleLabel
-          }
-        )
+        children: icon
       }
     );
   }
@@ -987,7 +994,7 @@ function TestimonialsTwitterCards({
       "div",
       {
         className: cn(
-          "grid gap-4 md:gap-6 lg:gap-8 md:grid-cols-2 lg:grid-cols-3",
+          "grid gap-6 lg:gap-8 md:grid-cols-2 lg:grid-cols-3",
           gridClassName
         ),
         children: testimonials.map((testimonial, index) => {
@@ -997,14 +1004,18 @@ function TestimonialsTwitterCards({
             {
               href: testimonial.linkConfig?.href,
               className: cn(
-                "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-xl group hover:bg-primary hover:text-primary-foreground transition-all duration-500",
+                "bg-card text-card-foreground",
+                "flex flex-col gap-6",
+                testimonial.linkConfig?.href ? "cursor-pointer hover:bg-primary hover:text-primary-foreground transition-all duration-500" : "",
+                "rounded-2xl py-6 shadow-xl group",
+                "ring-4 ring-primary",
                 cardClassName
               ),
               children: /* @__PURE__ */ jsxs(
                 CardContent,
                 {
                   className: cn(
-                    "px-6 h-full flex flex-col-reverse items-stretch justify-between",
+                    "px-6 h-full flex flex-col-reverse items-stretch justify-between gap-12",
                     cardContentClassName
                   ),
                   children: [
@@ -1036,7 +1047,8 @@ function TestimonialsTwitterCards({
                             SocialLinkIcon,
                             {
                               href: testimonial.linkConfig.href,
-                              iconSize: 18
+                              iconSize: 24,
+                              iconOnly: true
                             }
                           )
                         ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opensite/ui",
-  "version": "2.8.5",
+  "version": "2.8.7",
   "description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
   "keywords": [
     "react",
@@ -3096,6 +3096,11 @@
       "import": "./dist/geo-map.js",
       "require": "./dist/geo-map.cjs"
     },
+    "./components/gradient-overlay": {
+      "types": "./dist/gradient-overlay.d.ts",
+      "import": "./dist/gradient-overlay.js",
+      "require": "./dist/gradient-overlay.cjs"
+    },
     "./components/image-slider": {
       "types": "./dist/image-slider.d.ts",
       "import": "./dist/image-slider.js",
@@ -3176,6 +3181,11 @@
       "import": "./dist/social-link-icon.js",
       "require": "./dist/social-link-icon.cjs"
     },
+    "./components/star-rating": {
+      "types": "./dist/star-rating.d.ts",
+      "import": "./dist/star-rating.js",
+      "require": "./dist/star-rating.cjs"
+    },
     "./components/switch": {
       "types": "./dist/switch.d.ts",
       "import": "./dist/switch.js",