@universityofmaryland/web-elements-library 1.5.3 → 1.5.6

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 * as token from '@universityofmaryland/web-styles-library/token';\nimport * as Logos from '@universityofmaryland/web-icons-library/logos';\nimport { imageFromSvg } from '@universityofmaryland/web-utilities-library/media';\nimport { ElementModel } from 'model';\nimport { BaseProps } from '../../_types';\nimport { BREAKPOINTS } from '../../globals';\nimport { type ElementVisual } 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): ElementVisual => {\n  const link = isCampaignForward\n    ? createForwardCampaign(!!isThemeLight)\n    : createFearlesslyForwardCampaign(!!isThemeLight);\n\n  const linkElement = ElementModel.create({\n    element: link,\n    className: 'campaign-column-link',\n    elementStyles: {\n      element: {\n        display: 'block',\n        marginTop: token.spacing.lg,\n        maxWidth: '250px',\n      },\n    },\n  });\n\n  return ElementModel.createDiv({\n    className: 'campaign-column-wrapper',\n    children: [linkElement],\n    elementStyles: {\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  });\n};\n"],"names":["BREAKPOINTS","Logos","imageFromSvg","ElementModel.create","token","ElementModel.createDiv"],"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,MAAoC;AAClC,QAAM,OAAO,oBACT,sBAAsB,CAAC,CAAC,YAAY,IACpC,gCAAgC,CAAC,CAAC,YAAY;AAElD,QAAM,cAAcC,MAAAA,OAAoB;AAAA,IACtC,SAAS;AAAA,IACT,WAAW;AAAA,IACX,eAAe;AAAA,MACb,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAWC,iBAAM,QAAQ;AAAA,QACzB,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,CACD;AAED,SAAOC,gBAAuB;AAAA,IAC5B,WAAW;AAAA,IACX,UAAU,CAAC,WAAW;AAAA,IACtB,eAAe;AAAA,MACb,SAAS;AAAA,QACP,CAAC,OAAO,GAAG;AAAA,UACT,UAAU;AAAA,UACV,OAAO;AAAA,QAAA;AAAA,QAGT,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,UACtC,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,YAAY;AAAA,UAEZ,CAAC,8BAA8B,GAAG;AAAA,YAChC,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,QAGF,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,UAC1C,CAAC,uCAAuC,GAAG;AAAA,YACzC,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD;AACH;;"}
+{"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;;"}

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

@@ -1,7 +1,7 @@
-import * as token from "@universityofmaryland/web-styles-library/token";
-import * as Logos from "@universityofmaryland/web-icons-library/logos";
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import * as token from "@universityofmaryland/web-token-library";
 import { imageFromSvg } from "@universityofmaryland/web-utilities-library/media";
-import { create, createDiv } from "../../../../model/elements/index.mjs";
+import * as Logos from "@universityofmaryland/web-icons-library/logos";
 import { BREAKPOINTS } from "../../globals.mjs";
 const { LARGE } = BREAKPOINTS;
 const createFearlesslyForwardCampaign = (isThemeLight) => {
@@ -36,42 +36,34 @@ const createCampaignRow = ({
   isCampaignForward
 }) => {
   const link = isCampaignForward ? createForwardCampaign(!!isThemeLight) : createFearlesslyForwardCampaign(!!isThemeLight);
-  const linkElement = create({
-    element: link,
-    className: "campaign-column-link",
-    elementStyles: {
-      element: {
-        display: "block",
-        marginTop: token.spacing.lg,
-        maxWidth: "250px"
-      }
+  const linkElement = new ElementBuilder(link).withClassName("campaign-column-link").withStyles({
+    element: {
+      display: "block",
+      marginTop: token.spacing.lg,
+      maxWidth: "250px"
     }
-  });
-  return createDiv({
-    className: "campaign-column-wrapper",
-    children: [linkElement],
-    elementStyles: {
-      element: {
-        [`& img`]: {
-          maxWidth: "144px",
-          width: "100%"
-        },
-        [`@container (min-width: ${LARGE}px)`]: {
-          display: "flex",
-          justifyContent: "flex-end",
-          marginLeft: "auto",
-          [`& .umd-footer-logo-container`]: {
-            display: "none"
-          }
-        },
-        [`@container (max-width: ${LARGE - 1}px)`]: {
-          [`& .umd-footer-social-column_wrapper &`]: {
-            display: "none"
-          }
+  }).build();
+  return new ElementBuilder().withClassName("campaign-column-wrapper").withStyles({
+    element: {
+      [`& img`]: {
+        maxWidth: "144px",
+        width: "100%"
+      },
+      [`@container (min-width: ${LARGE}px)`]: {
+        display: "flex",
+        justifyContent: "flex-end",
+        marginLeft: "auto",
+        [`& .umd-footer-logo-container`]: {
+          display: "none"
+        }
+      },
+      [`@container (max-width: ${LARGE - 1}px)`]: {
+        [`& .umd-footer-social-column_wrapper &`]: {
+          display: "none"
         }
       }
     }
-  });
+  }).withChild(linkElement).build();
 };
 export {
   createCampaignRow as default

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 * as token from '@universityofmaryland/web-styles-library/token';\nimport * as Logos from '@universityofmaryland/web-icons-library/logos';\nimport { imageFromSvg } from '@universityofmaryland/web-utilities-library/media';\nimport { ElementModel } from 'model';\nimport { BaseProps } from '../../_types';\nimport { BREAKPOINTS } from '../../globals';\nimport { type ElementVisual } 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): ElementVisual => {\n  const link = isCampaignForward\n    ? createForwardCampaign(!!isThemeLight)\n    : createFearlesslyForwardCampaign(!!isThemeLight);\n\n  const linkElement = ElementModel.create({\n    element: link,\n    className: 'campaign-column-link',\n    elementStyles: {\n      element: {\n        display: 'block',\n        marginTop: token.spacing.lg,\n        maxWidth: '250px',\n      },\n    },\n  });\n\n  return ElementModel.createDiv({\n    className: 'campaign-column-wrapper',\n    children: [linkElement],\n    elementStyles: {\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  });\n};\n"],"names":["ElementModel.create","ElementModel.createDiv"],"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,MAAoC;AAClC,QAAM,OAAO,oBACT,sBAAsB,CAAC,CAAC,YAAY,IACpC,gCAAgC,CAAC,CAAC,YAAY;AAElD,QAAM,cAAcA,OAAoB;AAAA,IACtC,SAAS;AAAA,IACT,WAAW;AAAA,IACX,eAAe;AAAA,MACb,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW,MAAM,QAAQ;AAAA,QACzB,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,CACD;AAED,SAAOC,UAAuB;AAAA,IAC5B,WAAW;AAAA,IACX,UAAU,CAAC,WAAW;AAAA,IACtB,eAAe;AAAA,MACb,SAAS;AAAA,QACP,CAAC,OAAO,GAAG;AAAA,UACT,UAAU;AAAA,UACV,OAAO;AAAA,QAAA;AAAA,QAGT,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,UACtC,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,YAAY;AAAA,UAEZ,CAAC,8BAA8B,GAAG;AAAA,YAChC,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,QAGF,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,UAC1C,CAAC,uCAAuC,GAAG;AAAA,YACzC,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD;AACH;"}
+{"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;"}

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

@@ -1,10 +1,10 @@
 import { RowLogoProps } from './row-logo';
 import { RowLinksProps } from './row-links';
 import { BaseProps } from '../../_types';
-import { ElementVisual } from '../../../../_types';
+import { UMDElement } from '../../../../_types';
 export interface MainSectionProps extends BaseProps, RowLinksProps, RowLogoProps {
     slotVisualImage: HTMLImageElement | null;
 }
-declare const _default: (props: MainSectionProps) => ElementVisual;
+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,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,gBACf,SAAQ,SAAS,EACf,aAAa,EACb,YAAY;IACd,eAAe,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAC1C;yBAmGe,OAAO,gBAAgB,KAAG,aAAa;AAAvD,wBAYE"}
+{"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"}