@opensite/ui 2.8.6 → 2.8.7

package/dist/footer-cta-social.cjs

@@ -1413,6 +1413,7 @@ var SocialLinkIcon = React3__namespace.forwardRef(
     iconClassName,
     className,
     iconNameOverride,
+    iconOnly = false,
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl.usePlatformFromUrl(href);
@@ -1425,6 +1426,21 @@ var SocialLinkIcon = React3__namespace.forwardRef(
     const accessibleLabel = React3__namespace.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
+    const icon = React3__namespace.useMemo(() => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        DynamicIcon,
+        {
+          name: iconName,
+          size: iconSize,
+          color: iconColor,
+          className: iconClassName,
+          alt: accessibleLabel
+        }
+      );
+    }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
+    if (iconOnly) {
+      return icon;
+    }
     return /* @__PURE__ */ jsxRuntime.jsx(
       Pressable,
       {
@@ -1436,16 +1452,7 @@ var SocialLinkIcon = React3__namespace.forwardRef(
           className
         ),
         ...pressableProps,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          DynamicIcon,
-          {
-            name: iconName,
-            size: iconSize,
-            color: iconColor,
-            className: iconClassName,
-            alt: accessibleLabel
-          }
-        )
+        children: icon
       }
     );
   }

package/dist/footer-cta-social.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B8KCpwXH.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C3xYbyms.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
-import './blocks-BtDAbw8d.cjs';
+import './blocks-D1hqLk46.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 import 'react/jsx-runtime';

package/dist/footer-cta-social.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-o1TkNw2C.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
-import './blocks-BlWXj9GI.js';
+import './blocks-kcru1Ogu.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 import 'react/jsx-runtime';

package/dist/footer-cta-social.js

@@ -1392,6 +1392,7 @@ var SocialLinkIcon = React3.forwardRef(
     iconClassName,
     className,
     iconNameOverride,
+    iconOnly = false,
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl(href);
@@ -1404,6 +1405,21 @@ var SocialLinkIcon = React3.forwardRef(
     const accessibleLabel = React3.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
+    const icon = React3.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,
       {
@@ -1415,16 +1431,7 @@ var SocialLinkIcon = React3.forwardRef(
           className
         ),
         ...pressableProps,
-        children: /* @__PURE__ */ jsx(
-          DynamicIcon,
-          {
-            name: iconName,
-            size: iconSize,
-            color: iconColor,
-            className: iconClassName,
-            alt: accessibleLabel
-          }
-        )
+        children: icon
       }
     );
   }

package/dist/footer-info-cards-accordion.cjs

@@ -1155,6 +1155,7 @@ var SocialLinkIcon = React2__namespace.forwardRef(
     iconClassName,
     className,
     iconNameOverride,
+    iconOnly = false,
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl.usePlatformFromUrl(href);
@@ -1167,6 +1168,21 @@ var SocialLinkIcon = React2__namespace.forwardRef(
     const accessibleLabel = React2__namespace.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
+    const icon = React2__namespace.useMemo(() => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        DynamicIcon,
+        {
+          name: iconName,
+          size: iconSize,
+          color: iconColor,
+          className: iconClassName,
+          alt: accessibleLabel
+        }
+      );
+    }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
+    if (iconOnly) {
+      return icon;
+    }
     return /* @__PURE__ */ jsxRuntime.jsx(
       Pressable,
       {
@@ -1178,16 +1194,7 @@ var SocialLinkIcon = React2__namespace.forwardRef(
           className
         ),
         ...pressableProps,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          DynamicIcon,
-          {
-            name: iconName,
-            size: iconSize,
-            color: iconColor,
-            className: iconClassName,
-            alt: accessibleLabel
-          }
-        )
+        children: icon
       }
     );
   }

package/dist/footer-info-cards-accordion.d.cts

@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { PaymentPlatformName } from './payment-platform-icon.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B8KCpwXH.cjs';
-import { O as OptixFlowConfig } from './blocks-BtDAbw8d.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C3xYbyms.cjs';
+import { O as OptixFlowConfig } from './blocks-D1hqLk46.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/footer-info-cards-accordion.d.ts

