@universityofmaryland/web-elements-library 1.5.6 → 1.5.8

package/README.md

@@ -1,6 +1,6 @@
 # University of Maryland Web Elements Library
 
-[![Elements Version](https://img.shields.io/badge/Elements-v1.5.6-blue)](https://www.npmjs.com/package/@universityofmaryland/web-elements-library)
+[![Elements Version](https://img.shields.io/badge/Elements-v1.5.8-blue)](https://www.npmjs.com/package/@universityofmaryland/web-elements-library)
 
 Foundational UI building blocks for the UMD Design System, providing atomic elements that combine to create complex, accessible, and brand-compliant University of Maryland digital experiences.
 

package/dist/composite/footer/_types.d.ts

@@ -1,8 +1,51 @@
-export interface BaseProps {
-    isThemeLight?: boolean;
+export interface ThemeProps {
+    isThemeLight: boolean;
+}
+export interface TypeProps {
     isTypeSimple?: boolean;
     isTypeVisual?: boolean;
     isTypeMega?: boolean;
+}
+export interface CampaignNameProps {
     isCampaignForward?: boolean;
 }
+export interface HeadlineProps {
+    slotHeadline: HTMLSlotElement;
+}
+export interface AddressProps {
+    slotAddress: HTMLSlotElement;
+}
+export interface LinksProps {
+    slotContentLinks: HTMLSlotElement;
+}
+export interface CallToActionProps extends TypeProps, CampaignNameProps, ThemeProps {
+    slotCta?: HTMLAnchorElement;
+}
+export interface SocialProps extends ThemeProps {
+    slotSocialLinks?: HTMLSlotElement;
+}
+export interface UtilityProps extends ThemeProps {
+    slotUtilityLinks?: HTMLElement;
+}
+export interface SocialCampaignColumnsProps extends SocialProps, TypeProps {
+}
+export interface CampaignProps extends ThemeProps, CampaignNameProps {
+}
+export interface LogoProps extends CampaignNameProps, TypeProps, ThemeProps {
+    slotLogo: HTMLImageElement | HTMLAnchorElement;
+}
+export interface slotColumnsProps extends CampaignNameProps, TypeProps, ThemeProps {
+    slotColumns?: HTMLSlotElement[];
+}
+export interface RowLogoProps extends CampaignNameProps, ContactProps, TypeProps, LogoProps, ThemeProps {
+}
+export interface ContactProps extends CampaignNameProps, TypeProps, ThemeProps, SocialCampaignColumnsProps, AddressProps, HeadlineProps, LinksProps {
+}
+export interface RowLinksProps extends SocialCampaignColumnsProps, CampaignNameProps, TypeProps, ThemeProps, slotColumnsProps {
+}
+export interface MainSectionProps extends CampaignNameProps, TypeProps, ThemeProps, RowLinksProps, RowLogoProps {
+    slotVisualImage: HTMLImageElement;
+}
+export interface FooterProps extends TypeProps, CampaignNameProps, ThemeProps, UtilityProps, CallToActionProps, MainSectionProps {
+}
 //# sourceMappingURL=_types.d.ts.map

package/dist/composite/footer/_types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_types.d.ts","sourceRoot":"","sources":["../../../source/composite/footer/_types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B"}
+{"version":3,"file":"_types.d.ts","sourceRoot":"","sources":["../../../source/composite/footer/_types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,SAAS;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa;IAC5B,YAAY,EAAE,eAAe,CAAC;CAC/B;AAED,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,eAAe,CAAC;CAC9B;AAED,MAAM,WAAW,UAAU;IACzB,gBAAgB,EAAE,eAAe,CAAC;CACnC;AAED,MAAM,WAAW,iBACf,SAAQ,SAAS,EACf,iBAAiB,EACjB,UAAU;IACZ,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAED,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,MAAM,WAAW,YAAa,SAAQ,UAAU;IAC9C,gBAAgB,CAAC,EAAE,WAAW,CAAC;CAChC;AAED,MAAM,WAAW,0BAA2B,SAAQ,WAAW,EAAE,SAAS;CAAG;AAE7E,MAAM,WAAW,aAAc,SAAQ,UAAU,EAAE,iBAAiB;CAAG;AAEvE,MAAM,WAAW,SAAU,SAAQ,iBAAiB,EAAE,SAAS,EAAE,UAAU;IACzE,QAAQ,EAAE,gBAAgB,GAAG,iBAAiB,CAAC;CAChD;AAED,MAAM,WAAW,gBACf,SAAQ,iBAAiB,EACvB,SAAS,EACT,UAAU;IACZ,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;CACjC;AAED,MAAM,WAAW,YACf,SAAQ,iBAAiB,EACvB,YAAY,EACZ,SAAS,EACT,SAAS,EACT,UAAU;CAAG;AAEjB,MAAM,WAAW,YACf,SAAQ,iBAAiB,EACvB,SAAS,EACT,UAAU,EACV,0BAA0B,EAC1B,YAAY,EACZ,aAAa,EACb,UAAU;CAAG;AAEjB,MAAM,WAAW,aACf,SAAQ,0BAA0B,EAChC,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,gBAAgB;CAAG;AAEvB,MAAM,WAAW,gBACf,SAAQ,iBAAiB,EACvB,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY;IACd,eAAe,EAAE,gBAAgB,CAAC;CACnC;AAED,MAAM,WAAW,WACf,SAAQ,SAAS,EACf,iBAAiB,EACjB,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,gBAAgB;CAAG"}

package/dist/composite/footer/base.d.ts

@@ -0,0 +1,5 @@
+import { FooterProps } from './_types';
+import { ElementModel } from '_types';
+declare const _default: (props: FooterProps, childElements: Array<ElementModel>) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
+export default _default;
+//# sourceMappingURL=base.d.ts.map

package/dist/composite/footer/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../source/composite/footer/base.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;yBAEtB,OAAO,WAAW,EAAE,eAAe,KAAK,CAAC,YAAY,CAAC;AAAtE,wBAiCE"}

package/dist/composite/footer/{options.js → base.js}

@@ -2,8 +2,6 @@
 const token = require("@universityofmaryland/web-token-library");
 const animation = require("@universityofmaryland/web-styles-library/animation");
 const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const index = require("./elements/main-section/index.js");
-const index$1 = require("./elements/utility-section/index.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -22,10 +20,8 @@ function _interopNamespaceDefault(e) {
 }
 const token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
 const animation__namespace = /* @__PURE__ */ _interopNamespaceDefault(animation);
-const options = (props) => {
+const buildFooter = (props, childElements) => {
   const { isThemeLight } = props;
-  const main = index(props);
-  const utility = index$1(props);
   return new webBuilderLibrary.ElementBuilder().withClassName("umd-footer-element-wrapper").withStyles({
     element: {
       containerType: "inline-size",
@@ -46,7 +42,7 @@ const options = (props) => {
         }
       }
     }
-  }).withChildren(main, utility).build();
+  }).withChildren(...childElements).build();
 };
-module.exports = options;
-//# sourceMappingURL=options.js.map
+module.exports = buildFooter;
+//# sourceMappingURL=base.js.map

package/dist/composite/footer/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../source/composite/footer/base.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-token-library';\nimport * as animation from '@universityofmaryland/web-styles-library/animation';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { FooterProps } from './_types';\nimport { ElementModel } from '_types';\n\nexport default (props: FooterProps, childElements: Array<ElementModel>) => {\n  const { isThemeLight } = props;\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-element-wrapper')\n    .withStyles({\n      element: {\n        containerType: 'inline-size',\n        overflow: 'hidden',\n\n        ...(isThemeLight && {\n          backgroundColor: token.color.gray.lightest,\n\n          ['& a']: {\n            ...animation.line.slideUnderBlack,\n\n            ['&:not(:first-child)::before']: {\n              backgroundColor: token.color.black,\n            },\n          },\n        }),\n\n        ['& p, & a, & span']: {\n          color: token.color.white,\n\n          ...(isThemeLight && {\n            color: token.color.gray.dark,\n          }),\n        },\n      },\n    })\n    .withChildren(...childElements)\n    .build();\n};\n"],"names":["ElementBuilder","token","animation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMA,MAAA,cAAe,CAAC,OAAoB,kBAAuC;AACzE,QAAM,EAAE,iBAAiB;AAEzB,SAAO,IAAIA,kBAAAA,eAAA,EACR,cAAc,4BAA4B,EAC1C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe;AAAA,MACf,UAAU;AAAA,MAEV,GAAI,gBAAgB;AAAA,QAClB,iBAAiBC,iBAAM,MAAM,KAAK;AAAA,QAElC,CAAC,KAAK,GAAG;AAAA,UACP,GAAGC,qBAAU,KAAK;AAAA,UAElB,CAAC,6BAA6B,GAAG;AAAA,YAC/B,iBAAiBD,iBAAM,MAAM;AAAA,UAAA;AAAA,QAC/B;AAAA,MACF;AAAA,MAGF,CAAC,kBAAkB,GAAG;AAAA,QACpB,OAAOA,iBAAM,MAAM;AAAA,QAEnB,GAAI,gBAAgB;AAAA,UAClB,OAAOA,iBAAM,MAAM,KAAK;AAAA,QAAA;AAAA,MAC1B;AAAA,IACF;AAAA,EACF,CACD,EACA,aAAa,GAAG,aAAa,EAC7B,MAAA;AACL;;"}

package/dist/composite/footer/{options.mjs → base.mjs}

@@ -1,12 +1,8 @@
 import * as token from "@universityofmaryland/web-token-library";
 import * as animation from "@universityofmaryland/web-styles-library/animation";
 import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import createMain from "./elements/main-section/index.mjs";
-import createUtility from "./elements/utility-section/index.mjs";
-const options = (props) => {
+const buildFooter = (props, childElements) => {
   const { isThemeLight } = props;
-  const main = createMain(props);
-  const utility = createUtility(props);
   return new ElementBuilder().withClassName("umd-footer-element-wrapper").withStyles({
     element: {
       containerType: "inline-size",
@@ -27,9 +23,9 @@ const options = (props) => {
         }
       }
     }
-  }).withChildren(main, utility).build();
+  }).withChildren(...childElements).build();
 };
 export {
-  options as default
+  buildFooter as default
 };
-//# sourceMappingURL=options.mjs.map
+//# sourceMappingURL=base.mjs.map

package/dist/composite/footer/base.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.mjs","sources":["../../../source/composite/footer/base.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-token-library';\nimport * as animation from '@universityofmaryland/web-styles-library/animation';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { FooterProps } from './_types';\nimport { ElementModel } from '_types';\n\nexport default (props: FooterProps, childElements: Array<ElementModel>) => {\n  const { isThemeLight } = props;\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-element-wrapper')\n    .withStyles({\n      element: {\n        containerType: 'inline-size',\n        overflow: 'hidden',\n\n        ...(isThemeLight && {\n          backgroundColor: token.color.gray.lightest,\n\n          ['& a']: {\n            ...animation.line.slideUnderBlack,\n\n            ['&:not(:first-child)::before']: {\n              backgroundColor: token.color.black,\n            },\n          },\n        }),\n\n        ['& p, & a, & span']: {\n          color: token.color.white,\n\n          ...(isThemeLight && {\n            color: token.color.gray.dark,\n          }),\n        },\n      },\n    })\n    .withChildren(...childElements)\n    .build();\n};\n"],"names":[],"mappings":";;;AAMA,MAAA,cAAe,CAAC,OAAoB,kBAAuC;AACzE,QAAM,EAAE,iBAAiB;AAEzB,SAAO,IAAI,eAAA,EACR,cAAc,4BAA4B,EAC1C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe;AAAA,MACf,UAAU;AAAA,MAEV,GAAI,gBAAgB;AAAA,QAClB,iBAAiB,MAAM,MAAM,KAAK;AAAA,QAElC,CAAC,KAAK,GAAG;AAAA,UACP,GAAG,UAAU,KAAK;AAAA,UAElB,CAAC,6BAA6B,GAAG;AAAA,YAC/B,iBAAiB,MAAM,MAAM;AAAA,UAAA;AAAA,QAC/B;AAAA,MACF;AAAA,MAGF,CAAC,kBAAkB,GAAG;AAAA,QACpB,OAAO,MAAM,MAAM;AAAA,QAEnB,GAAI,gBAAgB;AAAA,UAClB,OAAO,MAAM,MAAM,KAAK;AAAA,QAAA;AAAA,MAC1B;AAAA,IACF;AAAA,EACF,CACD,EACA,aAAa,GAAG,aAAa,EAC7B,MAAA;AACL;"}

package/dist/composite/footer/elements/main-section/call-to-action.d.ts

@@ -1,8 +1,5 @@
-import { BaseProps } from '../../_types';
+import { CallToActionProps } from '../../_types';
 import { UMDElement } from '../../../../_types';
-export interface CallToActionProps extends BaseProps {
-    slotCta?: HTMLAnchorElement;
-}
-declare const _default: (props: CallToActionProps) => UMDElement;
+declare const _default: (props: Pick<CallToActionProps, "isTypeSimple" | "slotCta">) => UMDElement;
 export default _default;
 //# sourceMappingURL=call-to-action.d.ts.map

