@teamimpact/veda-ui-blocks 0.1.0-beta.12 → 0.1.0-beta.13

package/dist/default.css

@@ -47784,7 +47784,7 @@ example:
 .blocks-card-detailed__description {
   color: #1b1b1b;
   font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-  font-size: 0.75rem;
+  font-size: 1rem;
   font-style: normal;
   font-weight: normal;
   line-height: 1.6;

package/dist/disasters.css

@@ -48681,7 +48681,7 @@ example:
 .blocks-card-detailed__description {
   color: #0d313d;
   font-family: Inter Variable, system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
-  font-size: 0.75rem;
+  font-size: 1rem;
   font-style: normal;
   font-weight: normal;
   line-height: 1.6;

package/dist/index.d.ts

@@ -63,11 +63,13 @@ type CardProps = {
     callToAction?: {
         label: string;
         href: string;
+        isExternal?: boolean;
     };
     /** Optional: Secondary outlined call to action for the card. */
     callToActionSecondary?: {
         label: string;
         href: string;
+        isExternal?: boolean;
     };
     /** Required: media element rendered as either the card background or
      * an image within the card.
@@ -122,11 +124,13 @@ type CardDetailedProps = {
     callToAction?: {
         label: string;
         href: string;
+        isExternal?: boolean;
     };
     /** Optional: Secondary outlined call to action for the card. */
     callToActionSecondary?: {
         label: string;
         href: string;
+        isExternal?: boolean;
     };
     /** Required: media element rendered as either the card background or
      * an image within the card.

package/dist/index.js

@@ -104,6 +104,7 @@ var DEFAULT_EXPANDED_CONTENT_JSX = /* @__PURE__ */ jsxs("div", { className: "blo
 ] });
 
 // src/components/Cards/Card/Card.tsx
+import { Icon as Icon2 } from "@trussworks/react-uswds";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function Card({
   tag,
@@ -136,8 +137,30 @@ function Card({
         subtitle && /* @__PURE__ */ jsx2("div", { className: "blocks-card__subtitle", children: subtitle }),
         description && /* @__PURE__ */ jsx2("p", { className: "blocks-card__description", children: description }),
         (callToAction || callToActionSecondary) && /* @__PURE__ */ jsxs2("div", { className: "blocks-card__actions", children: [
-          callToAction && /* @__PURE__ */ jsx2("a", { href: callToAction.href, className: "usa-button", children: callToAction.label }),
-          callToActionSecondary && /* @__PURE__ */ jsx2("a", { href: callToActionSecondary.href, className: "usa-button usa-button--outline", children: callToActionSecondary.label })
+          callToAction && /* @__PURE__ */ jsxs2(
+            "a",
+            {
+              href: callToAction.href,
+              className: "usa-button",
+              ...get_external_anchor_props(callToAction.isExternal),
+              children: [
+                callToAction.label,
+                callToAction.isExternal && /* @__PURE__ */ jsx2(Icon2.Launch, { "aria-hidden": true, focusable: false, size: 3 })
+              ]
+            }
+          ),
+          callToActionSecondary && /* @__PURE__ */ jsxs2(
+            "a",
+            {
+              href: callToActionSecondary.href,
+              className: "usa-button usa-button--outline",
+              ...get_external_anchor_props(callToActionSecondary.isExternal),
+              children: [
+                callToActionSecondary.label,
+                callToActionSecondary.isExternal && /* @__PURE__ */ jsx2(Icon2.Launch, { "aria-hidden": true, focusable: false, size: 3 })
+              ]
+            }
+          )
         ] })
       ] })
     ] }),
