@abgov/react-components 7.0.0 → 7.2.0-dev.1

package/index.mjs

@@ -46,18 +46,10 @@ function GoabAccordion({
       };
     }
   }, [onChange]);
-  return /* @__PURE__ */ jsxs(
-    "goa-accordion",
-    {
-      ref,
-      open: open ? "true" : void 0,
-      ..._props,
-      children: [
-        headingContent && /* @__PURE__ */ jsx("div", { slot: "headingcontent", children: headingContent }),
-        children
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("goa-accordion", { ref, open: open ? "true" : void 0, ..._props, children: [
+    headingContent && /* @__PURE__ */ jsx("div", { slot: "headingcontent", children: headingContent }),
+    children
+  ] });
 }
 function GoabAppHeader({
   onMenuClick,
@@ -129,15 +121,8 @@ function GoabBadge({
     }
   );
 }
-function GoabBlock({
-  testId,
-  children,
-  ...rest
-}) {
-  const _props = transformProps(
-    { testid: testId, ...rest },
-    kebab
-  );
+function GoabBlock({ testId, children, ...rest }) {
+  const _props = transformProps({ testid: testId, ...rest }, kebab);
   return /* @__PURE__ */ jsx("goa-block", { ..._props, children });
 }
 function GoabButton({
@@ -337,12 +322,7 @@ function GoabCheckboxList({
     }
   );
 }
-const GoabChip = ({
-  error,
-  deletable,
-  onClick,
-  ...rest
-}) => {
+const GoabChip = ({ error, deletable, onClick, ...rest }) => {
   const el = useRef(null);
   const _props = transformProps(rest, lowercase);
   useEffect(() => {
@@ -2668,20 +2648,9 @@ function GoabDatePicker({
     }
   );
 }
-function GoabDetails({
-  open,
-  children,
-  ...rest
-}) {
+function GoabDetails({ open, children, ...rest }) {
   const _props = transformProps(rest, lowercase);
-  return /* @__PURE__ */ jsx(
-    "goa-details",
-    {
-      open: open ? "true" : void 0,
-      ..._props,
-      children
-    }
-  );
+  return /* @__PURE__ */ jsx("goa-details", { open: open ? "true" : void 0, ..._props, children });
 }
 function GoabDivider(props) {
   return /* @__PURE__ */ jsx(
@@ -2928,10 +2897,7 @@ function GoabPublicFormSummary({
   heading = "",
   ...rest
 }) {
-  const _props = transformProps(
-    { heading, ...rest },
-    lowercase
-  );
+  const _props = transformProps({ heading, ...rest }, lowercase);
   return /* @__PURE__ */ jsx("goa-public-form-summary", { ..._props });
 }
 function GoabPublicForm({
@@ -3030,7 +2996,13 @@ function GoabPublicSubformIndex({
   ...rest
 }) {
   const _props = transformProps(
-    { heading, "section-title": sectionTitle, "action-button-text": actionButtonText, "button-visibility": buttonVisibility, ...rest },
+    {
+      heading,
+      "section-title": sectionTitle,
+      "action-button-text": actionButtonText,
+      "button-visibility": buttonVisibility,
+      ...rest
+    },
     kebab
   );
   return /* @__PURE__ */ jsx("goa-public-subform-index", { slot: "subform-index", ..._props, children });
@@ -3040,10 +3012,7 @@ function GoabPublicFormTask({
   children,
   ...rest
 }) {
-  const _props = transformProps(
-    { status, ...rest },
-    lowercase
-  );
+  const _props = transformProps({ status, ...rest }, lowercase);
   return /* @__PURE__ */ jsx("goa-public-form-task", { ..._props, children });
 }
 function GoabPublicFormTaskList({
@@ -3152,9 +3121,10 @@ function GoabHeroBanner({
   backgroundColor,
   textColor,
   children,
+  actions,
   testId
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     "goa-hero-banner",
     {
       heading,
@@ -3164,7 +3134,10 @@ function GoabHeroBanner({
       backgroundcolor: backgroundColor,
       textcolor: textColor,
       testid: testId,
-      children
+      children: [
+        children,
+        actions && /* @__PURE__ */ jsx("div", { slot: "actions", children: actions })
+      ]
     }
   );
 }
@@ -3176,6 +3149,7 @@ function GoabHeroBannerActions({
 function GoabIconButton({
   variant = "color",
   size = "medium",
+  theme = "outline",
   disabled,
   onClick,
   actionArgs,
@@ -3184,10 +3158,7 @@ function GoabIconButton({
   ...rest
 }) {
   const ref = useRef(null);
-  const _props = transformProps(
-    { variant, size, ...rest },
-    lowercase
-  );
+  const _props = transformProps({ variant, size, theme, ...rest }, lowercase);
   useEffect(() => {
     if (!ref.current) {
       return;
@@ -3216,10 +3187,7 @@ function GoabIconButton({
     }
   );
 }
-function GoabIcon({
-  inverted,
-  ...rest
-}) {
+function GoabIcon({ inverted, ...rest }) {
   const _props = transformProps(rest, lowercase);
   return /* @__PURE__ */ jsx(
     "goa-icon",
@@ -3502,15 +3470,7 @@ function GoabLink({
   ...rest
 }) {
   const _props = transformProps({ color, size, ...rest }, lowercase);
-  return /* @__PURE__ */ jsx(
-    "goa-link",
-    {
-      "action-arg": actionArg,
-      "action-args": JSON.stringify(actionArgs),
-      ..._props,
-      children
-    }
-  );
+  return /* @__PURE__ */ jsx("goa-link", { "action-arg": actionArg, "action-args": JSON.stringify(actionArgs), ..._props, children });
 }
 function GoALinkButton({
   type = "primary",
@@ -3531,10 +3491,7 @@ function GoabMenuButton({
   ...rest
 }) {
   const el = useRef(null);
-  const _props = transformProps(
-    { type, testid: testId, ...rest },
-    kebab
-  );
+  const _props = transformProps({ type, testid: testId, ...rest }, kebab);
   useEffect(() => {
     if (!el.current) {
       return;
@@ -3910,7 +3867,12 @@ function GoabSideMenuGroup({
     }
   );
 }
-function GoabSideMenuHeading({ meta, testId, icon, children }) {
+function GoabSideMenuHeading({
+  meta,
+  testId,
+  icon,
+  children
+}) {
   return /* @__PURE__ */ jsxs("goa-side-menu-heading", { icon, testid: testId, version: "2", children: [
     children,
     meta && /* @__PURE__ */ jsx("span", { slot: "meta", children: meta })
@@ -4020,7 +3982,16 @@ function GoabTableSortHeader({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx("goa-table-sort-header", { name, direction, "sort-order": sortOrder, ...rest, children });
+  return /* @__PURE__ */ jsx(
+    "goa-table-sort-header",
+    {
+      name,
+      direction,
+      "sort-order": sortOrder,
+      ...rest,
+      children
+    }
+  );
 }
 function GoabTabs({
   initialTab,
@@ -4059,7 +4030,12 @@ function GoabTabs({
     }
   );
 }
-function GoabTab({ heading, disabled, slug, children }) {
+function GoabTab({
+  heading,
+  disabled,
+  slug,
+  children
+}) {
   return /* @__PURE__ */ jsxs(
     "goa-tab",
     {
@@ -4081,33 +4057,18 @@ const GoabTemporaryNotificationCtrl = ({
 }) => {
   const el = useRef(null);
   const _props = transformProps(
-    { "vertical-position": verticalPosition, "horizontal-position": horizontalPosition, ...rest },
-    kebab
-  );
-  return /* @__PURE__ */ jsx(
-    "goa-temp-notification-ctrl",
     {
-      ref: el,
-      ..._props,
-      testid: testId
-    }
+      "vertical-position": verticalPosition,
+      "horizontal-position": horizontalPosition,
+      ...rest
+    },
+    kebab
   );
+  return /* @__PURE__ */ jsx("goa-temp-notification-ctrl", { ref: el, ..._props, testid: testId });
 };
-function GoabText({
-  as,
-  tag,
-  children,
-  ...rest
-}) {
+function GoabText({ as, tag, children, ...rest }) {
   const _props = transformProps(rest, lowercase);
-  return /* @__PURE__ */ jsx(
-    "goa-text",
-    {
-      as: tag || as,
-      ..._props,
-      children
-    }
-  );
+  return /* @__PURE__ */ jsx("goa-text", { as: tag || as, ..._props, children });
 }
 function GoabTextArea({
   readOnly,
@@ -4183,17 +4144,10 @@ function GoabTooltip({
 }) {
   const _props = transformProps(rest, lowercase);
   const isStringContent = typeof content === "string";
-  return /* @__PURE__ */ jsxs(
-    "goa-tooltip",
-    {
-      content: isStringContent ? content : void 0,
-      ..._props,
-      children: [
-        !isStringContent && content && /* @__PURE__ */ jsx("div", { slot: "content", children: content }),
-        children
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("goa-tooltip", { content: isStringContent ? content : void 0, ..._props, children: [
+    !isStringContent && content && /* @__PURE__ */ jsx("div", { slot: "content", children: content }),
+    children
+  ] });
 }
 function GoabTwoColumnLayout(props) {
   return /* @__PURE__ */ jsxs(