package/dist/composite/footer/elements/main-section/call-to-action.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"call-to-action.d.ts","sourceRoot":"","sources":["../../../../../source/composite/footer/elements/main-section/call-to-action.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;yBA8Be,OAAO,iBAAiB,KAAG,UAAU;AAArD,wBAwBE"}
+{"version":3,"file":"call-to-action.d.ts","sourceRoot":"","sources":["../../../../../source/composite/footer/elements/main-section/call-to-action.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;yBA8BnD,OAAO,IAAI,CAAC,iBAAiB,EAAE,cAAc,GAAG,SAAS,CAAC,KACzD,UAAU;AAFb,wBA0BE"}

package/dist/composite/footer/elements/main-section/call-to-action.js

@@ -30,17 +30,20 @@ const makeGivingLink = () => {
   defaultLink.rel = "noopener noreferrer";
   return defaultLink;
 };
-const createLinkElement = (props, link) => new webBuilderLibrary.ElementBuilder("slot").withClassName("umd-action-primary").styled(Styles__namespace.element.action.primary.normal).withStyles({
-  element: {
-    ["& a"]: {
-      color: `${token__namespace.color.white} !important`
+const createLinkElement = (link) => {
+  const childLink = link.cloneNode(true);
+  return new webBuilderLibrary.ElementBuilder("div").withClassName("umd-action-primary").styled(Styles__namespace.element.action.primary.normal).withStyles({
+    element: {
+      ["& a"]: {
+        color: `${token__namespace.color.white} !important`
+      }
     }
-  }
-}).withChild(link).build();
+  }).withChild(childLink).build();
+};
 const createCallToActionContainer = (props) => {
   const { isTypeSimple, slotCta } = props;
   const baseLink = slotCta ?? makeGivingLink();
-  const styledLink = createLinkElement(props, baseLink);
+  const styledLink = createLinkElement(baseLink);
   return new webBuilderLibrary.ElementBuilder().withClassName("umd-footer-call-to-action-container").withChild(styledLink).withStyles({
     element: {
       marginLeft: "auto",

package/dist/composite/footer/elements/main-section/call-to-action.js.map

@@ -1 +1 @@
-{"version":3,"file":"call-to-action.js","sources":["../../../../../source/composite/footer/elements/main-section/call-to-action.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { BREAKPOINTS } from '../../globals';\nimport { BaseProps } from '../../_types';\nimport { type UMDElement } from '../../../../_types';\n\nexport interface CallToActionProps extends BaseProps {\n  slotCta?: HTMLAnchorElement;\n}\n\nconst { LARGE } = BREAKPOINTS;\n\nconst makeGivingLink = (): HTMLAnchorElement => {\n  const defaultLink = document.createElement('a');\n  defaultLink.textContent = 'Support UMD';\n  defaultLink.href = 'https://giving.umd.edu/';\n  defaultLink.target = '_blank';\n  defaultLink.rel = 'noopener noreferrer';\n  return defaultLink;\n};\n\nconst createLinkElement = (\n  props: CallToActionProps,\n  link: HTMLAnchorElement,\n): UMDElement =>\n  new ElementBuilder('slot')\n    .withClassName('umd-action-primary')\n    .styled(Styles.element.action.primary.normal)\n    .withStyles({\n      element: {\n        ['& a']: {\n          color: `${token.color.white} !important`,\n        },\n      },\n    })\n    .withChild(link)\n    .build();\n\nexport default (props: CallToActionProps): UMDElement => {\n  const { isTypeSimple, slotCta } = props;\n  const baseLink = slotCta ?? makeGivingLink();\n  const styledLink = createLinkElement(props, baseLink);\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-call-to-action-container')\n    .withChild(styledLink)\n    .withStyles({\n      element: {\n        marginLeft: 'auto',\n\n        ...(isTypeSimple && {\n          display: 'none',\n        }),\n\n        [`@container (min-width: ${LARGE}px)`]: {\n          [`& .umd-footer-logo-container`]: {\n            display: 'none',\n          },\n        },\n      },\n    })\n    .build();\n};\n"],"names":["BREAKPOINTS","ElementBuilder","Styles","token"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,EAAE,UAAUA,QAAAA;AAElB,MAAM,iBAAiB,MAAyB;AAC9C,QAAM,cAAc,SAAS,cAAc,GAAG;AAC9C,cAAY,cAAc;AAC1B,cAAY,OAAO;AACnB,cAAY,SAAS;AACrB,cAAY,MAAM;AAClB,SAAO;AACT;AAEA,MAAM,oBAAoB,CACxB,OACA,SAEA,IAAIC,kBAAAA,eAAe,MAAM,EACtB,cAAc,oBAAoB,EAClC,OAAOC,kBAAO,QAAQ,OAAO,QAAQ,MAAM,EAC3C,WAAW;AAAA,EACV,SAAS;AAAA,IACP,CAAC,KAAK,GAAG;AAAA,MACP,OAAO,GAAGC,iBAAM,MAAM,KAAK;AAAA,IAAA;AAAA,EAC7B;AAEJ,CAAC,EACA,UAAU,IAAI,EACd,MAAA;AAEL,MAAA,8BAAe,CAAC,UAAyC;AACvD,QAAM,EAAE,cAAc,QAAA,IAAY;AAClC,QAAM,WAAW,WAAW,eAAA;AAC5B,QAAM,aAAa,kBAAkB,OAAO,QAAQ;AAEpD,SAAO,IAAIF,kBAAAA,iBACR,cAAc,qCAAqC,EACnD,UAAU,UAAU,EACpB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,YAAY;AAAA,MAEZ,GAAI,gBAAgB;AAAA,QAClB,SAAS;AAAA,MAAA;AAAA,MAGX,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,QACtC,CAAC,8BAA8B,GAAG;AAAA,UAChC,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF,CACD,EACA,MAAA;AACL;;"}
+{"version":3,"file":"call-to-action.js","sources":["../../../../../source/composite/footer/elements/main-section/call-to-action.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { BREAKPOINTS } from '../../globals';\nimport { CallToActionProps } from '../../_types';\nimport { type UMDElement } from '../../../../_types';\n\nconst { LARGE } = BREAKPOINTS;\n\nconst makeGivingLink = (): HTMLAnchorElement => {\n  const defaultLink = document.createElement('a');\n  defaultLink.textContent = 'Support UMD';\n  defaultLink.href = 'https://giving.umd.edu/';\n  defaultLink.target = '_blank';\n  defaultLink.rel = 'noopener noreferrer';\n  return defaultLink;\n};\n\nconst createLinkElement = (link: HTMLAnchorElement): UMDElement => {\n  const childLink = link.cloneNode(true) as HTMLAnchorElement;\n  return new ElementBuilder('div')\n    .withClassName('umd-action-primary')\n    .styled(Styles.element.action.primary.normal)\n    .withStyles({\n      element: {\n        ['& a']: {\n          color: `${token.color.white} !important`,\n        },\n      },\n    })\n    .withChild(childLink)\n    .build();\n};\n\nexport default (\n  props: Pick<CallToActionProps, 'isTypeSimple' | 'slotCta'>,\n): UMDElement => {\n  const { isTypeSimple, slotCta } = props;\n  const baseLink = slotCta ?? makeGivingLink();\n  const styledLink = createLinkElement(baseLink);\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-call-to-action-container')\n    .withChild(styledLink)\n    .withStyles({\n      element: {\n        marginLeft: 'auto',\n\n        ...(isTypeSimple && {\n          display: 'none',\n        }),\n\n        [`@container (min-width: ${LARGE}px)`]: {\n          [`& .umd-footer-logo-container`]: {\n            display: 'none',\n          },\n        },\n      },\n    })\n    .build();\n};\n"],"names":["BREAKPOINTS","ElementBuilder","Styles","token"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,EAAE,UAAUA,QAAAA;AAElB,MAAM,iBAAiB,MAAyB;AAC9C,QAAM,cAAc,SAAS,cAAc,GAAG;AAC9C,cAAY,cAAc;AAC1B,cAAY,OAAO;AACnB,cAAY,SAAS;AACrB,cAAY,MAAM;AAClB,SAAO;AACT;AAEA,MAAM,oBAAoB,CAAC,SAAwC;AACjE,QAAM,YAAY,KAAK,UAAU,IAAI;AACrC,SAAO,IAAIC,kBAAAA,eAAe,KAAK,EAC5B,cAAc,oBAAoB,EAClC,OAAOC,kBAAO,QAAQ,OAAO,QAAQ,MAAM,EAC3C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,KAAK,GAAG;AAAA,QACP,OAAO,GAAGC,iBAAM,MAAM,KAAK;AAAA,MAAA;AAAA,IAC7B;AAAA,EACF,CACD,EACA,UAAU,SAAS,EACnB,MAAA;AACL;AAEA,MAAA,8BAAe,CACb,UACe;AACf,QAAM,EAAE,cAAc,QAAA,IAAY;AAClC,QAAM,WAAW,WAAW,eAAA;AAC5B,QAAM,aAAa,kBAAkB,QAAQ;AAE7C,SAAO,IAAIF,kBAAAA,iBACR,cAAc,qCAAqC,EACnD,UAAU,UAAU,EACpB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,YAAY;AAAA,MAEZ,GAAI,gBAAgB;AAAA,QAClB,SAAS;AAAA,MAAA;AAAA,MAGX,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,QACtC,CAAC,8BAA8B,GAAG;AAAA,UAChC,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF,CACD,EACA,MAAA;AACL;;"}

package/dist/composite/footer/elements/main-section/call-to-action.mjs

@@ -11,17 +11,20 @@ const makeGivingLink = () => {
   defaultLink.rel = "noopener noreferrer";
   return defaultLink;
 };
-const createLinkElement = (props, link) => new ElementBuilder("slot").withClassName("umd-action-primary").styled(Styles.element.action.primary.normal).withStyles({
-  element: {
-    ["& a"]: {
-      color: `${token.color.white} !important`
+const createLinkElement = (link) => {
+  const childLink = link.cloneNode(true);
+  return new ElementBuilder("div").withClassName("umd-action-primary").styled(Styles.element.action.primary.normal).withStyles({
+    element: {
+      ["& a"]: {
+        color: `${token.color.white} !important`
+      }
     }
-  }
-}).withChild(link).build();
+  }).withChild(childLink).build();
+};
 const createCallToActionContainer = (props) => {
   const { isTypeSimple, slotCta } = props;
   const baseLink = slotCta ?? makeGivingLink();
-  const styledLink = createLinkElement(props, baseLink);
+  const styledLink = createLinkElement(baseLink);
   return new ElementBuilder().withClassName("umd-footer-call-to-action-container").withChild(styledLink).withStyles({
     element: {
       marginLeft: "auto",

package/dist/composite/footer/elements/main-section/call-to-action.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"call-to-action.mjs","sources":["../../../../../source/composite/footer/elements/main-section/call-to-action.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { BREAKPOINTS } from '../../globals';\nimport { BaseProps } from '../../_types';\nimport { type UMDElement } from '../../../../_types';\n\nexport interface CallToActionProps extends BaseProps {\n  slotCta?: HTMLAnchorElement;\n}\n\nconst { LARGE } = BREAKPOINTS;\n\nconst makeGivingLink = (): HTMLAnchorElement => {\n  const defaultLink = document.createElement('a');\n  defaultLink.textContent = 'Support UMD';\n  defaultLink.href = 'https://giving.umd.edu/';\n  defaultLink.target = '_blank';\n  defaultLink.rel = 'noopener noreferrer';\n  return defaultLink;\n};\n\nconst createLinkElement = (\n  props: CallToActionProps,\n  link: HTMLAnchorElement,\n): UMDElement =>\n  new ElementBuilder('slot')\n    .withClassName('umd-action-primary')\n    .styled(Styles.element.action.primary.normal)\n    .withStyles({\n      element: {\n        ['& a']: {\n          color: `${token.color.white} !important`,\n        },\n      },\n    })\n    .withChild(link)\n    .build();\n\nexport default (props: CallToActionProps): UMDElement => {\n  const { isTypeSimple, slotCta } = props;\n  const baseLink = slotCta ?? makeGivingLink();\n  const styledLink = createLinkElement(props, baseLink);\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-call-to-action-container')\n    .withChild(styledLink)\n    .withStyles({\n      element: {\n        marginLeft: 'auto',\n\n        ...(isTypeSimple && {\n          display: 'none',\n        }),\n\n        [`@container (min-width: ${LARGE}px)`]: {\n          [`& .umd-footer-logo-container`]: {\n            display: 'none',\n          },\n        },\n      },\n    })\n    .build();\n};\n"],"names":[],"mappings":";;;;AAWA,MAAM,EAAE,UAAU;AAElB,MAAM,iBAAiB,MAAyB;AAC9C,QAAM,cAAc,SAAS,cAAc,GAAG;AAC9C,cAAY,cAAc;AAC1B,cAAY,OAAO;AACnB,cAAY,SAAS;AACrB,cAAY,MAAM;AAClB,SAAO;AACT;AAEA,MAAM,oBAAoB,CACxB,OACA,SAEA,IAAI,eAAe,MAAM,EACtB,cAAc,oBAAoB,EAClC,OAAO,OAAO,QAAQ,OAAO,QAAQ,MAAM,EAC3C,WAAW;AAAA,EACV,SAAS;AAAA,IACP,CAAC,KAAK,GAAG;AAAA,MACP,OAAO,GAAG,MAAM,MAAM,KAAK;AAAA,IAAA;AAAA,EAC7B;AAEJ,CAAC,EACA,UAAU,IAAI,EACd,MAAA;AAEL,MAAA,8BAAe,CAAC,UAAyC;AACvD,QAAM,EAAE,cAAc,QAAA,IAAY;AAClC,QAAM,WAAW,WAAW,eAAA;AAC5B,QAAM,aAAa,kBAAkB,OAAO,QAAQ;AAEpD,SAAO,IAAI,iBACR,cAAc,qCAAqC,EACnD,UAAU,UAAU,EACpB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,YAAY;AAAA,MAEZ,GAAI,gBAAgB;AAAA,QAClB,SAAS;AAAA,MAAA;AAAA,MAGX,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,QACtC,CAAC,8BAA8B,GAAG;AAAA,UAChC,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF,CACD,EACA,MAAA;AACL;"}
+{"version":3,"file":"call-to-action.mjs","sources":["../../../../../source/composite/footer/elements/main-section/call-to-action.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { BREAKPOINTS } from '../../globals';\nimport { CallToActionProps } from '../../_types';\nimport { type UMDElement } from '../../../../_types';\n\nconst { LARGE } = BREAKPOINTS;\n\nconst makeGivingLink = (): HTMLAnchorElement => {\n  const defaultLink = document.createElement('a');\n  defaultLink.textContent = 'Support UMD';\n  defaultLink.href = 'https://giving.umd.edu/';\n  defaultLink.target = '_blank';\n  defaultLink.rel = 'noopener noreferrer';\n  return defaultLink;\n};\n\nconst createLinkElement = (link: HTMLAnchorElement): UMDElement => {\n  const childLink = link.cloneNode(true) as HTMLAnchorElement;\n  return new ElementBuilder('div')\n    .withClassName('umd-action-primary')\n    .styled(Styles.element.action.primary.normal)\n    .withStyles({\n      element: {\n        ['& a']: {\n          color: `${token.color.white} !important`,\n        },\n      },\n    })\n    .withChild(childLink)\n    .build();\n};\n\nexport default (\n  props: Pick<CallToActionProps, 'isTypeSimple' | 'slotCta'>,\n): UMDElement => {\n  const { isTypeSimple, slotCta } = props;\n  const baseLink = slotCta ?? makeGivingLink();\n  const styledLink = createLinkElement(baseLink);\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-call-to-action-container')\n    .withChild(styledLink)\n    .withStyles({\n      element: {\n        marginLeft: 'auto',\n\n        ...(isTypeSimple && {\n          display: 'none',\n        }),\n\n        [`@container (min-width: ${LARGE}px)`]: {\n          [`& .umd-footer-logo-container`]: {\n            display: 'none',\n          },\n        },\n      },\n    })\n    .build();\n};\n"],"names":[],"mappings":";;;;AAOA,MAAM,EAAE,UAAU;AAElB,MAAM,iBAAiB,MAAyB;AAC9C,QAAM,cAAc,SAAS,cAAc,GAAG;AAC9C,cAAY,cAAc;AAC1B,cAAY,OAAO;AACnB,cAAY,SAAS;AACrB,cAAY,MAAM;AAClB,SAAO;AACT;AAEA,MAAM,oBAAoB,CAAC,SAAwC;AACjE,QAAM,YAAY,KAAK,UAAU,IAAI;AACrC,SAAO,IAAI,eAAe,KAAK,EAC5B,cAAc,oBAAoB,EAClC,OAAO,OAAO,QAAQ,OAAO,QAAQ,MAAM,EAC3C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,KAAK,GAAG;AAAA,QACP,OAAO,GAAG,MAAM,MAAM,KAAK;AAAA,MAAA;AAAA,IAC7B;AAAA,EACF,CACD,EACA,UAAU,SAAS,EACnB,MAAA;AACL;AAEA,MAAA,8BAAe,CACb,UACe;AACf,QAAM,EAAE,cAAc,QAAA,IAAY;AAClC,QAAM,WAAW,WAAW,eAAA;AAC5B,QAAM,aAAa,kBAAkB,QAAQ;AAE7C,SAAO,IAAI,iBACR,cAAc,qCAAqC,EACnD,UAAU,UAAU,EACpB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,YAAY;AAAA,MAEZ,GAAI,gBAAgB;AAAA,QAClB,SAAS;AAAA,MAAA;AAAA,MAGX,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,QACtC,CAAC,8BAA8B,GAAG;AAAA,UAChC,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF,CACD,EACA,MAAA;AACL;"}

package/dist/composite/footer/elements/main-section/campaign.d.ts

@@ -1,7 +1,5 @@
-import { BaseProps } from '../../_types';
+import { CampaignProps } from '../../_types';
 import { UMDElement } from '../../../../_types';
-export interface CampaignProps extends Pick<BaseProps, 'isThemeLight' | 'isCampaignForward'> {
-}
-declare const _default: ({ isThemeLight, isCampaignForward, }: CampaignProps) => UMDElement;
+declare const _default: (props: Pick<CampaignProps, "isThemeLight" | "isCampaignForward">) => UMDElement;
 export default _default;
 //# sourceMappingURL=campaign.d.ts.map

package/dist/composite/footer/elements/main-section/campaign.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"campaign.d.ts","sourceRoot":"","sources":["../../../../../source/composite/footer/elements/main-section/campaign.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,SAAS,EAAE,cAAc,GAAG,mBAAmB,CAAC;CAAG;yBAyClD,sCAGb,aAAa,KAAG,UAAU;AAH7B,wBA+CE"}
+{"version":3,"file":"campaign.d.ts","sourceRoot":"","sources":["../../../../../source/composite/footer/elements/main-section/campaign.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;yBA+CnD,OAAO,IAAI,CAAC,aAAa,EAAE,cAAc,GAAG,mBAAmB,CAAC,KAC/D,UAAU;AAFb,wBAgDE"}

package/dist/composite/footer/elements/main-section/campaign.js

@@ -23,7 +23,8 @@ function _interopNamespaceDefault(e) {
 const token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
 const Logos__namespace = /* @__PURE__ */ _interopNamespaceDefault(Logos);
 const { LARGE } = globals.BREAKPOINTS;
-const createFearlesslyForwardCampaign = (isThemeLight) => {
+const createFearlesslyForwardCampaign = (props) => {
+  const { isThemeLight } = props;
   const SVG = !isThemeLight && Logos__namespace.campaign.light || Logos__namespace.campaign.dark;
   const img = media.imageFromSvg({ SVG });
   const link = document.createElement("a");
@@ -38,7 +39,8 @@ const createFearlesslyForwardCampaign = (isThemeLight) => {
   link.appendChild(img);
   return link;
 };
-const createForwardCampaign = (isThemeLight) => {
+const createForwardCampaign = (props) => {
+  const { isThemeLight } = props;
   const SVG = !isThemeLight && Logos__namespace.forward.light || Logos__namespace.forward.dark;
   const img = media.imageFromSvg({ SVG });
   const link = document.createElement("a");
@@ -50,11 +52,9 @@ const createForwardCampaign = (isThemeLight) => {
   link.appendChild(img);
   return link;
 };
-const createCampaignRow = ({
-  isThemeLight,
-  isCampaignForward
-}) => {
-  const link = isCampaignForward ? createForwardCampaign(!!isThemeLight) : createFearlesslyForwardCampaign(!!isThemeLight);
+const createCampaignRow = (props) => {
+  const { isCampaignForward } = props;
+  const link = isCampaignForward ? createForwardCampaign(props) : createFearlesslyForwardCampaign(props);
   const linkElement = new webBuilderLibrary.ElementBuilder(link).withClassName("campaign-column-link").withStyles({
     element: {
       display: "block",

package/dist/composite/footer/elements/main-section/campaign.js.map

@@ -1 +1 @@
-{"version":3,"file":"campaign.js","sources":["../../../../../source/composite/footer/elements/main-section/campaign.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport { imageFromSvg } from '@universityofmaryland/web-utilities-library/media';\nimport * as Logos from '@universityofmaryland/web-icons-library/logos';\nimport { BaseProps } from '../../_types';\nimport { BREAKPOINTS } from '../../globals';\nimport { type UMDElement } from '../../../../_types';\n\nexport interface CampaignProps\n  extends Pick<BaseProps, 'isThemeLight' | 'isCampaignForward'> {}\n\nconst { LARGE } = BREAKPOINTS;\n\nconst createFearlesslyForwardCampaign = (isThemeLight: boolean) => {\n  const SVG = (!isThemeLight && Logos.campaign.light) || Logos.campaign.dark;\n  const img = imageFromSvg({ SVG });\n  const link = document.createElement('a');\n\n  img.alt = 'University of Maryland Fearlessly Forward Campaign Logo';\n\n  link.href = 'https://fearlesslyforward.umd.edu';\n  link.setAttribute('target', '_blank');\n  link.setAttribute('rel', 'noopener noreferrer');\n  link.setAttribute(\n    'aria-label',\n    'Link to the Fearlessly Forward Brand website',\n  );\n\n  link.appendChild(img);\n\n  return link;\n};\n\nconst createForwardCampaign = (isThemeLight: boolean) => {\n  const SVG = (!isThemeLight && Logos.forward.light) || Logos.forward.dark;\n  const img = imageFromSvg({ SVG });\n  const link = document.createElement('a');\n\n  img.alt = `University of Maryland's Forward Campaign Logo`;\n\n  link.href = 'https://forward.umd.edu';\n  link.setAttribute('target', '_blank');\n  link.setAttribute('rel', 'noopener noreferrer');\n  link.setAttribute('aria-label', 'Link to the Forward Brand website');\n\n  link.appendChild(img);\n\n  return link;\n};\n\nexport default ({\n  isThemeLight,\n  isCampaignForward,\n}: CampaignProps): UMDElement => {\n  const link = isCampaignForward\n    ? createForwardCampaign(!!isThemeLight)\n    : createFearlesslyForwardCampaign(!!isThemeLight);\n\n  const linkElement = new ElementBuilder(link)\n    .withClassName('campaign-column-link')\n    .withStyles({\n      element: {\n        display: 'block',\n        marginTop: token.spacing.lg,\n        maxWidth: '250px',\n      },\n    })\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('campaign-column-wrapper')\n    .withStyles({\n      element: {\n        [`& img`]: {\n          maxWidth: '144px',\n          width: '100%',\n        },\n\n        [`@container (min-width: ${LARGE}px)`]: {\n          display: 'flex',\n          justifyContent: 'flex-end',\n          marginLeft: 'auto',\n\n          [`& .umd-footer-logo-container`]: {\n            display: 'none',\n          },\n        },\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          [`& .umd-footer-social-column_wrapper &`]: {\n            display: 'none',\n          },\n        },\n      },\n    })\n    .withChild(linkElement)\n    .build();\n};\n"],"names":["BREAKPOINTS","Logos","imageFromSvg","ElementBuilder","token"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,EAAE,UAAUA,QAAAA;AAElB,MAAM,kCAAkC,CAAC,iBAA0B;AACjE,QAAM,MAAO,CAAC,gBAAgBC,iBAAM,SAAS,SAAUA,iBAAM,SAAS;AACtE,QAAM,MAAMC,MAAAA,aAAa,EAAE,KAAK;AAChC,QAAM,OAAO,SAAS,cAAc,GAAG;AAEvC,MAAI,MAAM;AAEV,OAAK,OAAO;AACZ,OAAK,aAAa,UAAU,QAAQ;AACpC,OAAK,aAAa,OAAO,qBAAqB;AAC9C,OAAK;AAAA,IACH;AAAA,IACA;AAAA,EAAA;AAGF,OAAK,YAAY,GAAG;AAEpB,SAAO;AACT;AAEA,MAAM,wBAAwB,CAAC,iBAA0B;AACvD,QAAM,MAAO,CAAC,gBAAgBD,iBAAM,QAAQ,SAAUA,iBAAM,QAAQ;AACpE,QAAM,MAAMC,MAAAA,aAAa,EAAE,KAAK;AAChC,QAAM,OAAO,SAAS,cAAc,GAAG;AAEvC,MAAI,MAAM;AAEV,OAAK,OAAO;AACZ,OAAK,aAAa,UAAU,QAAQ;AACpC,OAAK,aAAa,OAAO,qBAAqB;AAC9C,OAAK,aAAa,cAAc,mCAAmC;AAEnE,OAAK,YAAY,GAAG;AAEpB,SAAO;AACT;AAEA,MAAA,oBAAe,CAAC;AAAA,EACd;AAAA,EACA;AACF,MAAiC;AAC/B,QAAM,OAAO,oBACT,sBAAsB,CAAC,CAAC,YAAY,IACpC,gCAAgC,CAAC,CAAC,YAAY;AAElD,QAAM,cAAc,IAAIC,iCAAe,IAAI,EACxC,cAAc,sBAAsB,EACpC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAWC,iBAAM,QAAQ;AAAA,MACzB,UAAU;AAAA,IAAA;AAAA,EACZ,CACD,EACA,MAAA;AAEH,SAAO,IAAID,kBAAAA,eAAA,EACR,cAAc,yBAAyB,EACvC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,OAAO,GAAG;AAAA,QACT,UAAU;AAAA,QACV,OAAO;AAAA,MAAA;AAAA,MAGT,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,QACtC,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,YAAY;AAAA,QAEZ,CAAC,8BAA8B,GAAG;AAAA,UAChC,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,MAGF,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,QAC1C,CAAC,uCAAuC,GAAG;AAAA,UACzC,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF,CACD,EACA,UAAU,WAAW,EACrB,MAAA;AACL;;"}
+{"version":3,"file":"campaign.js","sources":["../../../../../source/composite/footer/elements/main-section/campaign.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport { imageFromSvg } from '@universityofmaryland/web-utilities-library/media';\nimport * as Logos from '@universityofmaryland/web-icons-library/logos';\nimport { CampaignProps } from '../../_types';\nimport { BREAKPOINTS } from '../../globals';\nimport { type UMDElement } from '../../../../_types';\n\nconst { LARGE } = BREAKPOINTS;\n\nconst createFearlesslyForwardCampaign = (\n  props: Pick<CampaignProps, 'isThemeLight'>,\n) => {\n  const { isThemeLight } = props;\n  const SVG = (!isThemeLight && Logos.campaign.light) || Logos.campaign.dark;\n  const img = imageFromSvg({ SVG });\n  const link = document.createElement('a');\n\n  img.alt = 'University of Maryland Fearlessly Forward Campaign Logo';\n\n  link.href = 'https://fearlesslyforward.umd.edu';\n  link.setAttribute('target', '_blank');\n  link.setAttribute('rel', 'noopener noreferrer');\n  link.setAttribute(\n    'aria-label',\n    'Link to the Fearlessly Forward Brand website',\n  );\n\n  link.appendChild(img);\n\n  return link;\n};\n\nconst createForwardCampaign = (props: Pick<CampaignProps, 'isThemeLight'>) => {\n  const { isThemeLight } = props;\n\n  const SVG = (!isThemeLight && Logos.forward.light) || Logos.forward.dark;\n  const img = imageFromSvg({ SVG });\n  const link = document.createElement('a');\n\n  img.alt = `University of Maryland's Forward Campaign Logo`;\n\n  link.href = 'https://forward.umd.edu';\n  link.setAttribute('target', '_blank');\n  link.setAttribute('rel', 'noopener noreferrer');\n  link.setAttribute('aria-label', 'Link to the Forward Brand website');\n\n  link.appendChild(img);\n\n  return link;\n};\n\nexport default (\n  props: Pick<CampaignProps, 'isThemeLight' | 'isCampaignForward'>,\n): UMDElement => {\n  const { isCampaignForward } = props;\n\n  const link = isCampaignForward\n    ? createForwardCampaign(props)\n    : createFearlesslyForwardCampaign(props);\n\n  const linkElement = new ElementBuilder(link)\n    .withClassName('campaign-column-link')\n    .withStyles({\n      element: {\n        display: 'block',\n        marginTop: token.spacing.lg,\n        maxWidth: '250px',\n      },\n    })\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('campaign-column-wrapper')\n    .withStyles({\n      element: {\n        [`& img`]: {\n          maxWidth: '144px',\n          width: '100%',\n        },\n\n        [`@container (min-width: ${LARGE}px)`]: {\n          display: 'flex',\n          justifyContent: 'flex-end',\n          marginLeft: 'auto',\n\n          [`& .umd-footer-logo-container`]: {\n            display: 'none',\n          },\n        },\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          [`& .umd-footer-social-column_wrapper &`]: {\n            display: 'none',\n          },\n        },\n      },\n    })\n    .withChild(linkElement)\n    .build();\n};\n"],"names":["BREAKPOINTS","Logos","imageFromSvg","ElementBuilder","token"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,EAAE,UAAUA,QAAAA;AAElB,MAAM,kCAAkC,CACtC,UACG;AACH,QAAM,EAAE,iBAAiB;AACzB,QAAM,MAAO,CAAC,gBAAgBC,iBAAM,SAAS,SAAUA,iBAAM,SAAS;AACtE,QAAM,MAAMC,MAAAA,aAAa,EAAE,KAAK;AAChC,QAAM,OAAO,SAAS,cAAc,GAAG;AAEvC,MAAI,MAAM;AAEV,OAAK,OAAO;AACZ,OAAK,aAAa,UAAU,QAAQ;AACpC,OAAK,aAAa,OAAO,qBAAqB;AAC9C,OAAK;AAAA,IACH;AAAA,IACA;AAAA,EAAA;AAGF,OAAK,YAAY,GAAG;AAEpB,SAAO;AACT;AAEA,MAAM,wBAAwB,CAAC,UAA+C;AAC5E,QAAM,EAAE,iBAAiB;AAEzB,QAAM,MAAO,CAAC,gBAAgBD,iBAAM,QAAQ,SAAUA,iBAAM,QAAQ;AACpE,QAAM,MAAMC,MAAAA,aAAa,EAAE,KAAK;AAChC,QAAM,OAAO,SAAS,cAAc,GAAG;AAEvC,MAAI,MAAM;AAEV,OAAK,OAAO;AACZ,OAAK,aAAa,UAAU,QAAQ;AACpC,OAAK,aAAa,OAAO,qBAAqB;AAC9C,OAAK,aAAa,cAAc,mCAAmC;AAEnE,OAAK,YAAY,GAAG;AAEpB,SAAO;AACT;AAEA,MAAA,oBAAe,CACb,UACe;AACf,QAAM,EAAE,sBAAsB;AAE9B,QAAM,OAAO,oBACT,sBAAsB,KAAK,IAC3B,gCAAgC,KAAK;AAEzC,QAAM,cAAc,IAAIC,iCAAe,IAAI,EACxC,cAAc,sBAAsB,EACpC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAWC,iBAAM,QAAQ;AAAA,MACzB,UAAU;AAAA,IAAA;AAAA,EACZ,CACD,EACA,MAAA;AAEH,SAAO,IAAID,kBAAAA,eAAA,EACR,cAAc,yBAAyB,EACvC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,OAAO,GAAG;AAAA,QACT,UAAU;AAAA,QACV,OAAO;AAAA,MAAA;AAAA,MAGT,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,QACtC,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,YAAY;AAAA,QAEZ,CAAC,8BAA8B,GAAG;AAAA,UAChC,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,MAGF,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,QAC1C,CAAC,uCAAuC,GAAG;AAAA,UACzC,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF,CACD,EACA,UAAU,WAAW,EACrB,MAAA;AACL;;"}

package/dist/composite/footer/elements/main-section/campaign.mjs

@@ -4,7 +4,8 @@ import { imageFromSvg } from "@universityofmaryland/web-utilities-library/media"
 import * as Logos from "@universityofmaryland/web-icons-library/logos";
 import { BREAKPOINTS } from "../../globals.mjs";
 const { LARGE } = BREAKPOINTS;
-const createFearlesslyForwardCampaign = (isThemeLight) => {
+const createFearlesslyForwardCampaign = (props) => {
+  const { isThemeLight } = props;
   const SVG = !isThemeLight && Logos.campaign.light || Logos.campaign.dark;
   const img = imageFromSvg({ SVG });
   const link = document.createElement("a");
@@ -19,7 +20,8 @@ const createFearlesslyForwardCampaign = (isThemeLight) => {
   link.appendChild(img);
   return link;
 };
-const createForwardCampaign = (isThemeLight) => {
+const createForwardCampaign = (props) => {
+  const { isThemeLight } = props;
   const SVG = !isThemeLight && Logos.forward.light || Logos.forward.dark;
   const img = imageFromSvg({ SVG });
   const link = document.createElement("a");
@@ -31,11 +33,9 @@ const createForwardCampaign = (isThemeLight) => {
   link.appendChild(img);
   return link;
 };
-const createCampaignRow = ({
-  isThemeLight,
-  isCampaignForward
-}) => {
-  const link = isCampaignForward ? createForwardCampaign(!!isThemeLight) : createFearlesslyForwardCampaign(!!isThemeLight);
+const createCampaignRow = (props) => {
+  const { isCampaignForward } = props;
+  const link = isCampaignForward ? createForwardCampaign(props) : createFearlesslyForwardCampaign(props);
   const linkElement = new ElementBuilder(link).withClassName("campaign-column-link").withStyles({
     element: {
       display: "block",

package/dist/composite/footer/elements/main-section/campaign.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"campaign.mjs","sources":["../../../../../source/composite/footer/elements/main-section/campaign.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport { imageFromSvg } from '@universityofmaryland/web-utilities-library/media';\nimport * as Logos from '@universityofmaryland/web-icons-library/logos';\nimport { BaseProps } from '../../_types';\nimport { BREAKPOINTS } from '../../globals';\nimport { type UMDElement } from '../../../../_types';\n\nexport interface CampaignProps\n  extends Pick<BaseProps, 'isThemeLight' | 'isCampaignForward'> {}\n\nconst { LARGE } = BREAKPOINTS;\n\nconst createFearlesslyForwardCampaign = (isThemeLight: boolean) => {\n  const SVG = (!isThemeLight && Logos.campaign.light) || Logos.campaign.dark;\n  const img = imageFromSvg({ SVG });\n  const link = document.createElement('a');\n\n  img.alt = 'University of Maryland Fearlessly Forward Campaign Logo';\n\n  link.href = 'https://fearlesslyforward.umd.edu';\n  link.setAttribute('target', '_blank');\n  link.setAttribute('rel', 'noopener noreferrer');\n  link.setAttribute(\n    'aria-label',\n    'Link to the Fearlessly Forward Brand website',\n  );\n\n  link.appendChild(img);\n\n  return link;\n};\n\nconst createForwardCampaign = (isThemeLight: boolean) => {\n  const SVG = (!isThemeLight && Logos.forward.light) || Logos.forward.dark;\n  const img = imageFromSvg({ SVG });\n  const link = document.createElement('a');\n\n  img.alt = `University of Maryland's Forward Campaign Logo`;\n\n  link.href = 'https://forward.umd.edu';\n  link.setAttribute('target', '_blank');\n  link.setAttribute('rel', 'noopener noreferrer');\n  link.setAttribute('aria-label', 'Link to the Forward Brand website');\n\n  link.appendChild(img);\n\n  return link;\n};\n\nexport default ({\n  isThemeLight,\n  isCampaignForward,\n}: CampaignProps): UMDElement => {\n  const link = isCampaignForward\n    ? createForwardCampaign(!!isThemeLight)\n    : createFearlesslyForwardCampaign(!!isThemeLight);\n\n  const linkElement = new ElementBuilder(link)\n    .withClassName('campaign-column-link')\n    .withStyles({\n      element: {\n        display: 'block',\n        marginTop: token.spacing.lg,\n        maxWidth: '250px',\n      },\n    })\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('campaign-column-wrapper')\n    .withStyles({\n      element: {\n        [`& img`]: {\n          maxWidth: '144px',\n          width: '100%',\n        },\n\n        [`@container (min-width: ${LARGE}px)`]: {\n          display: 'flex',\n          justifyContent: 'flex-end',\n          marginLeft: 'auto',\n\n          [`& .umd-footer-logo-container`]: {\n            display: 'none',\n          },\n        },\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          [`& .umd-footer-social-column_wrapper &`]: {\n            display: 'none',\n          },\n        },\n      },\n    })\n    .withChild(linkElement)\n    .build();\n};\n"],"names":[],"mappings":";;;;;AAWA,MAAM,EAAE,UAAU;AAElB,MAAM,kCAAkC,CAAC,iBAA0B;AACjE,QAAM,MAAO,CAAC,gBAAgB,MAAM,SAAS,SAAU,MAAM,SAAS;AACtE,QAAM,MAAM,aAAa,EAAE,KAAK;AAChC,QAAM,OAAO,SAAS,cAAc,GAAG;AAEvC,MAAI,MAAM;AAEV,OAAK,OAAO;AACZ,OAAK,aAAa,UAAU,QAAQ;AACpC,OAAK,aAAa,OAAO,qBAAqB;AAC9C,OAAK;AAAA,IACH;AAAA,IACA;AAAA,EAAA;AAGF,OAAK,YAAY,GAAG;AAEpB,SAAO;AACT;AAEA,MAAM,wBAAwB,CAAC,iBAA0B;AACvD,QAAM,MAAO,CAAC,gBAAgB,MAAM,QAAQ,SAAU,MAAM,QAAQ;AACpE,QAAM,MAAM,aAAa,EAAE,KAAK;AAChC,QAAM,OAAO,SAAS,cAAc,GAAG;AAEvC,MAAI,MAAM;AAEV,OAAK,OAAO;AACZ,OAAK,aAAa,UAAU,QAAQ;AACpC,OAAK,aAAa,OAAO,qBAAqB;AAC9C,OAAK,aAAa,cAAc,mCAAmC;AAEnE,OAAK,YAAY,GAAG;AAEpB,SAAO;AACT;AAEA,MAAA,oBAAe,CAAC;AAAA,EACd;AAAA,EACA;AACF,MAAiC;AAC/B,QAAM,OAAO,oBACT,sBAAsB,CAAC,CAAC,YAAY,IACpC,gCAAgC,CAAC,CAAC,YAAY;AAElD,QAAM,cAAc,IAAI,eAAe,IAAI,EACxC,cAAc,sBAAsB,EACpC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW,MAAM,QAAQ;AAAA,MACzB,UAAU;AAAA,IAAA;AAAA,EACZ,CACD,EACA,MAAA;AAEH,SAAO,IAAI,eAAA,EACR,cAAc,yBAAyB,EACvC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,OAAO,GAAG;AAAA,QACT,UAAU;AAAA,QACV,OAAO;AAAA,MAAA;AAAA,MAGT,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,QACtC,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,YAAY;AAAA,QAEZ,CAAC,8BAA8B,GAAG;AAAA,UAChC,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,MAGF,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,QAC1C,CAAC,uCAAuC,GAAG;AAAA,UACzC,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF,CACD,EACA,UAAU,WAAW,EACrB,MAAA;AACL;"}
+{"version":3,"file":"campaign.mjs","sources":["../../../../../source/composite/footer/elements/main-section/campaign.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport { imageFromSvg } from '@universityofmaryland/web-utilities-library/media';\nimport * as Logos from '@universityofmaryland/web-icons-library/logos';\nimport { CampaignProps } from '../../_types';\nimport { BREAKPOINTS } from '../../globals';\nimport { type UMDElement } from '../../../../_types';\n\nconst { LARGE } = BREAKPOINTS;\n\nconst createFearlesslyForwardCampaign = (\n  props: Pick<CampaignProps, 'isThemeLight'>,\n) => {\n  const { isThemeLight } = props;\n  const SVG = (!isThemeLight && Logos.campaign.light) || Logos.campaign.dark;\n  const img = imageFromSvg({ SVG });\n  const link = document.createElement('a');\n\n  img.alt = 'University of Maryland Fearlessly Forward Campaign Logo';\n\n  link.href = 'https://fearlesslyforward.umd.edu';\n  link.setAttribute('target', '_blank');\n  link.setAttribute('rel', 'noopener noreferrer');\n  link.setAttribute(\n    'aria-label',\n    'Link to the Fearlessly Forward Brand website',\n  );\n\n  link.appendChild(img);\n\n  return link;\n};\n\nconst createForwardCampaign = (props: Pick<CampaignProps, 'isThemeLight'>) => {\n  const { isThemeLight } = props;\n\n  const SVG = (!isThemeLight && Logos.forward.light) || Logos.forward.dark;\n  const img = imageFromSvg({ SVG });\n  const link = document.createElement('a');\n\n  img.alt = `University of Maryland's Forward Campaign Logo`;\n\n  link.href = 'https://forward.umd.edu';\n  link.setAttribute('target', '_blank');\n  link.setAttribute('rel', 'noopener noreferrer');\n  link.setAttribute('aria-label', 'Link to the Forward Brand website');\n\n  link.appendChild(img);\n\n  return link;\n};\n\nexport default (\n  props: Pick<CampaignProps, 'isThemeLight' | 'isCampaignForward'>,\n): UMDElement => {\n  const { isCampaignForward } = props;\n\n  const link = isCampaignForward\n    ? createForwardCampaign(props)\n    : createFearlesslyForwardCampaign(props);\n\n  const linkElement = new ElementBuilder(link)\n    .withClassName('campaign-column-link')\n    .withStyles({\n      element: {\n        display: 'block',\n        marginTop: token.spacing.lg,\n        maxWidth: '250px',\n      },\n    })\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('campaign-column-wrapper')\n    .withStyles({\n      element: {\n        [`& img`]: {\n          maxWidth: '144px',\n          width: '100%',\n        },\n\n        [`@container (min-width: ${LARGE}px)`]: {\n          display: 'flex',\n          justifyContent: 'flex-end',\n          marginLeft: 'auto',\n\n          [`& .umd-footer-logo-container`]: {\n            display: 'none',\n          },\n        },\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          [`& .umd-footer-social-column_wrapper &`]: {\n            display: 'none',\n          },\n        },\n      },\n    })\n    .withChild(linkElement)\n    .build();\n};\n"],"names":[],"mappings":";;;;;AAQA,MAAM,EAAE,UAAU;AAElB,MAAM,kCAAkC,CACtC,UACG;AACH,QAAM,EAAE,iBAAiB;AACzB,QAAM,MAAO,CAAC,gBAAgB,MAAM,SAAS,SAAU,MAAM,SAAS;AACtE,QAAM,MAAM,aAAa,EAAE,KAAK;AAChC,QAAM,OAAO,SAAS,cAAc,GAAG;AAEvC,MAAI,MAAM;AAEV,OAAK,OAAO;AACZ,OAAK,aAAa,UAAU,QAAQ;AACpC,OAAK,aAAa,OAAO,qBAAqB;AAC9C,OAAK;AAAA,IACH;AAAA,IACA;AAAA,EAAA;AAGF,OAAK,YAAY,GAAG;AAEpB,SAAO;AACT;AAEA,MAAM,wBAAwB,CAAC,UAA+C;AAC5E,QAAM,EAAE,iBAAiB;AAEzB,QAAM,MAAO,CAAC,gBAAgB,MAAM,QAAQ,SAAU,MAAM,QAAQ;AACpE,QAAM,MAAM,aAAa,EAAE,KAAK;AAChC,QAAM,OAAO,SAAS,cAAc,GAAG;AAEvC,MAAI,MAAM;AAEV,OAAK,OAAO;AACZ,OAAK,aAAa,UAAU,QAAQ;AACpC,OAAK,aAAa,OAAO,qBAAqB;AAC9C,OAAK,aAAa,cAAc,mCAAmC;AAEnE,OAAK,YAAY,GAAG;AAEpB,SAAO;AACT;AAEA,MAAA,oBAAe,CACb,UACe;AACf,QAAM,EAAE,sBAAsB;AAE9B,QAAM,OAAO,oBACT,sBAAsB,KAAK,IAC3B,gCAAgC,KAAK;AAEzC,QAAM,cAAc,IAAI,eAAe,IAAI,EACxC,cAAc,sBAAsB,EACpC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW,MAAM,QAAQ;AAAA,MACzB,UAAU;AAAA,IAAA;AAAA,EACZ,CACD,EACA,MAAA;AAEH,SAAO,IAAI,eAAA,EACR,cAAc,yBAAyB,EACvC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,OAAO,GAAG;AAAA,QACT,UAAU;AAAA,QACV,OAAO;AAAA,MAAA;AAAA,MAGT,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,QACtC,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,YAAY;AAAA,QAEZ,CAAC,8BAA8B,GAAG;AAAA,UAChC,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,MAGF,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,QAC1C,CAAC,uCAAuC,GAAG;AAAA,UACzC,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF,CACD,EACA,UAAU,WAAW,EACrB,MAAA;AACL;"}

package/dist/composite/footer/elements/main-section/index.d.ts

@@ -1,10 +1,5 @@
-import { RowLogoProps } from './row-logo';
-import { RowLinksProps } from './row-links';
-import { BaseProps } from '../../_types';
+import { MainSectionProps } from '../../_types';
 import { UMDElement } from '../../../../_types';
-export interface MainSectionProps extends BaseProps, RowLinksProps, RowLogoProps {
-    slotVisualImage: HTMLImageElement | null;
-}
 declare const _default: (props: MainSectionProps) => UMDElement;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/dist/composite/footer/elements/main-section/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../source/composite/footer/elements/main-section/index.ts"],"names":[],"mappings":"AACA,OAAsB,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAuB,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,gBACf,SAAQ,SAAS,EACf,aAAa,EACb,YAAY;IACd,eAAe,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAC1C;yBAsFe,OAAO,gBAAgB,KAAG,UAAU;AAApD,wBAuBE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../source/composite/footer/elements/main-section/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;yBAsFrC,OAAO,gBAAgB,KAAG,UAAU;AAApD,wBAqBE"}

package/dist/composite/footer/elements/main-section/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../source/composite/footer/elements/main-section/index.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport createRowLogo, { type RowLogoProps } from './row-logo';\nimport createRowLinks, { type RowLinksProps } from './row-links';\nimport { BaseProps } from '../../_types';\nimport { type UMDElement } from '../../../../_types';\n\nexport interface MainSectionProps\n  extends BaseProps,\n    RowLinksProps,\n    RowLogoProps {\n  slotVisualImage: HTMLImageElement | null;\n}\n\nconst createVisualContainer = (\n  props: Pick<\n    MainSectionProps,\n    'isTypeVisual' | 'isTypeSimple' | 'slotVisualImage'\n  >,\n): UMDElement | undefined => {\n  const { isTypeVisual, isTypeSimple, slotVisualImage } = props;\n  const isShowVisualImage = isTypeVisual || isTypeSimple;\n\n  if (!isShowVisualImage) return;\n\n  let altText: string | null = null;\n  let imageSrc: string | null = null;\n\n  if (slotVisualImage) {\n    const source = slotVisualImage.getAttribute('src');\n    const alt = slotVisualImage.getAttribute('alt');\n\n    if (typeof source === 'string' && source.length > 0) {\n      imageSrc = source;\n    }\n    if (typeof alt === 'string' && alt.length > 0) {\n      altText = alt;\n    }\n  } else if (isTypeVisual) {\n    altText = 'The University of Maryland Campus';\n    imageSrc = new URL(\n      '../../assets/visual-default.jpg',\n      import.meta.url as any,\n    ).href;\n  }\n\n  if (!imageSrc || !altText) return;\n\n  const gradientElement = new ElementBuilder()\n    .withClassName('umd-footer-background-image-graident')\n    .withStyles({\n      element: {\n        display: 'block',\n        position: 'absolute',\n        left: 0,\n        top: '2px',\n        width: '500vw',\n        height: '100px',\n        background: `linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, #e4edf9 100%)`,\n      },\n    })\n    .build();\n\n  const img = document.createElement('img');\n  img.setAttribute('src', imageSrc);\n  img.setAttribute('alt', altText);\n\n  const imageElement = new ElementBuilder(img)\n    .withClassName('umd-footer-background-image')\n    .withStyles({\n      element: {\n        width: '100% !important',\n        objectFit: 'cover !important',\n        display: 'block !important',\n        objectPosition: 'center',\n      },\n    })\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-background-image-container')\n    .withStyles({\n      element: {\n        position: 'relative',\n        paddingTop: '100px',\n\n        [`& img`]: {\n          width: '100% !important',\n          objectFit: 'cover !important',\n          display: 'block !important',\n          objectPosition: 'center',\n        },\n      },\n    })\n    .withChildren(gradientElement, imageElement)\n    .build();\n};\n\nexport default (props: MainSectionProps): UMDElement => {\n  const { isTypeMega, isTypeVisual } = props;\n\n  const logoRow = createRowLogo(props);\n  const visualContainerElement = createVisualContainer(props);\n  const linksRowElement = (isTypeMega || isTypeVisual) && createRowLinks(props);\n\n  // Container-first pattern\n  const container = new ElementBuilder().withClassName(\n    'umd-footer-main-container',\n  );\n\n  if (visualContainerElement) {\n    container.withChild(visualContainerElement);\n  }\n\n  container.withChild(logoRow);\n\n  if (linksRowElement) {\n    container.withChild(linksRowElement);\n  }\n\n  return container.build();\n};\n"],"names":["ElementBuilder","createRowLogo","createRowLinks"],"mappings":";;;;;AAaA,MAAM,wBAAwB,CAC5B,UAI2B;AAC3B,QAAM,EAAE,cAAc,cAAc,gBAAA,IAAoB;AACxD,QAAM,oBAAoB,gBAAgB;AAE1C,MAAI,CAAC,kBAAmB;AAExB,MAAI,UAAyB;AAC7B,MAAI,WAA0B;AAE9B,MAAI,iBAAiB;AACnB,UAAM,SAAS,gBAAgB,aAAa,KAAK;AACjD,UAAM,MAAM,gBAAgB,aAAa,KAAK;AAE9C,QAAI,OAAO,WAAW,YAAY,OAAO,SAAS,GAAG;AACnD,iBAAW;AAAA,IACb;AACA,QAAI,OAAO,QAAQ,YAAY,IAAI,SAAS,GAAG;AAC7C,gBAAU;AAAA,IACZ;AAAA,EACF,WAAW,cAAc;AACvB,cAAU;AACV,eAAW,IAAA,IAAA,+85IAAA,OAAA,aAAA,cAAA,QAAA,KAAA,EAAA,cAAA,UAAA,EAAA,OAAA,0BAAA,uBAAA,QAAA,YAAA,MAAA,YAAA,uBAAA,OAAA,IAAA,IAAA,mDAAA,SAAA,OAAA,EAAA,IAAA,EAGT;AAAA,EACJ;AAEA,MAAI,CAAC,YAAY,CAAC,QAAS;AAE3B,QAAM,kBAAkB,IAAIA,kBAAAA,eAAA,EACzB,cAAc,sCAAsC,EACpD,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,IAAA;AAAA,EACd,CACD,EACA,MAAA;AAEH,QAAM,MAAM,SAAS,cAAc,KAAK;AACxC,MAAI,aAAa,OAAO,QAAQ;AAChC,MAAI,aAAa,OAAO,OAAO;AAE/B,QAAM,eAAe,IAAIA,iCAAe,GAAG,EACxC,cAAc,6BAA6B,EAC3C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,OAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,MACT,gBAAgB;AAAA,IAAA;AAAA,EAClB,CACD,EACA,MAAA;AAEH,SAAO,IAAIA,kBAAAA,eAAA,EACR,cAAc,uCAAuC,EACrD,WAAW;AAAA,IACV,SAAS;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,MAEZ,CAAC,OAAO,GAAG;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,QACX,SAAS;AAAA,QACT,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,EACF,CACD,EACA,aAAa,iBAAiB,YAAY,EAC1C,MAAA;AACL;AAEA,MAAA,aAAe,CAAC,UAAwC;AACtD,QAAM,EAAE,YAAY,aAAA,IAAiB;AAErC,QAAM,UAAUC,MAAc,KAAK;AACnC,QAAM,yBAAyB,sBAAsB,KAAK;AAC1D,QAAM,mBAAmB,cAAc,iBAAiBC,QAAe,KAAK;AAG5E,QAAM,YAAY,IAAIF,kBAAAA,eAAA,EAAiB;AAAA,IACrC;AAAA,EAAA;AAGF,MAAI,wBAAwB;AAC1B,cAAU,UAAU,sBAAsB;AAAA,EAC5C;AAEA,YAAU,UAAU,OAAO;AAE3B,MAAI,iBAAiB;AACnB,cAAU,UAAU,eAAe;AAAA,EACrC;AAEA,SAAO,UAAU,MAAA;AACnB;;"}
+{"version":3,"file":"index.js","sources":["../../../../../source/composite/footer/elements/main-section/index.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport createRowLogo from './row-logo';\nimport createRowLinks from './row-links';\nimport { MainSectionProps } from '../../_types';\nimport { type UMDElement } from '../../../../_types';\n\nconst createVisualContainer = (\n  props: Pick<\n    MainSectionProps,\n    'isTypeVisual' | 'isTypeSimple' | 'slotVisualImage'\n  >,\n): UMDElement | undefined => {\n  const { isTypeVisual, isTypeSimple, slotVisualImage } = props;\n  const isShowVisualImage = isTypeVisual || isTypeSimple;\n\n  if (!isShowVisualImage) return;\n\n  let altText: string | null = null;\n  let imageSrc: string | null = null;\n\n  if (slotVisualImage) {\n    const source = slotVisualImage.getAttribute('src');\n    const alt = slotVisualImage.getAttribute('alt');\n\n    if (typeof source === 'string' && source.length > 0) {\n      imageSrc = source;\n    }\n    if (typeof alt === 'string' && alt.length > 0) {\n      altText = alt;\n    }\n  } else if (isTypeVisual) {\n    altText = 'The University of Maryland Campus';\n    imageSrc = new URL(\n      '../../assets/visual-default.jpg',\n      import.meta.url as any,\n    ).href;\n  }\n\n  if (!imageSrc || !altText) return;\n\n  const gradientElement = new ElementBuilder()\n    .withClassName('umd-footer-background-image-graident')\n    .withStyles({\n      element: {\n        display: 'block',\n        position: 'absolute',\n        left: 0,\n        top: '2px',\n        width: '500vw',\n        height: '100px',\n        background: `linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, #e4edf9 100%)`,\n      },\n    })\n    .build();\n\n  const img = document.createElement('img');\n  img.setAttribute('src', imageSrc);\n  img.setAttribute('alt', altText);\n\n  const imageElement = new ElementBuilder(img)\n    .withClassName('umd-footer-background-image')\n    .withStyles({\n      element: {\n        width: '100% !important',\n        objectFit: 'cover !important',\n        display: 'block !important',\n        objectPosition: 'center',\n      },\n    })\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-background-image-container')\n    .withStyles({\n      element: {\n        position: 'relative',\n        paddingTop: '100px',\n\n        [`& img`]: {\n          width: '100% !important',\n          objectFit: 'cover !important',\n          display: 'block !important',\n          objectPosition: 'center',\n        },\n      },\n    })\n    .withChildren(gradientElement, imageElement)\n    .build();\n};\n\nexport default (props: MainSectionProps): UMDElement => {\n  const { isTypeMega, isTypeVisual } = props;\n  const logoRow = createRowLogo(props);\n  const visualContainerElement = createVisualContainer(props);\n  const linksRowElement = (isTypeMega || isTypeVisual) && createRowLinks(props);\n\n  const container = new ElementBuilder().withClassName(\n    'umd-footer-main-container',\n  );\n\n  if (visualContainerElement) {\n    container.withChild(visualContainerElement);\n  }\n\n  container.withChild(logoRow);\n\n  if (linksRowElement) {\n    container.withChild(linksRowElement);\n  }\n\n  return container.build();\n};\n"],"names":["ElementBuilder","createRowLogo","createRowLinks"],"mappings":";;;;;AAMA,MAAM,wBAAwB,CAC5B,UAI2B;AAC3B,QAAM,EAAE,cAAc,cAAc,gBAAA,IAAoB;AACxD,QAAM,oBAAoB,gBAAgB;AAE1C,MAAI,CAAC,kBAAmB;AAExB,MAAI,UAAyB;AAC7B,MAAI,WAA0B;AAE9B,MAAI,iBAAiB;AACnB,UAAM,SAAS,gBAAgB,aAAa,KAAK;AACjD,UAAM,MAAM,gBAAgB,aAAa,KAAK;AAE9C,QAAI,OAAO,WAAW,YAAY,OAAO,SAAS,GAAG;AACnD,iBAAW;AAAA,IACb;AACA,QAAI,OAAO,QAAQ,YAAY,IAAI,SAAS,GAAG;AAC7C,gBAAU;AAAA,IACZ;AAAA,EACF,WAAW,cAAc;AACvB,cAAU;AACV,eAAW,IAAA,IAAA,+85IAAA,OAAA,aAAA,cAAA,QAAA,KAAA,EAAA,cAAA,UAAA,EAAA,OAAA,0BAAA,uBAAA,QAAA,YAAA,MAAA,YAAA,uBAAA,OAAA,IAAA,IAAA,mDAAA,SAAA,OAAA,EAAA,IAAA,EAGT;AAAA,EACJ;AAEA,MAAI,CAAC,YAAY,CAAC,QAAS;AAE3B,QAAM,kBAAkB,IAAIA,kBAAAA,eAAA,EACzB,cAAc,sCAAsC,EACpD,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,IAAA;AAAA,EACd,CACD,EACA,MAAA;AAEH,QAAM,MAAM,SAAS,cAAc,KAAK;AACxC,MAAI,aAAa,OAAO,QAAQ;AAChC,MAAI,aAAa,OAAO,OAAO;AAE/B,QAAM,eAAe,IAAIA,iCAAe,GAAG,EACxC,cAAc,6BAA6B,EAC3C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,OAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,MACT,gBAAgB;AAAA,IAAA;AAAA,EAClB,CACD,EACA,MAAA;AAEH,SAAO,IAAIA,kBAAAA,eAAA,EACR,cAAc,uCAAuC,EACrD,WAAW;AAAA,IACV,SAAS;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,MAEZ,CAAC,OAAO,GAAG;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,QACX,SAAS;AAAA,QACT,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,EACF,CACD,EACA,aAAa,iBAAiB,YAAY,EAC1C,MAAA;AACL;AAEA,MAAA,aAAe,CAAC,UAAwC;AACtD,QAAM,EAAE,YAAY,aAAA,IAAiB;AACrC,QAAM,UAAUC,MAAc,KAAK;AACnC,QAAM,yBAAyB,sBAAsB,KAAK;AAC1D,QAAM,mBAAmB,cAAc,iBAAiBC,QAAe,KAAK;AAE5E,QAAM,YAAY,IAAIF,kBAAAA,eAAA,EAAiB;AAAA,IACrC;AAAA,EAAA;AAGF,MAAI,wBAAwB;AAC1B,cAAU,UAAU,sBAAsB;AAAA,EAC5C;AAEA,YAAU,UAAU,OAAO;AAE3B,MAAI,iBAAiB;AACnB,cAAU,UAAU,eAAe;AAAA,EACrC;AAEA,SAAO,UAAU,MAAA;AACnB;;"}

package/dist/composite/footer/elements/main-section/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../source/composite/footer/elements/main-section/index.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport createRowLogo, { type RowLogoProps } from './row-logo';\nimport createRowLinks, { type RowLinksProps } from './row-links';\nimport { BaseProps } from '../../_types';\nimport { type UMDElement } from '../../../../_types';\n\nexport interface MainSectionProps\n  extends BaseProps,\n    RowLinksProps,\n    RowLogoProps {\n  slotVisualImage: HTMLImageElement | null;\n}\n\nconst createVisualContainer = (\n  props: Pick<\n    MainSectionProps,\n    'isTypeVisual' | 'isTypeSimple' | 'slotVisualImage'\n  >,\n): UMDElement | undefined => {\n  const { isTypeVisual, isTypeSimple, slotVisualImage } = props;\n  const isShowVisualImage = isTypeVisual || isTypeSimple;\n\n  if (!isShowVisualImage) return;\n\n  let altText: string | null = null;\n  let imageSrc: string | null = null;\n\n  if (slotVisualImage) {\n    const source = slotVisualImage.getAttribute('src');\n    const alt = slotVisualImage.getAttribute('alt');\n\n    if (typeof source === 'string' && source.length > 0) {\n      imageSrc = source;\n    }\n    if (typeof alt === 'string' && alt.length > 0) {\n      altText = alt;\n    }\n  } else if (isTypeVisual) {\n    altText = 'The University of Maryland Campus';\n    imageSrc = new URL(\n      '../../assets/visual-default.jpg',\n      import.meta.url as any,\n    ).href;\n  }\n\n  if (!imageSrc || !altText) return;\n\n  const gradientElement = new ElementBuilder()\n    .withClassName('umd-footer-background-image-graident')\n    .withStyles({\n      element: {\n        display: 'block',\n        position: 'absolute',\n        left: 0,\n        top: '2px',\n        width: '500vw',\n        height: '100px',\n        background: `linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, #e4edf9 100%)`,\n      },\n    })\n    .build();\n\n  const img = document.createElement('img');\n  img.setAttribute('src', imageSrc);\n  img.setAttribute('alt', altText);\n\n  const imageElement = new ElementBuilder(img)\n    .withClassName('umd-footer-background-image')\n    .withStyles({\n      element: {\n        width: '100% !important',\n        objectFit: 'cover !important',\n        display: 'block !important',\n        objectPosition: 'center',\n      },\n    })\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-background-image-container')\n    .withStyles({\n      element: {\n        position: 'relative',\n        paddingTop: '100px',\n\n        [`& img`]: {\n          width: '100% !important',\n          objectFit: 'cover !important',\n          display: 'block !important',\n          objectPosition: 'center',\n        },\n      },\n    })\n    .withChildren(gradientElement, imageElement)\n    .build();\n};\n\nexport default (props: MainSectionProps): UMDElement => {\n  const { isTypeMega, isTypeVisual } = props;\n\n  const logoRow = createRowLogo(props);\n  const visualContainerElement = createVisualContainer(props);\n  const linksRowElement = (isTypeMega || isTypeVisual) && createRowLinks(props);\n\n  // Container-first pattern\n  const container = new ElementBuilder().withClassName(\n    'umd-footer-main-container',\n  );\n\n  if (visualContainerElement) {\n    container.withChild(visualContainerElement);\n  }\n\n  container.withChild(logoRow);\n\n  if (linksRowElement) {\n    container.withChild(linksRowElement);\n  }\n\n  return container.build();\n};\n"],"names":[],"mappings":";;;AAaA,MAAM,wBAAwB,CAC5B,UAI2B;AAC3B,QAAM,EAAE,cAAc,cAAc,gBAAA,IAAoB;AACxD,QAAM,oBAAoB,gBAAgB;AAE1C,MAAI,CAAC,kBAAmB;AAExB,MAAI,UAAyB;AAC7B,MAAI,WAA0B;AAE9B,MAAI,iBAAiB;AACnB,UAAM,SAAS,gBAAgB,aAAa,KAAK;AACjD,UAAM,MAAM,gBAAgB,aAAa,KAAK;AAE9C,QAAI,OAAO,WAAW,YAAY,OAAO,SAAS,GAAG;AACnD,iBAAW;AAAA,IACb;AACA,QAAI,OAAO,QAAQ,YAAY,IAAI,SAAS,GAAG;AAC7C,gBAAU;AAAA,IACZ;AAAA,EACF,WAAW,cAAc;AACvB,cAAU;AACV,eAAW,IAAA,IAAA,+85IAAA,YAAA,GAAA,EAGT;AAAA,EACJ;AAEA,MAAI,CAAC,YAAY,CAAC,QAAS;AAE3B,QAAM,kBAAkB,IAAI,eAAA,EACzB,cAAc,sCAAsC,EACpD,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,IAAA;AAAA,EACd,CACD,EACA,MAAA;AAEH,QAAM,MAAM,SAAS,cAAc,KAAK;AACxC,MAAI,aAAa,OAAO,QAAQ;AAChC,MAAI,aAAa,OAAO,OAAO;AAE/B,QAAM,eAAe,IAAI,eAAe,GAAG,EACxC,cAAc,6BAA6B,EAC3C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,OAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,MACT,gBAAgB;AAAA,IAAA;AAAA,EAClB,CACD,EACA,MAAA;AAEH,SAAO,IAAI,eAAA,EACR,cAAc,uCAAuC,EACrD,WAAW;AAAA,IACV,SAAS;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,MAEZ,CAAC,OAAO,GAAG;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,QACX,SAAS;AAAA,QACT,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,EACF,CACD,EACA,aAAa,iBAAiB,YAAY,EAC1C,MAAA;AACL;AAEA,MAAA,aAAe,CAAC,UAAwC;AACtD,QAAM,EAAE,YAAY,aAAA,IAAiB;AAErC,QAAM,UAAU,cAAc,KAAK;AACnC,QAAM,yBAAyB,sBAAsB,KAAK;AAC1D,QAAM,mBAAmB,cAAc,iBAAiB,eAAe,KAAK;AAG5E,QAAM,YAAY,IAAI,eAAA,EAAiB;AAAA,IACrC;AAAA,EAAA;AAGF,MAAI,wBAAwB;AAC1B,cAAU,UAAU,sBAAsB;AAAA,EAC5C;AAEA,YAAU,UAAU,OAAO;AAE3B,MAAI,iBAAiB;AACnB,cAAU,UAAU,eAAe;AAAA,EACrC;AAEA,SAAO,UAAU,MAAA;AACnB;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../source/composite/footer/elements/main-section/index.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport createRowLogo from './row-logo';\nimport createRowLinks from './row-links';\nimport { MainSectionProps } from '../../_types';\nimport { type UMDElement } from '../../../../_types';\n\nconst createVisualContainer = (\n  props: Pick<\n    MainSectionProps,\n    'isTypeVisual' | 'isTypeSimple' | 'slotVisualImage'\n  >,\n): UMDElement | undefined => {\n  const { isTypeVisual, isTypeSimple, slotVisualImage } = props;\n  const isShowVisualImage = isTypeVisual || isTypeSimple;\n\n  if (!isShowVisualImage) return;\n\n  let altText: string | null = null;\n  let imageSrc: string | null = null;\n\n  if (slotVisualImage) {\n    const source = slotVisualImage.getAttribute('src');\n    const alt = slotVisualImage.getAttribute('alt');\n\n    if (typeof source === 'string' && source.length > 0) {\n      imageSrc = source;\n    }\n    if (typeof alt === 'string' && alt.length > 0) {\n      altText = alt;\n    }\n  } else if (isTypeVisual) {\n    altText = 'The University of Maryland Campus';\n    imageSrc = new URL(\n      '../../assets/visual-default.jpg',\n      import.meta.url as any,\n    ).href;\n  }\n\n  if (!imageSrc || !altText) return;\n\n  const gradientElement = new ElementBuilder()\n    .withClassName('umd-footer-background-image-graident')\n    .withStyles({\n      element: {\n        display: 'block',\n        position: 'absolute',\n        left: 0,\n        top: '2px',\n        width: '500vw',\n        height: '100px',\n        background: `linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, #e4edf9 100%)`,\n      },\n    })\n    .build();\n\n  const img = document.createElement('img');\n  img.setAttribute('src', imageSrc);\n  img.setAttribute('alt', altText);\n\n  const imageElement = new ElementBuilder(img)\n    .withClassName('umd-footer-background-image')\n    .withStyles({\n      element: {\n        width: '100% !important',\n        objectFit: 'cover !important',\n        display: 'block !important',\n        objectPosition: 'center',\n      },\n    })\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-background-image-container')\n    .withStyles({\n      element: {\n        position: 'relative',\n        paddingTop: '100px',\n\n        [`& img`]: {\n          width: '100% !important',\n          objectFit: 'cover !important',\n          display: 'block !important',\n          objectPosition: 'center',\n        },\n      },\n    })\n    .withChildren(gradientElement, imageElement)\n    .build();\n};\n\nexport default (props: MainSectionProps): UMDElement => {\n  const { isTypeMega, isTypeVisual } = props;\n  const logoRow = createRowLogo(props);\n  const visualContainerElement = createVisualContainer(props);\n  const linksRowElement = (isTypeMega || isTypeVisual) && createRowLinks(props);\n\n  const container = new ElementBuilder().withClassName(\n    'umd-footer-main-container',\n  );\n\n  if (visualContainerElement) {\n    container.withChild(visualContainerElement);\n  }\n\n  container.withChild(logoRow);\n\n  if (linksRowElement) {\n    container.withChild(linksRowElement);\n  }\n\n  return container.build();\n};\n"],"names":[],"mappings":";;;AAMA,MAAM,wBAAwB,CAC5B,UAI2B;AAC3B,QAAM,EAAE,cAAc,cAAc,gBAAA,IAAoB;AACxD,QAAM,oBAAoB,gBAAgB;AAE1C,MAAI,CAAC,kBAAmB;AAExB,MAAI,UAAyB;AAC7B,MAAI,WAA0B;AAE9B,MAAI,iBAAiB;AACnB,UAAM,SAAS,gBAAgB,aAAa,KAAK;AACjD,UAAM,MAAM,gBAAgB,aAAa,KAAK;AAE9C,QAAI,OAAO,WAAW,YAAY,OAAO,SAAS,GAAG;AACnD,iBAAW;AAAA,IACb;AACA,QAAI,OAAO,QAAQ,YAAY,IAAI,SAAS,GAAG;AAC7C,gBAAU;AAAA,IACZ;AAAA,EACF,WAAW,cAAc;AACvB,cAAU;AACV,eAAW,IAAA,IAAA,+85IAAA,YAAA,GAAA,EAGT;AAAA,EACJ;AAEA,MAAI,CAAC,YAAY,CAAC,QAAS;AAE3B,QAAM,kBAAkB,IAAI,eAAA,EACzB,cAAc,sCAAsC,EACpD,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,IAAA;AAAA,EACd,CACD,EACA,MAAA;AAEH,QAAM,MAAM,SAAS,cAAc,KAAK;AACxC,MAAI,aAAa,OAAO,QAAQ;AAChC,MAAI,aAAa,OAAO,OAAO;AAE/B,QAAM,eAAe,IAAI,eAAe,GAAG,EACxC,cAAc,6BAA6B,EAC3C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,OAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,MACT,gBAAgB;AAAA,IAAA;AAAA,EAClB,CACD,EACA,MAAA;AAEH,SAAO,IAAI,eAAA,EACR,cAAc,uCAAuC,EACrD,WAAW;AAAA,IACV,SAAS;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,MAEZ,CAAC,OAAO,GAAG;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,QACX,SAAS;AAAA,QACT,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,EACF,CACD,EACA,aAAa,iBAAiB,YAAY,EAC1C,MAAA;AACL;AAEA,MAAA,aAAe,CAAC,UAAwC;AACtD,QAAM,EAAE,YAAY,aAAA,IAAiB;AACrC,QAAM,UAAU,cAAc,KAAK;AACnC,QAAM,yBAAyB,sBAAsB,KAAK;AAC1D,QAAM,mBAAmB,cAAc,iBAAiB,eAAe,KAAK;AAE5E,QAAM,YAAY,IAAI,eAAA,EAAiB;AAAA,IACrC;AAAA,EAAA;AAGF,MAAI,wBAAwB;AAC1B,cAAU,UAAU,sBAAsB;AAAA,EAC5C;AAEA,YAAU,UAAU,OAAO;AAE3B,MAAI,iBAAiB;AACnB,cAAU,UAAU,eAAe;AAAA,EACrC;AAEA,SAAO,UAAU,MAAA;AACnB;"}

package/dist/composite/footer/elements/main-section/row-links/index.d.ts

@@ -1,9 +1,5 @@
-import { SocialCampaignColumnsProps } from '../social';
-import { slotColumnsProps } from './link-columns';
-import { BaseProps } from '../../../_types';
+import { RowLinksProps } from '../../../_types';
 import { UMDElement } from '../../../../../_types';
-export interface RowLinksProps extends SocialCampaignColumnsProps, BaseProps, slotColumnsProps {
-}
 declare const _default: (props: RowLinksProps) => UMDElement;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/dist/composite/footer/elements/main-section/row-links/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../source/composite/footer/elements/main-section/row-links/index.ts"],"names":[],"mappings":"AAEA,OAAoC,EAClC,KAAK,0BAA0B,EAChC,MAAM,WAAW,CAAC;AACnB,OAA0B,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE1E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAIxD,MAAM,WAAW,aACf,SAAQ,0BAA0B,EAChC,SAAS,EACT,gBAAgB;CAAG;yBAEP,OAAO,aAAa,KAAG,UAAU;AAAjD,wBAoDE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../source/composite/footer/elements/main-section/row-links/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;yBAIxC,OAAO,aAAa,KAAG,UAAU;AAAjD,wBAoDE"}

package/dist/composite/footer/elements/main-section/row-links/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../source/composite/footer/elements/main-section/row-links/index.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { layout, token } from '@universityofmaryland/web-styles-library';\nimport createSocialCampaignColumns, {\n  type SocialCampaignColumnsProps,\n} from '../social';\nimport createLinkColumns, { type slotColumnsProps } from './link-columns';\nimport { BREAKPOINTS } from '../../../globals';\nimport { BaseProps } from '../../../_types';\nimport { type UMDElement } from '../../../../../_types';\n\nconst { LARGE } = BREAKPOINTS;\n\nexport interface RowLinksProps\n  extends SocialCampaignColumnsProps,\n    BaseProps,\n    slotColumnsProps {}\n\nexport default (props: RowLinksProps): UMDElement => {\n  const { isThemeLight } = props;\n  const socialColumnWrapper = createSocialCampaignColumns(props);\n  const linkColumnWrapper = createLinkColumns(props);\n\n  const wrapperElement = new ElementBuilder()\n    .withClassName('umd-footer-row-links-wrapper')\n    .withStyles({\n      element: {\n        display: 'flex',\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          flexDirection: 'column-reverse',\n          flexWrap: 'wrap',\n\n          ['& .umd-footer-social-column_wrapper']: {\n            display: 'none',\n          },\n        },\n      },\n    })\n    .withChildren(linkColumnWrapper, socialColumnWrapper)\n    .build();\n\n  const lockElement = new ElementBuilder()\n    .withClassName('umd-footer-row-links-lock')\n    .withStyles({\n      element: {\n        ...layout.space.horizontal.larger,\n      },\n    })\n    .withChild(wrapperElement)\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-row-links')\n    .withStyles({\n      element: {\n        paddingBottom: token.spacing.lg,\n        backgroundColor: token.color.black,\n\n        ...(isThemeLight && {\n          backgroundColor: token.color.gray.lightest,\n        }),\n\n        [`@container  (min-width: ${LARGE}px)`]: {\n          paddingBottom: token.spacing['2xl'],\n        },\n      },\n    })\n    .withChild(lockElement)\n    .build();\n};\n"],"names":["BREAKPOINTS","createSocialCampaignColumns","createLinkColumns","ElementBuilder","layout","token"],"mappings":";;;;;;AAUA,MAAM,EAAE,UAAUA,QAAAA;AAOlB,MAAA,iBAAe,CAAC,UAAqC;AACnD,QAAM,EAAE,iBAAiB;AACzB,QAAM,sBAAsBC,OAA4B,KAAK;AAC7D,QAAM,oBAAoBC,YAAkB,KAAK;AAEjD,QAAM,iBAAiB,IAAIC,kBAAAA,eAAA,EACxB,cAAc,8BAA8B,EAC5C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MAET,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,QAC1C,eAAe;AAAA,QACf,UAAU;AAAA,QAEV,CAAC,qCAAqC,GAAG;AAAA,UACvC,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF,CACD,EACA,aAAa,mBAAmB,mBAAmB,EACnD,MAAA;AAEH,QAAM,cAAc,IAAIA,kBAAAA,eAAA,EACrB,cAAc,2BAA2B,EACzC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,GAAGC,OAAAA,OAAO,MAAM,WAAW;AAAA,IAAA;AAAA,EAC7B,CACD,EACA,UAAU,cAAc,EACxB,MAAA;AAEH,SAAO,IAAID,kBAAAA,eAAA,EACR,cAAc,sBAAsB,EACpC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAeE,OAAAA,MAAM,QAAQ;AAAA,MAC7B,iBAAiBA,OAAAA,MAAM,MAAM;AAAA,MAE7B,GAAI,gBAAgB;AAAA,QAClB,iBAAiBA,OAAAA,MAAM,MAAM,KAAK;AAAA,MAAA;AAAA,MAGpC,CAAC,2BAA2B,KAAK,KAAK,GAAG;AAAA,QACvC,eAAeA,OAAAA,MAAM,QAAQ,KAAK;AAAA,MAAA;AAAA,IACpC;AAAA,EACF,CACD,EACA,UAAU,WAAW,EACrB,MAAA;AACL;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../source/composite/footer/elements/main-section/row-links/index.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { layout, token } from '@universityofmaryland/web-styles-library';\nimport createSocialCampaignColumns from '../social';\nimport createLinkColumns from './link-columns';\nimport { BREAKPOINTS } from '../../../globals';\nimport { RowLinksProps } from '../../../_types';\nimport { type UMDElement } from '../../../../../_types';\n\nconst { LARGE } = BREAKPOINTS;\n\nexport default (props: RowLinksProps): UMDElement => {\n  const { isThemeLight } = props;\n  const socialColumnWrapper = createSocialCampaignColumns(props);\n  const linkColumnWrapper = createLinkColumns(props);\n\n  const wrapperElement = new ElementBuilder()\n    .withClassName('umd-footer-row-links-wrapper')\n    .withStyles({\n      element: {\n        display: 'flex',\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          flexDirection: 'column-reverse',\n          flexWrap: 'wrap',\n\n          ['& .umd-footer-social-column_wrapper']: {\n            display: 'none',\n          },\n        },\n      },\n    })\n    .withChildren(linkColumnWrapper, socialColumnWrapper)\n    .build();\n\n  const lockElement = new ElementBuilder()\n    .withClassName('umd-footer-row-links-lock')\n    .withStyles({\n      element: {\n        ...layout.space.horizontal.larger,\n      },\n    })\n    .withChild(wrapperElement)\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-row-links')\n    .withStyles({\n      element: {\n        paddingBottom: token.spacing.lg,\n        backgroundColor: token.color.black,\n\n        ...(isThemeLight && {\n          backgroundColor: token.color.gray.lightest,\n        }),\n\n        [`@container  (min-width: ${LARGE}px)`]: {\n          paddingBottom: token.spacing['2xl'],\n        },\n      },\n    })\n    .withChild(lockElement)\n    .build();\n};\n"],"names":["BREAKPOINTS","createSocialCampaignColumns","createLinkColumns","ElementBuilder","layout","token"],"mappings":";;;;;;AAQA,MAAM,EAAE,UAAUA,QAAAA;AAElB,MAAA,iBAAe,CAAC,UAAqC;AACnD,QAAM,EAAE,iBAAiB;AACzB,QAAM,sBAAsBC,OAA4B,KAAK;AAC7D,QAAM,oBAAoBC,YAAkB,KAAK;AAEjD,QAAM,iBAAiB,IAAIC,kBAAAA,eAAA,EACxB,cAAc,8BAA8B,EAC5C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MAET,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,QAC1C,eAAe;AAAA,QACf,UAAU;AAAA,QAEV,CAAC,qCAAqC,GAAG;AAAA,UACvC,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF,CACD,EACA,aAAa,mBAAmB,mBAAmB,EACnD,MAAA;AAEH,QAAM,cAAc,IAAIA,kBAAAA,eAAA,EACrB,cAAc,2BAA2B,EACzC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,GAAGC,OAAAA,OAAO,MAAM,WAAW;AAAA,IAAA;AAAA,EAC7B,CACD,EACA,UAAU,cAAc,EACxB,MAAA;AAEH,SAAO,IAAID,kBAAAA,eAAA,EACR,cAAc,sBAAsB,EACpC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAeE,OAAAA,MAAM,QAAQ;AAAA,MAC7B,iBAAiBA,OAAAA,MAAM,MAAM;AAAA,MAE7B,GAAI,gBAAgB;AAAA,QAClB,iBAAiBA,OAAAA,MAAM,MAAM,KAAK;AAAA,MAAA;AAAA,MAGpC,CAAC,2BAA2B,KAAK,KAAK,GAAG;AAAA,QACvC,eAAeA,OAAAA,MAAM,QAAQ,KAAK;AAAA,MAAA;AAAA,IACpC;AAAA,EACF,CACD,EACA,UAAU,WAAW,EACrB,MAAA;AACL;;"}

package/dist/composite/footer/elements/main-section/row-links/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../source/composite/footer/elements/main-section/row-links/index.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { layout, token } from '@universityofmaryland/web-styles-library';\nimport createSocialCampaignColumns, {\n  type SocialCampaignColumnsProps,\n} from '../social';\nimport createLinkColumns, { type slotColumnsProps } from './link-columns';\nimport { BREAKPOINTS } from '../../../globals';\nimport { BaseProps } from '../../../_types';\nimport { type UMDElement } from '../../../../../_types';\n\nconst { LARGE } = BREAKPOINTS;\n\nexport interface RowLinksProps\n  extends SocialCampaignColumnsProps,\n    BaseProps,\n    slotColumnsProps {}\n\nexport default (props: RowLinksProps): UMDElement => {\n  const { isThemeLight } = props;\n  const socialColumnWrapper = createSocialCampaignColumns(props);\n  const linkColumnWrapper = createLinkColumns(props);\n\n  const wrapperElement = new ElementBuilder()\n    .withClassName('umd-footer-row-links-wrapper')\n    .withStyles({\n      element: {\n        display: 'flex',\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          flexDirection: 'column-reverse',\n          flexWrap: 'wrap',\n\n          ['& .umd-footer-social-column_wrapper']: {\n            display: 'none',\n          },\n        },\n      },\n    })\n    .withChildren(linkColumnWrapper, socialColumnWrapper)\n    .build();\n\n  const lockElement = new ElementBuilder()\n    .withClassName('umd-footer-row-links-lock')\n    .withStyles({\n      element: {\n        ...layout.space.horizontal.larger,\n      },\n    })\n    .withChild(wrapperElement)\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-row-links')\n    .withStyles({\n      element: {\n        paddingBottom: token.spacing.lg,\n        backgroundColor: token.color.black,\n\n        ...(isThemeLight && {\n          backgroundColor: token.color.gray.lightest,\n        }),\n\n        [`@container  (min-width: ${LARGE}px)`]: {\n          paddingBottom: token.spacing['2xl'],\n        },\n      },\n    })\n    .withChild(lockElement)\n    .build();\n};\n"],"names":[],"mappings":";;;;;AAUA,MAAM,EAAE,UAAU;AAOlB,MAAA,iBAAe,CAAC,UAAqC;AACnD,QAAM,EAAE,iBAAiB;AACzB,QAAM,sBAAsB,4BAA4B,KAAK;AAC7D,QAAM,oBAAoB,kBAAkB,KAAK;AAEjD,QAAM,iBAAiB,IAAI,eAAA,EACxB,cAAc,8BAA8B,EAC5C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MAET,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,QAC1C,eAAe;AAAA,QACf,UAAU;AAAA,QAEV,CAAC,qCAAqC,GAAG;AAAA,UACvC,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF,CACD,EACA,aAAa,mBAAmB,mBAAmB,EACnD,MAAA;AAEH,QAAM,cAAc,IAAI,eAAA,EACrB,cAAc,2BAA2B,EACzC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,GAAG,OAAO,MAAM,WAAW;AAAA,IAAA;AAAA,EAC7B,CACD,EACA,UAAU,cAAc,EACxB,MAAA;AAEH,SAAO,IAAI,eAAA,EACR,cAAc,sBAAsB,EACpC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe,MAAM,QAAQ;AAAA,MAC7B,iBAAiB,MAAM,MAAM;AAAA,MAE7B,GAAI,gBAAgB;AAAA,QAClB,iBAAiB,MAAM,MAAM,KAAK;AAAA,MAAA;AAAA,MAGpC,CAAC,2BAA2B,KAAK,KAAK,GAAG;AAAA,QACvC,eAAe,MAAM,QAAQ,KAAK;AAAA,MAAA;AAAA,IACpC;AAAA,EACF,CACD,EACA,UAAU,WAAW,EACrB,MAAA;AACL;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../../source/composite/footer/elements/main-section/row-links/index.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { layout, token } from '@universityofmaryland/web-styles-library';\nimport createSocialCampaignColumns from '../social';\nimport createLinkColumns from './link-columns';\nimport { BREAKPOINTS } from '../../../globals';\nimport { RowLinksProps } from '../../../_types';\nimport { type UMDElement } from '../../../../../_types';\n\nconst { LARGE } = BREAKPOINTS;\n\nexport default (props: RowLinksProps): UMDElement => {\n  const { isThemeLight } = props;\n  const socialColumnWrapper = createSocialCampaignColumns(props);\n  const linkColumnWrapper = createLinkColumns(props);\n\n  const wrapperElement = new ElementBuilder()\n    .withClassName('umd-footer-row-links-wrapper')\n    .withStyles({\n      element: {\n        display: 'flex',\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          flexDirection: 'column-reverse',\n          flexWrap: 'wrap',\n\n          ['& .umd-footer-social-column_wrapper']: {\n            display: 'none',\n          },\n        },\n      },\n    })\n    .withChildren(linkColumnWrapper, socialColumnWrapper)\n    .build();\n\n  const lockElement = new ElementBuilder()\n    .withClassName('umd-footer-row-links-lock')\n    .withStyles({\n      element: {\n        ...layout.space.horizontal.larger,\n      },\n    })\n    .withChild(wrapperElement)\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-row-links')\n    .withStyles({\n      element: {\n        paddingBottom: token.spacing.lg,\n        backgroundColor: token.color.black,\n\n        ...(isThemeLight && {\n          backgroundColor: token.color.gray.lightest,\n        }),\n\n        [`@container  (min-width: ${LARGE}px)`]: {\n          paddingBottom: token.spacing['2xl'],\n        },\n      },\n    })\n    .withChild(lockElement)\n    .build();\n};\n"],"names":[],"mappings":";;;;;AAQA,MAAM,EAAE,UAAU;AAElB,MAAA,iBAAe,CAAC,UAAqC;AACnD,QAAM,EAAE,iBAAiB;AACzB,QAAM,sBAAsB,4BAA4B,KAAK;AAC7D,QAAM,oBAAoB,kBAAkB,KAAK;AAEjD,QAAM,iBAAiB,IAAI,eAAA,EACxB,cAAc,8BAA8B,EAC5C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MAET,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,QAC1C,eAAe;AAAA,QACf,UAAU;AAAA,QAEV,CAAC,qCAAqC,GAAG;AAAA,UACvC,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF,CACD,EACA,aAAa,mBAAmB,mBAAmB,EACnD,MAAA;AAEH,QAAM,cAAc,IAAI,eAAA,EACrB,cAAc,2BAA2B,EACzC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,GAAG,OAAO,MAAM,WAAW;AAAA,IAAA;AAAA,EAC7B,CACD,EACA,UAAU,cAAc,EACxB,MAAA;AAEH,SAAO,IAAI,eAAA,EACR,cAAc,sBAAsB,EACpC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe,MAAM,QAAQ;AAAA,MAC7B,iBAAiB,MAAM,MAAM;AAAA,MAE7B,GAAI,gBAAgB;AAAA,QAClB,iBAAiB,MAAM,MAAM,KAAK;AAAA,MAAA;AAAA,MAGpC,CAAC,2BAA2B,KAAK,KAAK,GAAG;AAAA,QACvC,eAAe,MAAM,QAAQ,KAAK;AAAA,MAAA;AAAA,IACpC;AAAA,EACF,CACD,EACA,UAAU,WAAW,EACrB,MAAA;AACL;"}

package/dist/composite/footer/elements/main-section/row-links/link-columns.d.ts

@@ -1,8 +1,5 @@
-import { BaseProps } from '../../../_types';
+import { slotColumnsProps } from '../../../_types';
 import { UMDElement } from '../../../../../_types';
-export interface slotColumnsProps extends BaseProps {
-    slotColumns?: HTMLSlotElement[];
-}
 declare const _default: (props: slotColumnsProps) => UMDElement;
 export default _default;
 //# sourceMappingURL=link-columns.d.ts.map

package/dist/composite/footer/elements/main-section/row-links/link-columns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-columns.d.ts","sourceRoot":"","sources":["../../../../../../source/composite/footer/elements/main-section/row-links/link-columns.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAoQxD,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;CACjC;yBAEe,OAAO,gBAAgB,KAAG,UAAU;AAApD,wBA4DE"}
+{"version":3,"file":"link-columns.d.ts","sourceRoot":"","sources":["../../../../../../source/composite/footer/elements/main-section/row-links/link-columns.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;yBAuQxC,OAAO,gBAAgB,KAAG,UAAU;AAApD,wBA4DE"}