@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { PaymentPlatformName } from './payment-platform-icon.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
-import { O as OptixFlowConfig } from './blocks-BlWXj9GI.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-o1TkNw2C.js';
+import { O as OptixFlowConfig } from './blocks-kcru1Ogu.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/footer-info-cards-accordion.js

@@ -1133,6 +1133,7 @@ var SocialLinkIcon = React2.forwardRef(
     iconClassName,
     className,
     iconNameOverride,
+    iconOnly = false,
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl(href);
@@ -1145,6 +1146,21 @@ var SocialLinkIcon = React2.forwardRef(
     const accessibleLabel = React2.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
+    const icon = React2.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,
       {
@@ -1156,16 +1172,7 @@ var SocialLinkIcon = React2.forwardRef(
           className
         ),
         ...pressableProps,
-        children: /* @__PURE__ */ jsx(
-          DynamicIcon,
-          {
-            name: iconName,
-            size: iconSize,
-            color: iconColor,
-            className: iconClassName,
-            alt: accessibleLabel
-          }
-        )
+        children: icon
       }
     );
   }

package/dist/footer-links-grid.d.cts

@@ -1,8 +1,8 @@
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B8KCpwXH.cjs';
-import './blocks-BtDAbw8d.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C3xYbyms.cjs';
+import './blocks-D1hqLk46.cjs';
 import 'react';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 import 'react/jsx-runtime';

package/dist/footer-links-grid.d.ts

@@ -1,8 +1,8 @@
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
-import './blocks-BlWXj9GI.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-o1TkNw2C.js';
+import './blocks-kcru1Ogu.js';
 import 'react';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 import 'react/jsx-runtime';

package/dist/footer-nav-social.cjs

@@ -1485,6 +1485,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
     iconClassName,
     className,
     iconNameOverride,
+    iconOnly = false,
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl.usePlatformFromUrl(href);
@@ -1497,6 +1498,21 @@ var SocialLinkIcon = React__namespace.forwardRef(
     const accessibleLabel = React__namespace.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
+    const icon = React__namespace.useMemo(() => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        DynamicIcon,
+        {
+          name: iconName,
+          size: iconSize,
+          color: iconColor,
+          className: iconClassName,
+          alt: accessibleLabel
+        }
+      );
+    }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
+    if (iconOnly) {
+      return icon;
+    }
     return /* @__PURE__ */ jsxRuntime.jsx(
       Pressable,
       {
@@ -1508,16 +1524,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
           className
         ),
         ...pressableProps,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          DynamicIcon,
-          {
-            name: iconName,
-            size: iconSize,
-            color: iconColor,
-            className: iconClassName,
-            alt: accessibleLabel
-          }
-        )
+        children: icon
       }
     );
   }

package/dist/footer-nav-social.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B8KCpwXH.cjs';
-import { O as OptixFlowConfig } from './blocks-BtDAbw8d.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C3xYbyms.cjs';
+import { O as OptixFlowConfig } from './blocks-D1hqLk46.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/footer-nav-social.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
-import { O as OptixFlowConfig } from './blocks-BlWXj9GI.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-o1TkNw2C.js';
+import { O as OptixFlowConfig } from './blocks-kcru1Ogu.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/footer-nav-social.js

@@ -1464,6 +1464,7 @@ var SocialLinkIcon = React.forwardRef(
     iconClassName,
     className,
     iconNameOverride,
+    iconOnly = false,
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl(href);
@@ -1476,6 +1477,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,
       {
@@ -1487,16 +1503,7 @@ var SocialLinkIcon = React.forwardRef(
           className
         ),
         ...pressableProps,
-        children: /* @__PURE__ */ jsx(
-          DynamicIcon,
-          {
-            name: iconName,
-            size: iconSize,
-            color: iconColor,
-            className: iconClassName,
-            alt: accessibleLabel
-          }
-        )
+        children: icon
       }
     );
   }

package/dist/footer-newsletter-contact.cjs

@@ -1112,6 +1112,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
     iconClassName,
     className,
     iconNameOverride,