@@ -199,6 +222,7 @@ function CardCTA({
 }
 
 // src/components/Cards/CardDetailed/CardDetailed.tsx
+import { Icon as Icon3 } from "@trussworks/react-uswds";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function CardDetailed({
   intro,
@@ -228,8 +252,30 @@ function CardDetailed({
       isNonEmptyArray(tags) && /* @__PURE__ */ jsx5("div", { className: "blocks-card-detailed__tags", children: tags }),
       description && /* @__PURE__ */ jsx5("p", { className: "blocks-card-detailed__description", children: description }),
       (callToAction || callToActionSecondary) && /* @__PURE__ */ jsxs5("div", { className: "blocks-card-detailed__actions", children: [
-        callToAction && /* @__PURE__ */ jsx5("a", { href: callToAction.href, className: "usa-button", children: callToAction.label }),
-        callToActionSecondary && /* @__PURE__ */ jsx5("a", { href: callToActionSecondary.href, className: "usa-button usa-button--outline", children: callToActionSecondary.label })
+        callToAction && /* @__PURE__ */ jsxs5(
+          "a",
+          {
+            href: callToAction.href,
+            className: "usa-button",
+            ...get_external_anchor_props(callToAction.isExternal),
+            children: [
+              callToAction.label,
+              callToAction.isExternal && /* @__PURE__ */ jsx5(Icon3.Launch, { "aria-hidden": true, focusable: false, size: 3 })
+            ]
+          }
+        ),
+        callToActionSecondary && /* @__PURE__ */ jsxs5(
+          "a",
+          {
+            href: callToActionSecondary.href,
+            className: "usa-button usa-button--outline",
+            ...get_external_anchor_props(callToActionSecondary.isExternal),
+            children: [
+              callToActionSecondary.label,
+              callToActionSecondary.isExternal && /* @__PURE__ */ jsx5(Icon3.Launch, { "aria-hidden": true, focusable: false, size: 3 })
+            ]
+          }
+        )
       ] })
     ] })
   ] });
@@ -286,7 +332,7 @@ function CardSimple({
 }
 
 // src/components/Footer/Footer.tsx
-import { GridContainer, Icon as Icon2, Link, Footer as USWDSFooter } from "@trussworks/react-uswds";
+import { GridContainer, Icon as Icon4, Link, Footer as USWDSFooter } from "@trussworks/react-uswds";
 import { Fragment, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function Footer({
   portalDetails,
@@ -342,7 +388,7 @@ function Footer({
             portalDetails.contacts?.length ? /* @__PURE__ */ jsx8("nav", { className: "blocks-footer__contacts-nav", "aria-label": "Site contacts", children: /* @__PURE__ */ jsx8("ul", { children: portalDetails.contacts.map(({ label, name, email }) => /* @__PURE__ */ jsxs8("li", { children: [
               /* @__PURE__ */ jsx8("span", { children: label }),
               /* @__PURE__ */ jsxs8(Link, { href: `mailto:${email}`, ...get_external_anchor_props(), children: [
-                /* @__PURE__ */ jsx8(Icon2.Mail, { "aria-hidden": "true", focusable: false }),
+                /* @__PURE__ */ jsx8(Icon4.Mail, { "aria-hidden": "true", focusable: false }),
                 /* @__PURE__ */ jsx8("span", { children: name })
               ] })
             ] }, `${label}-${email}`)) }) }) : null
@@ -765,7 +811,7 @@ function GeoConfigProvider({
 }
 
 // src/geo/Legend/Legend.tsx
-import { Icon as Icon3 } from "@trussworks/react-uswds";
+import { Icon as Icon5 } from "@trussworks/react-uswds";
 import { useState as useState3 } from "react";
 import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function Legend({ initialExpanded = false, ...props }) {
@@ -786,7 +832,7 @@ function Legend({ initialExpanded = false, ...props }) {
           "aria-expanded": isExpanded,
           "aria-label": "Toggle layer description",
           onClick: () => setIsExpanded((v) => !v),
-          children: /* @__PURE__ */ jsx15(Icon3.InfoOutline, { "aria-hidden": true, focusable: false, size: 3 })
+          children: /* @__PURE__ */ jsx15(Icon5.InfoOutline, { "aria-hidden": true, focusable: false, size: 3 })
         }
       )
     ] }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamimpact/veda-ui-blocks",
-  "version": "0.1.0-beta.12",
+  "version": "0.1.0-beta.13",
   "description": "UI component library for VEDA-based portals, built on USWDS and React",
   "license": "MIT",
   "repository": {