+    iconOnly = false,
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl.usePlatformFromUrl(href);
@@ -1124,6 +1125,21 @@ var SocialLinkIcon = React__namespace.forwardRef(
     const accessibleLabel = React__namespace.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
+    const icon = React__namespace.useMemo(() => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        DynamicIcon,
+        {
+          name: iconName,
+          size: iconSize,
+          color: iconColor,
+          className: iconClassName,
+          alt: accessibleLabel
+        }
+      );
+    }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
+    if (iconOnly) {
+      return icon;
+    }
     return /* @__PURE__ */ jsxRuntime.jsx(
       Pressable,
       {
@@ -1135,16 +1151,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
           className
         ),
         ...pressableProps,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          DynamicIcon,
-          {
-            name: iconName,
-            size: iconSize,
-            color: iconColor,
-            className: iconClassName,
-            alt: accessibleLabel
-          }
-        )
+        children: icon
       }
     );
   }

package/dist/footer-newsletter-contact.d.cts

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B8KCpwXH.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C3xYbyms.cjs';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { A as ActionConfig } from './blocks-BtDAbw8d.cjs';
+import { A as ActionConfig } from './blocks-D1hqLk46.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/footer-newsletter-contact.d.ts

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-o1TkNw2C.js';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { A as ActionConfig } from './blocks-BlWXj9GI.js';
+import { A as ActionConfig } from './blocks-kcru1Ogu.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/footer-newsletter-contact.js

@@ -1090,6 +1090,7 @@ var SocialLinkIcon = React.forwardRef(
     iconClassName,
     className,
     iconNameOverride,
+    iconOnly = false,
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl(href);
@@ -1102,6 +1103,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,
       {
@@ -1113,16 +1129,7 @@ var SocialLinkIcon = React.forwardRef(
           className
         ),
         ...pressableProps,
-        children: /* @__PURE__ */ jsx(
-          DynamicIcon,
-          {
-            name: iconName,
-            size: iconSize,
-            color: iconColor,
-            className: iconClassName,
-            alt: accessibleLabel
-          }
-        )
+        children: icon
       }
     );
   }

package/dist/footer-newsletter-grid.cjs

@@ -1485,6 +1485,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
     iconClassName,
     className,
     iconNameOverride,
+    iconOnly = false,
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl.usePlatformFromUrl(href);
@@ -1497,6 +1498,21 @@ var SocialLinkIcon = React__namespace.forwardRef(
     const accessibleLabel = React__namespace.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
+    const icon = React__namespace.useMemo(() => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        DynamicIcon,
+        {
+          name: iconName,
+          size: iconSize,
+          color: iconColor,
+          className: iconClassName,
+          alt: accessibleLabel
+        }
+      );
+    }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
+    if (iconOnly) {
+      return icon;
+    }
     return /* @__PURE__ */ jsxRuntime.jsx(
       Pressable,
       {
@@ -1508,16 +1524,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
           className
         ),
         ...pressableProps,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          DynamicIcon,
-          {
-            name: iconName,
-            size: iconSize,
-            color: iconColor,
-            className: iconClassName,
-            alt: accessibleLabel
-          }
-        )
+        children: icon
       }
     );
   }

package/dist/footer-newsletter-grid.d.cts

@@ -1,9 +1,9 @@
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B8KCpwXH.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C3xYbyms.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
-import './blocks-BtDAbw8d.cjs';
+import './blocks-D1hqLk46.cjs';
 import 'react';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 import 'react/jsx-runtime';

package/dist/footer-newsletter-grid.d.ts

@@ -1,9 +1,9 @@
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-o1TkNw2C.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
-import './blocks-BlWXj9GI.js';
+import './blocks-kcru1Ogu.js';
 import 'react';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 import 'react/jsx-runtime';

package/dist/footer-newsletter-grid.js

@@ -1464,6 +1464,7 @@ var SocialLinkIcon = React.forwardRef(
     iconClassName,
     className,
     iconNameOverride,
+    iconOnly = false,
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl(href);
@@ -1476,6 +1477,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,
       {
@@ -1487,16 +1503,7 @@ var SocialLinkIcon = React.forwardRef(
           className
         ),
         ...pressableProps,
-        children: /* @__PURE__ */ jsx(
-          DynamicIcon,
-          {
-            name: iconName,
-            size: iconSize,
-            color: iconColor,
-            className: iconClassName,
-            alt: accessibleLabel
-          }
-        )
+        children: icon
       }
     );
   }