@universityofmaryland/web-elements-library 1.5.9 → 1.6.0-beta.1

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 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;;"}
+{"version":3,"file":"index.js","sources":["../../../../../source/composite/footer/elements/main-section/index.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { createCompositeFooterRowLogo as createRowLogo } from './row-logo';\nimport { createCompositeFooterRowLinks as 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\nconst CreateMainSectionElement = (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\nexport const createCompositeFooterMainSection = CreateMainSectionElement;\n"],"names":["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,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,MAAM,2BAA2B,CAAC,UAAwC;AACxE,QAAM,EAAE,YAAY,aAAA,IAAiB;AACrC,QAAM,UAAUA,6BAAc,KAAK;AACnC,QAAM,yBAAyB,sBAAsB,KAAK;AAC1D,QAAM,mBAAmB,cAAc,iBAAiBC,8BAAe,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;AAEO,MAAM,mCAAmC;"}

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

@@ -1,5 +1,4 @@
 import { RowLinksProps } from '../../../_types';
 import { UMDElement } from '../../../../../_types';
-declare const _default: (props: RowLinksProps) => UMDElement;
-export default _default;
+export declare const createCompositeFooterRowLinks: (props: RowLinksProps) => UMDElement;
 //# 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":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;yBAIxC,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;AA0DxD,eAAO,MAAM,6BAA6B,UAtDJ,aAAa,KAAG,UAsDY,CAAC"}

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

@@ -1,15 +1,14 @@
-"use strict";
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const Styles = require("@universityofmaryland/web-styles-library");
-const social = require("../social.js");
-const linkColumns = require("./link-columns.js");
-const globals = require("../../../globals.js");
-const { LARGE } = globals.BREAKPOINTS;
-const createRowLinks = (props) => {
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import { layout, token } from "@universityofmaryland/web-styles-library";
+import { createCompositeFooterSocial } from "../social.js";
+import { createCompositeFooterLinkColumns } from "./link-columns.js";
+import { BREAKPOINTS } from "../../../globals.js";
+const { LARGE } = BREAKPOINTS;
+const CreateRowLinksElement = (props) => {
   const { isThemeLight } = props;
-  const socialColumnWrapper = social(props);
-  const linkColumnWrapper = linkColumns(props);
-  const wrapperElement = new webBuilderLibrary.ElementBuilder().withClassName("umd-footer-row-links-wrapper").withStyles({
+  const socialColumnWrapper = createCompositeFooterSocial(props);
+  const linkColumnWrapper = createCompositeFooterLinkColumns(props);
+  const wrapperElement = new ElementBuilder().withClassName("umd-footer-row-links-wrapper").withStyles({
     element: {
       display: "flex",
       [`@container (max-width: ${LARGE - 1}px)`]: {
@@ -21,23 +20,26 @@ const createRowLinks = (props) => {
       }
     }
   }).withChildren(linkColumnWrapper, socialColumnWrapper).build();
-  const lockElement = new webBuilderLibrary.ElementBuilder().withClassName("umd-footer-row-links-lock").withStyles({
+  const lockElement = new ElementBuilder().withClassName("umd-footer-row-links-lock").withStyles({
     element: {
-      ...Styles.layout.space.horizontal.larger
+      ...layout.space.horizontal.larger
     }
   }).withChild(wrapperElement).build();
-  return new webBuilderLibrary.ElementBuilder().withClassName("umd-footer-row-links").withStyles({
+  return new ElementBuilder().withClassName("umd-footer-row-links").withStyles({
     element: {
-      paddingBottom: Styles.token.spacing.lg,
-      backgroundColor: Styles.token.color.black,
+      paddingBottom: token.spacing.lg,
+      backgroundColor: token.color.black,
       ...isThemeLight && {
-        backgroundColor: Styles.token.color.gray.lightest
+        backgroundColor: token.color.gray.lightest
       },
       [`@container  (min-width: ${LARGE}px)`]: {
-        paddingBottom: Styles.token.spacing["2xl"]
+        paddingBottom: token.spacing["2xl"]
       }
     }
   }).withChild(lockElement).build();
 };
-module.exports = createRowLinks;
+const createCompositeFooterRowLinks = CreateRowLinksElement;
+export {
+  createCompositeFooterRowLinks
+};
 //# sourceMappingURL=index.js.map

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 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;;"}
+{"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 { createCompositeFooterSocial as createSocialCampaignColumns } from '../social';\nimport { createCompositeFooterLinkColumns as createLinkColumns } from './link-columns';\nimport { BREAKPOINTS } from '../../../globals';\nimport { RowLinksProps } from '../../../_types';\nimport { type UMDElement } from '../../../../../_types';\n\nconst { LARGE } = BREAKPOINTS;\n\nconst CreateRowLinksElement = (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\nexport const createCompositeFooterRowLinks = CreateRowLinksElement;\n"],"names":["createSocialCampaignColumns","createLinkColumns"],"mappings":";;;;;AAQA,MAAM,EAAE,UAAU;AAElB,MAAM,wBAAwB,CAAC,UAAqC;AAClE,QAAM,EAAE,iBAAiB;AACzB,QAAM,sBAAsBA,4BAA4B,KAAK;AAC7D,QAAM,oBAAoBC,iCAAkB,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;AAEO,MAAM,gCAAgC;"}

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

@@ -1,5 +1,4 @@
 import { slotColumnsProps } from '../../../_types';
 import { UMDElement } from '../../../../../_types';
-declare const _default: (props: slotColumnsProps) => UMDElement;
-export default _default;
+export declare const createCompositeFooterLinkColumns: (props: slotColumnsProps) => UMDElement;
 //# 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,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;yBAuQxC,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;AAqUxD,eAAO,MAAM,gCAAgC,UA9DJ,gBAAgB,KAAG,UA8DY,CAAC"}

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

@@ -1,9 +1,8 @@
-"use strict";
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const Styles = require("@universityofmaryland/web-styles-library");
-const animation = require("@universityofmaryland/web-utilities-library/animation");
-const globals = require("../../../globals.js");
-const { MEDIUM, LARGE } = globals.BREAKPOINTS;
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import { token, animation, typography } from "@universityofmaryland/web-styles-library";
+import { wrapLinkForAnimation } from "@universityofmaryland/web-utilities-library/animation";
+import { BREAKPOINTS } from "../../../globals.js";
+const { MEDIUM, LARGE } = BREAKPOINTS;
 const COLUMN_ONE_DEFAULT_LINKS = [
   { elmentType: "link", title: "Careers", url: "https://ejobs.umd.edu" },
   {
@@ -72,23 +71,23 @@ const COLUMN_THREE_DEFAULT_LINKS = [
 ];
 const createLinkColumn = (props, children) => {
   const { isThemeLight } = props;
-  return new webBuilderLibrary.ElementBuilder().withClassName("link-column-fonts").withChildren(...children).withStyles({
+  return new ElementBuilder().withClassName("link-column-fonts").withChildren(...children).withStyles({
     element: {
-      marginBottom: Styles.token.spacing.sm,
+      marginBottom: token.spacing.sm,
       ["& > *"]: {
-        marginBottom: Styles.token.spacing.sm
+        marginBottom: token.spacing.sm
       },
       ["& a"]: {
-        ...Styles.animation.line.slideUnderWhite,
-        ...Styles.typography.sans.smaller,
+        ...animation.line.slideUnderWhite,
+        ...typography.sans.smaller,
         ...isThemeLight && {
-          ...Styles.animation.line.slideUnderBlack
+          ...animation.line.slideUnderBlack
         }
       },
       ["& a, & span, & p"]: {
-        color: Styles.token.color.gray.light,
+        color: token.color.gray.light,
         ...isThemeLight && {
-          color: Styles.token.color.gray.dark
+          color: token.color.gray.dark
         }
       },
       [`@container (max-width: ${MEDIUM - 1}px)`]: {
@@ -100,7 +99,7 @@ const createLinkColumn = (props, children) => {
   }).build();
 };
 const createLinkColumnFontsLink = (element) => {
-  return new webBuilderLibrary.ElementBuilder(element).withClassName(`link-column-fonts-link`).withStyles({
+  return new ElementBuilder(element).withClassName(`link-column-fonts-link`).withStyles({
     element: {
       [`&p`]: {
         gridColumn: "1 / span 2"
@@ -133,25 +132,25 @@ const createDefaultColumn = (props, defaultContent) => {
 const createRowLinksColumnWrapper = ({
   children
 }) => {
-  return new webBuilderLibrary.ElementBuilder().withClassName("umd-footer-row-links-column-wrapper").withChildren(...children).withStyles({
+  return new ElementBuilder().withClassName("umd-footer-row-links-column-wrapper").withChildren(...children).withStyles({
     element: {
       [`@container (min-width: ${MEDIUM}px) and (max-width: ${LARGE}px)`]: {
         display: "grid",
         gridTemplateColumns: "1fr 1fr",
-        gap: `0 ${Styles.token.spacing.md}`
+        gap: `0 ${token.spacing.md}`
       },
       [`@container (max-width: ${MEDIUM}px)`]: {
         ["&:not(:last-child)"]: {
-          marginBottom: Styles.token.spacing.lg
+          marginBottom: token.spacing.lg
         }
       },
       [`@container (min-width: ${LARGE}px)`]: {
-        paddingRight: Styles.token.spacing.xs,
+        paddingRight: token.spacing.xs,
         minWidth: "240px",
         [`&:not(:first-child)`]: {
-          marginLeft: Styles.token.spacing.lg,
-          paddingLeft: Styles.token.spacing.lg,
-          borderLeft: `1px solid ${Styles.token.color.gray.dark}`
+          marginLeft: token.spacing.lg,
+          paddingLeft: token.spacing.lg,
+          borderLeft: `1px solid ${token.color.gray.dark}`
         }
       }
     }
@@ -165,7 +164,7 @@ const createSlotColumn = ({
 }) => {
   const linkChildren = Array.from(slot.querySelectorAll("a")).map(
     (link) => {
-      animation.wrapLinkForAnimation({ element: link });
+      wrapLinkForAnimation({ element: link });
       const slotColumnChild = [createLinkColumnFontsLink(link)];
       return createLinkColumn(props, slotColumnChild);
     }
@@ -184,16 +183,16 @@ const createSlotColumn = ({
   return createRowLinksColumnWrapper({ children: wrapperChildren });
 };
 const createLinkColumnHeadline = (element) => {
-  return new webBuilderLibrary.ElementBuilder(element).withClassName("link-column-headline").withStyles({
+  return new ElementBuilder(element).withClassName("link-column-headline").withStyles({
     element: {
-      ...Styles.typography.elements.interativeMedium,
-      marginBottom: Styles.token.spacing.sm,
+      ...typography.elements.interativeMedium,
+      marginBottom: token.spacing.sm,
       fontWeight: 700,
       gridColumn: "1 / span 2"
     }
   }).build();
 };
-const createLinkColumns = (props) => {
+const CreateLinkColumnsElement = (props) => {
   const { slotColumns } = props;
   let children;
   if (slotColumns) {
@@ -230,7 +229,7 @@ const createLinkColumns = (props) => {
       createDefaultColumn(props, COLUMN_THREE_DEFAULT_LINKS)
     ];
   }
-  return new webBuilderLibrary.ElementBuilder().withClassName("umd-footer-row-links-columns").withChildren(...children).withStyles({
+  return new ElementBuilder().withClassName("umd-footer-row-links-columns").withChildren(...children).withStyles({
     element: {
       [`@container (min-width: ${LARGE}px)`]: {
         [`&`]: {
@@ -239,10 +238,13 @@ const createLinkColumns = (props) => {
         }
       },
       [`@container (max-width: ${LARGE - 1}px)`]: {
-        paddingTop: Styles.token.spacing.md
+        paddingTop: token.spacing.md
       }
     }
   }).build();
 };
-module.exports = createLinkColumns;
+const createCompositeFooterLinkColumns = CreateLinkColumnsElement;
+export {
+  createCompositeFooterLinkColumns
+};
 //# sourceMappingURL=link-columns.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"link-columns.js","sources":["../../../../../../source/composite/footer/elements/main-section/row-links/link-columns.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport {\n  animation,\n  token,\n  typography,\n} from '@universityofmaryland/web-styles-library';\nimport { wrapLinkForAnimation } from '@universityofmaryland/web-utilities-library/animation';\nimport { BREAKPOINTS } from '../../../globals';\nimport { slotColumnsProps } from '../../../_types';\nimport { type UMDElement } from '../../../../../_types';\n\nconst { MEDIUM, LARGE } = BREAKPOINTS;\n\ntype ColumnRow = {\n  elmentType: string;\n  title: string;\n  url?: string;\n};\n\nconst COLUMN_ONE_DEFAULT_LINKS: ColumnRow[] = [\n  { elmentType: 'link', title: 'Careers', url: 'https://ejobs.umd.edu' },\n  {\n    elmentType: 'link',\n    title: 'Office of Civil Rights & Sexual Misconduct',\n    url: 'https://ocrsm.umd.edu',\n  },\n  {\n    elmentType: 'link',\n    title: 'UMD Police Department',\n    url: 'https://www.umpd.umd.edu',\n  },\n  {\n    elmentType: 'link',\n    title: 'Public Records Request',\n    url: 'https://umd.edu/administration/public-information-request',\n  },\n  {\n    elmentType: 'link',\n    title: 'Report Fraud and Waste',\n    url: 'https://finance.umd.edu/ethics-integrity-and-compliance-reporting',\n  },\n  {\n    elmentType: 'link',\n    title: 'Policies and Procedures',\n    url: 'https://umd.edu/policies-and-procedures',\n  },\n];\n\nconst COLUMN_TWO_DEFAULT_LINKS: ColumnRow[] = [\n  { elmentType: 'headline', title: 'Information for' },\n  {\n    elmentType: 'link',\n    title: 'Prospective Undergraduate Students',\n    url: 'https://admissions.umd.edu/',\n  },\n  {\n    elmentType: 'link',\n    title: 'Prospective Graduate Students',\n    url: 'https://gradschool.umd.edu/',\n  },\n  {\n    elmentType: 'link',\n    title: 'Parents & Families',\n    url: 'https://admissions.umd.edu/persona/parent-families',\n  },\n  { elmentType: 'link', title: 'Alumni', url: 'https://alumni.umd.edu/' },\n];\n\nconst COLUMN_THREE_DEFAULT_LINKS: ColumnRow[] = [\n  { elmentType: 'headline', title: 'Academics' },\n  {\n    elmentType: 'link',\n    title: 'Academic Calendars',\n    url: 'https://provost.umd.edu/node/3876',\n  },\n  {\n    elmentType: 'link',\n    title: 'Course Catalogs',\n    url: 'https://academiccatalog.umd.edu',\n  },\n  { elmentType: 'link', title: 'Libraries', url: 'https://www.lib.umd.edu' },\n  {\n    elmentType: 'link',\n    title: 'Terp Portals',\n    url: 'https://testudo.umd.edu',\n  },\n];\n\nconst createLinkColumn = (\n  props: Pick<slotColumnsProps, 'isThemeLight'>,\n  children: UMDElement[],\n) => {\n  const { isThemeLight } = props;\n\n  return new ElementBuilder()\n    .withClassName('link-column-fonts')\n    .withChildren(...children)\n    .withStyles({\n      element: {\n        marginBottom: token.spacing.sm,\n\n        ['& > *']: {\n          marginBottom: token.spacing.sm,\n        },\n\n        ['& a']: {\n          ...animation.line.slideUnderWhite,\n          ...typography.sans.smaller,\n\n          ...(isThemeLight && {\n            ...animation.line.slideUnderBlack,\n          }),\n        },\n\n        ['& a, & span, & p']: {\n          color: token.color.gray.light,\n\n          ...(isThemeLight && {\n            color: token.color.gray.dark,\n          }),\n        },\n\n        [`@container (max-width: ${MEDIUM - 1}px)`]: {\n          ['&:last-child']: {\n            marginBottom: 0,\n          },\n        },\n      },\n    })\n    .build();\n};\n\nconst createLinkColumnFontsLink = (element: HTMLElement) => {\n  return new ElementBuilder(element)\n    .withClassName(`link-column-fonts-link`)\n    .withStyles({\n      element: {\n        [`&p`]: {\n          gridColumn: '1 / span 2',\n        },\n      },\n    })\n    .build();\n};\n\nconst createDefaultColumn = (\n  props: slotColumnsProps,\n  defaultContent: ColumnRow[],\n): UMDElement => {\n  const children: UMDElement[] = defaultContent\n    .map((row) => {\n      if (row.elmentType === 'link' && row.url) {\n        const link = document.createElement('a');\n        const span = document.createElement('span');\n        const columnLinkChildren = [createLinkColumnFontsLink(link)];\n\n        span.textContent = row.title;\n        link.appendChild(span);\n        link.href = row.url;\n        link.target = '_blank';\n        link.rel = 'noopener noreferrer';\n\n        return createLinkColumn(props, columnLinkChildren);\n      }\n\n      if (row.elmentType === 'headline') {\n        const headline = document.createElement('p');\n\n        headline.textContent = row.title;\n\n        return createLinkColumnHeadline(headline);\n      }\n\n      return undefined as unknown as UMDElement;\n    })\n    .filter(Boolean) as UMDElement[];\n\n  return createRowLinksColumnWrapper({ children: children });\n};\n\nconst createRowLinksColumnWrapper = ({\n  children,\n}: {\n  children: UMDElement[];\n}) => {\n  return new ElementBuilder()\n    .withClassName('umd-footer-row-links-column-wrapper')\n    .withChildren(...children)\n    .withStyles({\n      element: {\n        [`@container (min-width: ${MEDIUM}px) and (max-width: ${LARGE}px)`]: {\n          display: 'grid',\n          gridTemplateColumns: '1fr 1fr',\n          gap: `0 ${token.spacing.md}`,\n        },\n\n        [`@container (max-width: ${MEDIUM}px)`]: {\n          ['&:not(:last-child)']: {\n            marginBottom: token.spacing.lg,\n          },\n        },\n\n        [`@container (min-width: ${LARGE}px)`]: {\n          paddingRight: token.spacing.xs,\n          minWidth: '240px',\n\n          [`&:not(:first-child)`]: {\n            marginLeft: token.spacing.lg,\n            paddingLeft: token.spacing.lg,\n            borderLeft: `1px solid ${token.color.gray.dark}`,\n          },\n        },\n      },\n    })\n    .build();\n};\n\nconst createSlotColumn = ({\n  props,\n  slot,\n  slotHasHeadline,\n  isColumnOne,\n}: {\n  props: slotColumnsProps;\n  slot: HTMLElement;\n  slotHasHeadline: boolean;\n  isColumnOne: boolean;\n}): UMDElement => {\n  const linkChildren: UMDElement[] = Array.from(slot.querySelectorAll('a')).map(\n    (link) => {\n      wrapLinkForAnimation({ element: link });\n\n      const slotColumnChild = [createLinkColumnFontsLink(link)];\n\n      return createLinkColumn(props, slotColumnChild);\n    },\n  );\n\n  const wrapperChildren: UMDElement[] = [];\n\n  if (slotHasHeadline) {\n    const headlineAttr = slot.getAttribute('data-headline') ?? '';\n    const headline = document.createElement('p');\n\n    headline.innerHTML = headlineAttr;\n\n    if (!headlineAttr && !isColumnOne) {\n      headline.setAttribute('data-empty', 'true');\n    }\n\n    wrapperChildren.push(createLinkColumnHeadline(headline));\n  }\n\n  wrapperChildren.push(...linkChildren);\n\n  return createRowLinksColumnWrapper({ children: wrapperChildren });\n};\n\nconst createLinkColumnHeadline = (element: HTMLElement) => {\n  return new ElementBuilder(element)\n    .withClassName('link-column-headline')\n    .withStyles({\n      element: {\n        ...typography.elements.interativeMedium,\n        marginBottom: token.spacing.sm,\n        fontWeight: 700,\n        gridColumn: '1 / span 2',\n      },\n    })\n    .build();\n};\n\nexport default (props: slotColumnsProps): UMDElement => {\n  const { slotColumns } = props;\n\n  let children: UMDElement[];\n\n  if (slotColumns) {\n    const hasHeadlines = slotColumns.some((slot) =>\n      slot.hasAttribute('data-headline'),\n    );\n\n    children = slotColumns.map((slot, index) => {\n      const slotHasHeadline = slot.hasAttribute('data-headline');\n      return createSlotColumn({\n        props,\n        slot,\n        slotHasHeadline,\n        isColumnOne: index === 0,\n      });\n    });\n\n    if (hasHeadlines) {\n      setTimeout(() => {\n        const headlines = Array.from(\n          document.querySelectorAll(`.${'link-column-headline'}`),\n        ) as HTMLElement[];\n        const renderedHeadlinesSize = headlines.reduce(\n          (acc, h) => Math.max(acc, h.offsetHeight),\n          10,\n        );\n        headlines.forEach(\n          (h) => (h.style.height = `${renderedHeadlinesSize}px`),\n        );\n      }, 200);\n    }\n  } else {\n    children = [\n      createDefaultColumn(props, COLUMN_ONE_DEFAULT_LINKS),\n      createDefaultColumn(props, COLUMN_TWO_DEFAULT_LINKS),\n      createDefaultColumn(props, COLUMN_THREE_DEFAULT_LINKS),\n    ];\n  }\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-row-links-columns')\n    .withChildren(...children)\n    .withStyles({\n      element: {\n        [`@container (min-width: ${LARGE}px)`]: {\n          [`&`]: {\n            display: 'grid',\n            gridTemplateColumns: '1fr 1fr 1fr',\n          },\n        },\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          paddingTop: token.spacing.md,\n        },\n      },\n    })\n    .build();\n};\n"],"names":["BREAKPOINTS","ElementBuilder","token","animation","typography","wrapLinkForAnimation"],"mappings":"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"}
+{"version":3,"file":"link-columns.js","sources":["../../../../../../source/composite/footer/elements/main-section/row-links/link-columns.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport {\n  animation,\n  token,\n  typography,\n} from '@universityofmaryland/web-styles-library';\nimport { wrapLinkForAnimation } from '@universityofmaryland/web-utilities-library/animation';\nimport { BREAKPOINTS } from '../../../globals';\nimport { slotColumnsProps } from '../../../_types';\nimport { type UMDElement } from '../../../../../_types';\n\nconst { MEDIUM, LARGE } = BREAKPOINTS;\n\ntype ColumnRow = {\n  elmentType: string;\n  title: string;\n  url?: string;\n};\n\nconst COLUMN_ONE_DEFAULT_LINKS: ColumnRow[] = [\n  { elmentType: 'link', title: 'Careers', url: 'https://ejobs.umd.edu' },\n  {\n    elmentType: 'link',\n    title: 'Office of Civil Rights & Sexual Misconduct',\n    url: 'https://ocrsm.umd.edu',\n  },\n  {\n    elmentType: 'link',\n    title: 'UMD Police Department',\n    url: 'https://www.umpd.umd.edu',\n  },\n  {\n    elmentType: 'link',\n    title: 'Public Records Request',\n    url: 'https://umd.edu/administration/public-information-request',\n  },\n  {\n    elmentType: 'link',\n    title: 'Report Fraud and Waste',\n    url: 'https://finance.umd.edu/ethics-integrity-and-compliance-reporting',\n  },\n  {\n    elmentType: 'link',\n    title: 'Policies and Procedures',\n    url: 'https://umd.edu/policies-and-procedures',\n  },\n];\n\nconst COLUMN_TWO_DEFAULT_LINKS: ColumnRow[] = [\n  { elmentType: 'headline', title: 'Information for' },\n  {\n    elmentType: 'link',\n    title: 'Prospective Undergraduate Students',\n    url: 'https://admissions.umd.edu/',\n  },\n  {\n    elmentType: 'link',\n    title: 'Prospective Graduate Students',\n    url: 'https://gradschool.umd.edu/',\n  },\n  {\n    elmentType: 'link',\n    title: 'Parents & Families',\n    url: 'https://admissions.umd.edu/persona/parent-families',\n  },\n  { elmentType: 'link', title: 'Alumni', url: 'https://alumni.umd.edu/' },\n];\n\nconst COLUMN_THREE_DEFAULT_LINKS: ColumnRow[] = [\n  { elmentType: 'headline', title: 'Academics' },\n  {\n    elmentType: 'link',\n    title: 'Academic Calendars',\n    url: 'https://provost.umd.edu/node/3876',\n  },\n  {\n    elmentType: 'link',\n    title: 'Course Catalogs',\n    url: 'https://academiccatalog.umd.edu',\n  },\n  { elmentType: 'link', title: 'Libraries', url: 'https://www.lib.umd.edu' },\n  {\n    elmentType: 'link',\n    title: 'Terp Portals',\n    url: 'https://testudo.umd.edu',\n  },\n];\n\nconst createLinkColumn = (\n  props: Pick<slotColumnsProps, 'isThemeLight'>,\n  children: UMDElement[],\n) => {\n  const { isThemeLight } = props;\n\n  return new ElementBuilder()\n    .withClassName('link-column-fonts')\n    .withChildren(...children)\n    .withStyles({\n      element: {\n        marginBottom: token.spacing.sm,\n\n        ['& > *']: {\n          marginBottom: token.spacing.sm,\n        },\n\n        ['& a']: {\n          ...animation.line.slideUnderWhite,\n          ...typography.sans.smaller,\n\n          ...(isThemeLight && {\n            ...animation.line.slideUnderBlack,\n          }),\n        },\n\n        ['& a, & span, & p']: {\n          color: token.color.gray.light,\n\n          ...(isThemeLight && {\n            color: token.color.gray.dark,\n          }),\n        },\n\n        [`@container (max-width: ${MEDIUM - 1}px)`]: {\n          ['&:last-child']: {\n            marginBottom: 0,\n          },\n        },\n      },\n    })\n    .build();\n};\n\nconst createLinkColumnFontsLink = (element: HTMLElement) => {\n  return new ElementBuilder(element)\n    .withClassName(`link-column-fonts-link`)\n    .withStyles({\n      element: {\n        [`&p`]: {\n          gridColumn: '1 / span 2',\n        },\n      },\n    })\n    .build();\n};\n\nconst createDefaultColumn = (\n  props: slotColumnsProps,\n  defaultContent: ColumnRow[],\n): UMDElement => {\n  const children: UMDElement[] = defaultContent\n    .map((row) => {\n      if (row.elmentType === 'link' && row.url) {\n        const link = document.createElement('a');\n        const span = document.createElement('span');\n        const columnLinkChildren = [createLinkColumnFontsLink(link)];\n\n        span.textContent = row.title;\n        link.appendChild(span);\n        link.href = row.url;\n        link.target = '_blank';\n        link.rel = 'noopener noreferrer';\n\n        return createLinkColumn(props, columnLinkChildren);\n      }\n\n      if (row.elmentType === 'headline') {\n        const headline = document.createElement('p');\n\n        headline.textContent = row.title;\n\n        return createLinkColumnHeadline(headline);\n      }\n\n      return undefined as unknown as UMDElement;\n    })\n    .filter(Boolean) as UMDElement[];\n\n  return createRowLinksColumnWrapper({ children: children });\n};\n\nconst createRowLinksColumnWrapper = ({\n  children,\n}: {\n  children: UMDElement[];\n}) => {\n  return new ElementBuilder()\n    .withClassName('umd-footer-row-links-column-wrapper')\n    .withChildren(...children)\n    .withStyles({\n      element: {\n        [`@container (min-width: ${MEDIUM}px) and (max-width: ${LARGE}px)`]: {\n          display: 'grid',\n          gridTemplateColumns: '1fr 1fr',\n          gap: `0 ${token.spacing.md}`,\n        },\n\n        [`@container (max-width: ${MEDIUM}px)`]: {\n          ['&:not(:last-child)']: {\n            marginBottom: token.spacing.lg,\n          },\n        },\n\n        [`@container (min-width: ${LARGE}px)`]: {\n          paddingRight: token.spacing.xs,\n          minWidth: '240px',\n\n          [`&:not(:first-child)`]: {\n            marginLeft: token.spacing.lg,\n            paddingLeft: token.spacing.lg,\n            borderLeft: `1px solid ${token.color.gray.dark}`,\n          },\n        },\n      },\n    })\n    .build();\n};\n\nconst createSlotColumn = ({\n  props,\n  slot,\n  slotHasHeadline,\n  isColumnOne,\n}: {\n  props: slotColumnsProps;\n  slot: HTMLElement;\n  slotHasHeadline: boolean;\n  isColumnOne: boolean;\n}): UMDElement => {\n  const linkChildren: UMDElement[] = Array.from(slot.querySelectorAll('a')).map(\n    (link) => {\n      wrapLinkForAnimation({ element: link });\n\n      const slotColumnChild = [createLinkColumnFontsLink(link)];\n\n      return createLinkColumn(props, slotColumnChild);\n    },\n  );\n\n  const wrapperChildren: UMDElement[] = [];\n\n  if (slotHasHeadline) {\n    const headlineAttr = slot.getAttribute('data-headline') ?? '';\n    const headline = document.createElement('p');\n\n    headline.innerHTML = headlineAttr;\n\n    if (!headlineAttr && !isColumnOne) {\n      headline.setAttribute('data-empty', 'true');\n    }\n\n    wrapperChildren.push(createLinkColumnHeadline(headline));\n  }\n\n  wrapperChildren.push(...linkChildren);\n\n  return createRowLinksColumnWrapper({ children: wrapperChildren });\n};\n\nconst createLinkColumnHeadline = (element: HTMLElement) => {\n  return new ElementBuilder(element)\n    .withClassName('link-column-headline')\n    .withStyles({\n      element: {\n        ...typography.elements.interativeMedium,\n        marginBottom: token.spacing.sm,\n        fontWeight: 700,\n        gridColumn: '1 / span 2',\n      },\n    })\n    .build();\n};\n\nconst CreateLinkColumnsElement = (props: slotColumnsProps): UMDElement => {\n  const { slotColumns } = props;\n\n  let children: UMDElement[];\n\n  if (slotColumns) {\n    const hasHeadlines = slotColumns.some((slot) =>\n      slot.hasAttribute('data-headline'),\n    );\n\n    children = slotColumns.map((slot, index) => {\n      const slotHasHeadline = slot.hasAttribute('data-headline');\n      return createSlotColumn({\n        props,\n        slot,\n        slotHasHeadline,\n        isColumnOne: index === 0,\n      });\n    });\n\n    if (hasHeadlines) {\n      setTimeout(() => {\n        const headlines = Array.from(\n          document.querySelectorAll(`.${'link-column-headline'}`),\n        ) as HTMLElement[];\n        const renderedHeadlinesSize = headlines.reduce(\n          (acc, h) => Math.max(acc, h.offsetHeight),\n          10,\n        );\n        headlines.forEach(\n          (h) => (h.style.height = `${renderedHeadlinesSize}px`),\n        );\n      }, 200);\n    }\n  } else {\n    children = [\n      createDefaultColumn(props, COLUMN_ONE_DEFAULT_LINKS),\n      createDefaultColumn(props, COLUMN_TWO_DEFAULT_LINKS),\n      createDefaultColumn(props, COLUMN_THREE_DEFAULT_LINKS),\n    ];\n  }\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-row-links-columns')\n    .withChildren(...children)\n    .withStyles({\n      element: {\n        [`@container (min-width: ${LARGE}px)`]: {\n          [`&`]: {\n            display: 'grid',\n            gridTemplateColumns: '1fr 1fr 1fr',\n          },\n        },\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          paddingTop: token.spacing.md,\n        },\n      },\n    })\n    .build();\n};\n\nexport const createCompositeFooterLinkColumns = CreateLinkColumnsElement;\n"],"names":[],"mappings":";;;;AAWA,MAAM,EAAE,QAAQ,MAAA,IAAU;AAQ1B,MAAM,2BAAwC;AAAA,EAC5C,EAAE,YAAY,QAAQ,OAAO,WAAW,KAAK,wBAAA;AAAA,EAC7C;AAAA,IACE,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAET;AAEA,MAAM,2BAAwC;AAAA,EAC5C,EAAE,YAAY,YAAY,OAAO,kBAAA;AAAA,EACjC;AAAA,IACE,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEP,EAAE,YAAY,QAAQ,OAAO,UAAU,KAAK,0BAAA;AAC9C;AAEA,MAAM,6BAA0C;AAAA,EAC9C,EAAE,YAAY,YAAY,OAAO,YAAA;AAAA,EACjC;AAAA,IACE,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEP,EAAE,YAAY,QAAQ,OAAO,aAAa,KAAK,0BAAA;AAAA,EAC/C;AAAA,IACE,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAET;AAEA,MAAM,mBAAmB,CACvB,OACA,aACG;AACH,QAAM,EAAE,iBAAiB;AAEzB,SAAO,IAAI,eAAA,EACR,cAAc,mBAAmB,EACjC,aAAa,GAAG,QAAQ,EACxB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,cAAc,MAAM,QAAQ;AAAA,MAE5B,CAAC,OAAO,GAAG;AAAA,QACT,cAAc,MAAM,QAAQ;AAAA,MAAA;AAAA,MAG9B,CAAC,KAAK,GAAG;AAAA,QACP,GAAG,UAAU,KAAK;AAAA,QAClB,GAAG,WAAW,KAAK;AAAA,QAEnB,GAAI,gBAAgB;AAAA,UAClB,GAAG,UAAU,KAAK;AAAA,QAAA;AAAA,MACpB;AAAA,MAGF,CAAC,kBAAkB,GAAG;AAAA,QACpB,OAAO,MAAM,MAAM,KAAK;AAAA,QAExB,GAAI,gBAAgB;AAAA,UAClB,OAAO,MAAM,MAAM,KAAK;AAAA,QAAA;AAAA,MAC1B;AAAA,MAGF,CAAC,0BAA0B,SAAS,CAAC,KAAK,GAAG;AAAA,QAC3C,CAAC,cAAc,GAAG;AAAA,UAChB,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,EACF,CACD,EACA,MAAA;AACL;AAEA,MAAM,4BAA4B,CAAC,YAAyB;AAC1D,SAAO,IAAI,eAAe,OAAO,EAC9B,cAAc,wBAAwB,EACtC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,IAAI,GAAG;AAAA,QACN,YAAY;AAAA,MAAA;AAAA,IACd;AAAA,EACF,CACD,EACA,MAAA;AACL;AAEA,MAAM,sBAAsB,CAC1B,OACA,mBACe;AACf,QAAM,WAAyB,eAC5B,IAAI,CAAC,QAAQ;AACZ,QAAI,IAAI,eAAe,UAAU,IAAI,KAAK;AACxC,YAAM,OAAO,SAAS,cAAc,GAAG;AACvC,YAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,YAAM,qBAAqB,CAAC,0BAA0B,IAAI,CAAC;AAE3D,WAAK,cAAc,IAAI;AACvB,WAAK,YAAY,IAAI;AACrB,WAAK,OAAO,IAAI;AAChB,WAAK,SAAS;AACd,WAAK,MAAM;AAEX,aAAO,iBAAiB,OAAO,kBAAkB;AAAA,IACnD;AAEA,QAAI,IAAI,eAAe,YAAY;AACjC,YAAM,WAAW,SAAS,cAAc,GAAG;AAE3C,eAAS,cAAc,IAAI;AAE3B,aAAO,yBAAyB,QAAQ;AAAA,IAC1C;AAEA,WAAO;AAAA,EACT,CAAC,EACA,OAAO,OAAO;AAEjB,SAAO,4BAA4B,EAAE,UAAoB;AAC3D;AAEA,MAAM,8BAA8B,CAAC;AAAA,EACnC;AACF,MAEM;AACJ,SAAO,IAAI,eAAA,EACR,cAAc,qCAAqC,EACnD,aAAa,GAAG,QAAQ,EACxB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,0BAA0B,MAAM,uBAAuB,KAAK,KAAK,GAAG;AAAA,QACnE,SAAS;AAAA,QACT,qBAAqB;AAAA,QACrB,KAAK,KAAK,MAAM,QAAQ,EAAE;AAAA,MAAA;AAAA,MAG5B,CAAC,0BAA0B,MAAM,KAAK,GAAG;AAAA,QACvC,CAAC,oBAAoB,GAAG;AAAA,UACtB,cAAc,MAAM,QAAQ;AAAA,QAAA;AAAA,MAC9B;AAAA,MAGF,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,QACtC,cAAc,MAAM,QAAQ;AAAA,QAC5B,UAAU;AAAA,QAEV,CAAC,qBAAqB,GAAG;AAAA,UACvB,YAAY,MAAM,QAAQ;AAAA,UAC1B,aAAa,MAAM,QAAQ;AAAA,UAC3B,YAAY,aAAa,MAAM,MAAM,KAAK,IAAI;AAAA,QAAA;AAAA,MAChD;AAAA,IACF;AAAA,EACF,CACD,EACA,MAAA;AACL;AAEA,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKkB;AAChB,QAAM,eAA6B,MAAM,KAAK,KAAK,iBAAiB,GAAG,CAAC,EAAE;AAAA,IACxE,CAAC,SAAS;AACR,2BAAqB,EAAE,SAAS,MAAM;AAEtC,YAAM,kBAAkB,CAAC,0BAA0B,IAAI,CAAC;AAExD,aAAO,iBAAiB,OAAO,eAAe;AAAA,IAChD;AAAA,EAAA;AAGF,QAAM,kBAAgC,CAAA;AAEtC,MAAI,iBAAiB;AACnB,UAAM,eAAe,KAAK,aAAa,eAAe,KAAK;AAC3D,UAAM,WAAW,SAAS,cAAc,GAAG;AAE3C,aAAS,YAAY;AAErB,QAAI,CAAC,gBAAgB,CAAC,aAAa;AACjC,eAAS,aAAa,cAAc,MAAM;AAAA,IAC5C;AAEA,oBAAgB,KAAK,yBAAyB,QAAQ,CAAC;AAAA,EACzD;AAEA,kBAAgB,KAAK,GAAG,YAAY;AAEpC,SAAO,4BAA4B,EAAE,UAAU,iBAAiB;AAClE;AAEA,MAAM,2BAA2B,CAAC,YAAyB;AACzD,SAAO,IAAI,eAAe,OAAO,EAC9B,cAAc,sBAAsB,EACpC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,GAAG,WAAW,SAAS;AAAA,MACvB,cAAc,MAAM,QAAQ;AAAA,MAC5B,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA,EACd,CACD,EACA,MAAA;AACL;AAEA,MAAM,2BAA2B,CAAC,UAAwC;AACxE,QAAM,EAAE,gBAAgB;AAExB,MAAI;AAEJ,MAAI,aAAa;AACf,UAAM,eAAe,YAAY;AAAA,MAAK,CAAC,SACrC,KAAK,aAAa,eAAe;AAAA,IAAA;AAGnC,eAAW,YAAY,IAAI,CAAC,MAAM,UAAU;AAC1C,YAAM,kBAAkB,KAAK,aAAa,eAAe;AACzD,aAAO,iBAAiB;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa,UAAU;AAAA,MAAA,CACxB;AAAA,IACH,CAAC;AAED,QAAI,cAAc;AAChB,iBAAW,MAAM;AACf,cAAM,YAAY,MAAM;AAAA,UACtB,SAAS,iBAAiB,IAAI,sBAAsB,EAAE;AAAA,QAAA;AAExD,cAAM,wBAAwB,UAAU;AAAA,UACtC,CAAC,KAAK,MAAM,KAAK,IAAI,KAAK,EAAE,YAAY;AAAA,UACxC;AAAA,QAAA;AAEF,kBAAU;AAAA,UACR,CAAC,MAAO,EAAE,MAAM,SAAS,GAAG,qBAAqB;AAAA,QAAA;AAAA,MAErD,GAAG,GAAG;AAAA,IACR;AAAA,EACF,OAAO;AACL,eAAW;AAAA,MACT,oBAAoB,OAAO,wBAAwB;AAAA,MACnD,oBAAoB,OAAO,wBAAwB;AAAA,MACnD,oBAAoB,OAAO,0BAA0B;AAAA,IAAA;AAAA,EAEzD;AAEA,SAAO,IAAI,eAAA,EACR,cAAc,8BAA8B,EAC5C,aAAa,GAAG,QAAQ,EACxB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,QACtC,CAAC,GAAG,GAAG;AAAA,UACL,SAAS;AAAA,UACT,qBAAqB;AAAA,QAAA;AAAA,MACvB;AAAA,MAGF,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,QAC1C,YAAY,MAAM,QAAQ;AAAA,MAAA;AAAA,IAC5B;AAAA,EACF,CACD,EACA,MAAA;AACL;AAEO,MAAM,mCAAmC;"}

package/dist/composite/footer/elements/main-section/row-logo/contact.d.ts

@@ -1,5 +1,4 @@
 import { ContactProps } from '../../../_types';
 import { UMDElement } from '../../../../../_types';
-declare const _default: (props: ContactProps) => UMDElement;
-export default _default;
+export declare const createCompositeFooterContact: (props: ContactProps) => UMDElement;
 //# sourceMappingURL=contact.d.ts.map

package/dist/composite/footer/elements/main-section/row-logo/contact.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contact.d.ts","sourceRoot":"","sources":["../../../../../../source/composite/footer/elements/main-section/row-logo/contact.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;yBAwMxC,OAAO,YAAY,KAAG,UAAU;AAAhD,wBAkEE"}
+{"version":3,"file":"contact.d.ts","sourceRoot":"","sources":["../../../../../../source/composite/footer/elements/main-section/row-logo/contact.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;AA4QxD,eAAO,MAAM,4BAA4B,UApEJ,YAAY,KAAG,UAoEY,CAAC"}

package/dist/composite/footer/elements/main-section/row-logo/contact.js

@@ -1,10 +1,9 @@
-"use strict";
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const Styles = require("@universityofmaryland/web-styles-library");
-const animation = require("@universityofmaryland/web-utilities-library/animation");
-const social = require("../social.js");
-const globals = require("../../../globals.js");
-const { MEDIUM, LARGE } = globals.BREAKPOINTS;
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import { token, animation, typography } from "@universityofmaryland/web-styles-library";
+import { wrapLinkForAnimation } from "@universityofmaryland/web-utilities-library/animation";
+import { createCompositeFooterSocial } from "../social.js";
+import { BREAKPOINTS } from "../../../globals.js";
+const { MEDIUM, LARGE } = BREAKPOINTS;
 const DEFAULT_HEADLINE_LINK = {
   url: "https://www.usmd.edu/",
   title: "The Flagship Institution of the State of Maryland"
@@ -28,7 +27,7 @@ const createContactListHeadline = ({
   children
 }) => {
   const { isThemeLight } = props;
-  const builder = new webBuilderLibrary.ElementBuilder(
+  const builder = new ElementBuilder(
     element ?? document.createElement("p")
   ).withClassName("umd-footer-contact-list-headline");
   if (children) {
@@ -36,26 +35,26 @@ const createContactListHeadline = ({
   }
   return builder.withStyles({
     element: {
-      marginBottom: Styles.token.spacing.min,
-      color: Styles.token.color.white,
+      marginBottom: token.spacing.min,
+      color: token.color.white,
       fontWeight: 700,
-      ...Styles.typography.elements.interativeMedium,
+      ...typography.elements.interativeMedium,
       ["& span"]: {
         ...isThemeLight && {
-          color: Styles.token.color.black
+          color: token.color.black
         }
       },
       [`& a`]: {
-        ...Styles.animation.line.slideUnderWhite,
+        ...animation.line.slideUnderWhite,
         ...isThemeLight && {
-          ...Styles.animation.line.slideUnderBlack
+          ...animation.line.slideUnderBlack
         }
       },
       [`& p`]: {
         lineHeight: "1.4em"
       },
       [`@container (max-width: ${MEDIUM - 1}px)`]: {
-        paddingTop: Styles.token.spacing.md
+        paddingTop: token.spacing.md
       }
     }
   }).build();
@@ -65,11 +64,11 @@ const createDefaultHeadline = (props) => {
   return createContactListHeadline({ props, children: [headlineLink] });
 };
 const createAddress = (address) => {
-  return new webBuilderLibrary.ElementBuilder(address).withClassName("umd-footer-contact-list-address").withStyles({
+  return new ElementBuilder(address).withClassName("umd-footer-contact-list-address").withStyles({
     element: {
       [`& *`]: {
         display: "block",
-        ...Styles.typography.sans.small
+        ...typography.sans.small
       },
       ["& + *"]: {
         marginTop: "2px"
@@ -101,17 +100,17 @@ const linkWithSpan = (props, {
   if (label) link.setAttribute("aria-label", label);
   span.innerText = title;
   link.appendChild(span);
-  return new webBuilderLibrary.ElementBuilder(link).withClassName("umd-element-footer-contact-link").withStyles({
+  return new ElementBuilder(link).withClassName("umd-element-footer-contact-link").withStyles({
     element: {
       display: "block",
-      ...Styles.animation.line.slideUnderWhite,
+      ...animation.line.slideUnderWhite,
       ...isThemeLight && {
-        ...Styles.animation.line.slideUnderBlack
+        ...animation.line.slideUnderBlack
       },
       [`&:not(:first-child)`]: {
         position: "relative",
-        marginLeft: Styles.token.spacing.min,
-        paddingLeft: Styles.token.spacing.min,
+        marginLeft: token.spacing.min,
+        paddingLeft: token.spacing.min,
         backgroundPosition: "10px 100%"
       },
       [`&:not(:first-child)::before`]: {
@@ -119,7 +118,7 @@ const linkWithSpan = (props, {
         display: "inline-block",
         height: "3px",
         width: "3px",
-        backgroundColor: Styles.token.color.white,
+        backgroundColor: token.color.white,
         borderRadius: "50%",
         position: "absolute",
         top: "50%",
@@ -129,7 +128,7 @@ const linkWithSpan = (props, {
   }).build();
 };
 const createContactLinksList = ({ children }) => {
-  const builder = new webBuilderLibrary.ElementBuilder(document.createElement("p")).withClassName(
+  const builder = new ElementBuilder(document.createElement("p")).withClassName(
     "umd-footer-contact-links-list"
   );
   if (children) {
@@ -139,7 +138,7 @@ const createContactLinksList = ({ children }) => {
     element: {
       display: "flex",
       [`& *`]: {
-        ...Styles.typography.sans.small
+        ...typography.sans.small
       }
     }
   }).build();
@@ -149,14 +148,14 @@ const createDefaultLinks = (props) => {
   const phone = linkWithSpan(props, DEFAULT_PHONE);
   return createContactLinksList({ children: [email, phone] });
 };
-const createContactContainer = (props) => {
+const CreateContactElement = (props) => {
   const { slotAddress, slotHeadline, slotContentLinks } = props;
-  const socialContainer = social(props);
+  const socialContainer = createCompositeFooterSocial(props);
   const hasSlot = slotAddress || slotHeadline || slotContentLinks;
   const contactChildren = [];
   if (hasSlot) {
     if (slotHeadline) {
-      animation.wrapLinkForAnimation({ element: slotHeadline });
+      wrapLinkForAnimation({ element: slotHeadline });
       contactChildren.push(
         createContactListHeadline({ props, element: slotHeadline })
       );
@@ -170,7 +169,7 @@ const createContactContainer = (props) => {
       contactLinksElements.forEach((link) => {
         const linkElement = linkWithSpan(props, {
           url: link.href,
-          title: link.textContent ?? "",
+          title: link.textContent?.trim() ?? "",
           label: link.ariaLabel ?? void 0
         });
         contactLinksList.push(linkElement);
@@ -185,7 +184,7 @@ const createContactContainer = (props) => {
     contactChildren.push(createDefaultLinks(props));
   }
   contactChildren.push(socialContainer);
-  return new webBuilderLibrary.ElementBuilder().withClassName("umd-footer-contact-container").withChildren(...contactChildren).withStyles({
+  return new ElementBuilder().withClassName("umd-footer-contact-container").withChildren(...contactChildren).withStyles({
     element: {
       ["& p"]: {
         lineHeight: "1.4em"
@@ -194,13 +193,16 @@ const createContactContainer = (props) => {
         display: "block"
       },
       [`@container (max-width: ${MEDIUM - 1})`]: {
-        paddingTop: Styles.token.spacing.md
+        paddingTop: token.spacing.md
       },
       [`@container (min-width: ${LARGE}px)`]: {
-        paddingLeft: Styles.token.spacing["xl"]
+        paddingLeft: token.spacing["xl"]
       }
     }
   }).build();
 };
-module.exports = createContactContainer;
+const createCompositeFooterContact = CreateContactElement;
+export {
+  createCompositeFooterContact
+};
 //# sourceMappingURL=contact.js.map

package/dist/composite/footer/elements/main-section/row-logo/contact.js.map

@@ -1 +1 @@
-{"version":3,"file":"contact.js","sources":["../../../../../../source/composite/footer/elements/main-section/row-logo/contact.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport {\n  animation,\n  token,\n  typography,\n} from '@universityofmaryland/web-styles-library';\nimport { wrapLinkForAnimation } from '@universityofmaryland/web-utilities-library/animation';\nimport createSocialCampaignColumns from '../social';\nimport { BREAKPOINTS } from '../../../globals';\nimport { ContactProps } from '../../../_types';\nimport { type UMDElement } from '../../../../../_types';\n\nconst { MEDIUM, LARGE } = BREAKPOINTS;\n\nconst DEFAULT_HEADLINE_LINK = {\n  url: 'https://www.usmd.edu/',\n  title: 'The Flagship Institution of the State of Maryland',\n};\nconst DEFAULT_ADDRESS_TITLE = 'Office of Marketing and Communications';\nconst DEFAULT_ADDRESS_ONE = '2101 Turner Hall';\nconst DEFAULT_ADDRESS_TWO = 'College Park, MD 20742';\nconst DEFAULT_EMAIL = {\n  url: 'mailto:omc@umd.edu',\n  title: 'omc@umd.edu',\n  label: 'Email: Office of the marketing and communications at omc@umd.edu',\n};\nconst DEFAULT_PHONE = {\n  url: 'tel:3014051000',\n  title: '301.405.1000',\n  label: 'Call: 301-405-1000',\n};\n\nconst createContactListHeadline = ({\n  props,\n  element,\n  children,\n}: {\n  props: Pick<ContactProps, 'isThemeLight'>;\n  element?: HTMLElement;\n  children?: UMDElement[];\n}) => {\n  const { isThemeLight } = props;\n\n  const builder = new ElementBuilder(\n    element ?? document.createElement('p'),\n  ).withClassName('umd-footer-contact-list-headline');\n\n  if (children) {\n    builder.withChildren(...children);\n  }\n\n  return builder\n    .withStyles({\n      element: {\n        marginBottom: token.spacing.min,\n        color: token.color.white,\n        fontWeight: 700,\n        ...typography.elements.interativeMedium,\n\n        ['& span']: {\n          ...(isThemeLight && {\n            color: token.color.black,\n          }),\n        },\n\n        [`& a`]: {\n          ...animation.line.slideUnderWhite,\n\n          ...(isThemeLight && {\n            ...animation.line.slideUnderBlack,\n          }),\n        },\n\n        [`& p`]: {\n          lineHeight: '1.4em',\n        },\n\n        [`@container (max-width: ${MEDIUM - 1}px)`]: {\n          paddingTop: token.spacing.md,\n        },\n      },\n    })\n    .build();\n};\n\nconst createDefaultHeadline = (props: ContactProps): UMDElement => {\n  const headlineLink = linkWithSpan(props, DEFAULT_HEADLINE_LINK);\n\n  return createContactListHeadline({ props: props, children: [headlineLink] });\n};\n\nconst createAddress = (address: HTMLElement) => {\n  return new ElementBuilder(address)\n    .withClassName('umd-footer-contact-list-address')\n    .withStyles({\n      element: {\n        [`& *`]: {\n          display: 'block',\n          ...typography.sans.small,\n        },\n\n        ['& + *']: {\n          marginTop: '2px',\n        },\n      },\n    })\n    .build();\n};\n\nconst createDefaultAddress = (): UMDElement => {\n  const address = document.createElement('address');\n  const addressParagraphOne = document.createElement('p');\n  const addressParagraphTwo = document.createElement('p');\n\n  addressParagraphOne.innerHTML = DEFAULT_ADDRESS_TITLE;\n  addressParagraphTwo.innerHTML = `${DEFAULT_ADDRESS_ONE} ${DEFAULT_ADDRESS_TWO}`;\n\n  address.appendChild(addressParagraphOne);\n  address.appendChild(addressParagraphTwo);\n\n  return createAddress(address);\n};\n\nconst linkWithSpan = (\n  props: Pick<ContactProps, 'isThemeLight'>,\n  {\n    url,\n    title,\n    label,\n  }: {\n    url: string;\n    title: string;\n    label?: string;\n  },\n) => {\n  const link = document.createElement('a');\n  const span = document.createElement('span');\n  const { isThemeLight } = props;\n\n  link.setAttribute('href', url);\n  link.setAttribute('target', '_blank');\n  link.setAttribute('rel', 'noopener noreferrer');\n\n  if (label) link.setAttribute('aria-label', label);\n\n  span.innerText = title;\n  link.appendChild(span);\n\n  return new ElementBuilder(link)\n    .withClassName('umd-element-footer-contact-link')\n    .withStyles({\n      element: {\n        display: 'block',\n        ...animation.line.slideUnderWhite,\n\n        ...(isThemeLight && {\n          ...animation.line.slideUnderBlack,\n        }),\n\n        [`&:not(:first-child)`]: {\n          position: 'relative',\n          marginLeft: token.spacing.min,\n          paddingLeft: token.spacing.min,\n          backgroundPosition: '10px 100%',\n        },\n\n        [`&:not(:first-child)::before`]: {\n          content: '\"\"',\n          display: 'inline-block',\n          height: '3px',\n          width: '3px',\n          backgroundColor: token.color.white,\n          borderRadius: '50%',\n          position: 'absolute',\n          top: '50%',\n          left: 0,\n        },\n      },\n    })\n    .build();\n};\n\nconst createContactLinksList = ({ children }: { children?: UMDElement[] }) => {\n  const builder = new ElementBuilder(document.createElement('p')).withClassName(\n    'umd-footer-contact-links-list',\n  );\n\n  if (children) {\n    builder.withChildren(...children);\n  }\n\n  return builder\n    .withStyles({\n      element: {\n        display: 'flex',\n        [`& *`]: {\n          ...typography.sans.small,\n        },\n      },\n    })\n    .build();\n};\n\nconst createDefaultLinks = (props: ContactProps): UMDElement => {\n  const email = linkWithSpan(props, DEFAULT_EMAIL);\n  const phone = linkWithSpan(props, DEFAULT_PHONE);\n\n  return createContactLinksList({ children: [email, phone] });\n};\n\nexport default (props: ContactProps): UMDElement => {\n  const { slotAddress, slotHeadline, slotContentLinks } = props;\n  const socialContainer = createSocialCampaignColumns(props);\n  const hasSlot = slotAddress || slotHeadline || slotContentLinks;\n\n  const contactChildren: UMDElement[] = [];\n\n  if (hasSlot) {\n    if (slotHeadline) {\n      wrapLinkForAnimation({ element: slotHeadline });\n      contactChildren.push(\n        createContactListHeadline({ props: props, element: slotHeadline }),\n      );\n    }\n    if (slotAddress) {\n      contactChildren.push(createAddress(slotAddress));\n    }\n    if (slotContentLinks) {\n      const contactLinksList: UMDElement[] = [];\n      const contactLinksElements = slotContentLinks.querySelectorAll('a');\n\n      contactLinksElements.forEach((link: HTMLAnchorElement) => {\n        const linkElement = linkWithSpan(props, {\n          url: link.href,\n          title: link.textContent ?? '',\n          label: link.ariaLabel ?? undefined,\n        });\n\n        contactLinksList.push(linkElement);\n      });\n\n      contactChildren.push(\n        createContactLinksList({ children: contactLinksList }),\n      );\n    }\n  } else {\n    contactChildren.push(createDefaultHeadline(props));\n    contactChildren.push(createDefaultAddress());\n    contactChildren.push(createDefaultLinks(props));\n  }\n\n  contactChildren.push(socialContainer);\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-contact-container')\n    .withChildren(...contactChildren)\n    .withStyles({\n      element: {\n        ['& p']: {\n          lineHeight: '1.4em',\n        },\n\n        ['& > .umd-footer-social-column_wrapper']: {\n          display: 'block',\n        },\n\n        [`@container (max-width: ${MEDIUM - 1})`]: {\n          paddingTop: token.spacing.md,\n        },\n\n        [`@container (min-width: ${LARGE}px)`]: {\n          paddingLeft: token.spacing['xl'],\n        },\n      },\n    })\n    .build();\n};\n"],"names":["BREAKPOINTS","ElementBuilder","token","typography","animation","createSocialCampaignColumns","wrapLinkForAnimation"],"mappings":";;;;;;AAYA,MAAM,EAAE,QAAQ,MAAA,IAAUA,QAAAA;AAE1B,MAAM,wBAAwB;AAAA,EAC5B,KAAK;AAAA,EACL,OAAO;AACT;AACA,MAAM,wBAAwB;AAC9B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,gBAAgB;AAAA,EACpB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AACT;AACA,MAAM,gBAAgB;AAAA,EACpB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AACT;AAEA,MAAM,4BAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,EAAE,iBAAiB;AAEzB,QAAM,UAAU,IAAIC,kBAAAA;AAAAA,IAClB,WAAW,SAAS,cAAc,GAAG;AAAA,EAAA,EACrC,cAAc,kCAAkC;AAElD,MAAI,UAAU;AACZ,YAAQ,aAAa,GAAG,QAAQ;AAAA,EAClC;AAEA,SAAO,QACJ,WAAW;AAAA,IACV,SAAS;AAAA,MACP,cAAcC,OAAAA,MAAM,QAAQ;AAAA,MAC5B,OAAOA,OAAAA,MAAM,MAAM;AAAA,MACnB,YAAY;AAAA,MACZ,GAAGC,OAAAA,WAAW,SAAS;AAAA,MAEvB,CAAC,QAAQ,GAAG;AAAA,QACV,GAAI,gBAAgB;AAAA,UAClB,OAAOD,OAAAA,MAAM,MAAM;AAAA,QAAA;AAAA,MACrB;AAAA,MAGF,CAAC,KAAK,GAAG;AAAA,QACP,GAAGE,OAAAA,UAAU,KAAK;AAAA,QAElB,GAAI,gBAAgB;AAAA,UAClB,GAAGA,OAAAA,UAAU,KAAK;AAAA,QAAA;AAAA,MACpB;AAAA,MAGF,CAAC,KAAK,GAAG;AAAA,QACP,YAAY;AAAA,MAAA;AAAA,MAGd,CAAC,0BAA0B,SAAS,CAAC,KAAK,GAAG;AAAA,QAC3C,YAAYF,OAAAA,MAAM,QAAQ;AAAA,MAAA;AAAA,IAC5B;AAAA,EACF,CACD,EACA,MAAA;AACL;AAEA,MAAM,wBAAwB,CAAC,UAAoC;AACjE,QAAM,eAAe,aAAa,OAAO,qBAAqB;AAE9D,SAAO,0BAA0B,EAAE,OAAc,UAAU,CAAC,YAAY,GAAG;AAC7E;AAEA,MAAM,gBAAgB,CAAC,YAAyB;AAC9C,SAAO,IAAID,kBAAAA,eAAe,OAAO,EAC9B,cAAc,iCAAiC,EAC/C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,KAAK,GAAG;AAAA,QACP,SAAS;AAAA,QACT,GAAGE,OAAAA,WAAW,KAAK;AAAA,MAAA;AAAA,MAGrB,CAAC,OAAO,GAAG;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF,CACD,EACA,MAAA;AACL;AAEA,MAAM,uBAAuB,MAAkB;AAC7C,QAAM,UAAU,SAAS,cAAc,SAAS;AAChD,QAAM,sBAAsB,SAAS,cAAc,GAAG;AACtD,QAAM,sBAAsB,SAAS,cAAc,GAAG;AAEtD,sBAAoB,YAAY;AAChC,sBAAoB,YAAY,GAAG,mBAAmB,IAAI,mBAAmB;AAE7E,UAAQ,YAAY,mBAAmB;AACvC,UAAQ,YAAY,mBAAmB;AAEvC,SAAO,cAAc,OAAO;AAC9B;AAEA,MAAM,eAAe,CACnB,OACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AACF,MAKG;AACH,QAAM,OAAO,SAAS,cAAc,GAAG;AACvC,QAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,QAAM,EAAE,iBAAiB;AAEzB,OAAK,aAAa,QAAQ,GAAG;AAC7B,OAAK,aAAa,UAAU,QAAQ;AACpC,OAAK,aAAa,OAAO,qBAAqB;AAE9C,MAAI,MAAO,MAAK,aAAa,cAAc,KAAK;AAEhD,OAAK,YAAY;AACjB,OAAK,YAAY,IAAI;AAErB,SAAO,IAAIF,kBAAAA,eAAe,IAAI,EAC3B,cAAc,iCAAiC,EAC/C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,GAAGG,OAAAA,UAAU,KAAK;AAAA,MAElB,GAAI,gBAAgB;AAAA,QAClB,GAAGA,OAAAA,UAAU,KAAK;AAAA,MAAA;AAAA,MAGpB,CAAC,qBAAqB,GAAG;AAAA,QACvB,UAAU;AAAA,QACV,YAAYF,OAAAA,MAAM,QAAQ;AAAA,QAC1B,aAAaA,OAAAA,MAAM,QAAQ;AAAA,QAC3B,oBAAoB;AAAA,MAAA;AAAA,MAGtB,CAAC,6BAA6B,GAAG;AAAA,QAC/B,SAAS;AAAA,QACT,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,iBAAiBA,OAAAA,MAAM,MAAM;AAAA,QAC7B,cAAc;AAAA,QACd,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,EACF,CACD,EACA,MAAA;AACL;AAEA,MAAM,yBAAyB,CAAC,EAAE,eAA4C;AAC5E,QAAM,UAAU,IAAID,iCAAe,SAAS,cAAc,GAAG,CAAC,EAAE;AAAA,IAC9D;AAAA,EAAA;AAGF,MAAI,UAAU;AACZ,YAAQ,aAAa,GAAG,QAAQ;AAAA,EAClC;AAEA,SAAO,QACJ,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,CAAC,KAAK,GAAG;AAAA,QACP,GAAGE,OAAAA,WAAW,KAAK;AAAA,MAAA;AAAA,IACrB;AAAA,EACF,CACD,EACA,MAAA;AACL;AAEA,MAAM,qBAAqB,CAAC,UAAoC;AAC9D,QAAM,QAAQ,aAAa,OAAO,aAAa;AAC/C,QAAM,QAAQ,aAAa,OAAO,aAAa;AAE/C,SAAO,uBAAuB,EAAE,UAAU,CAAC,OAAO,KAAK,GAAG;AAC5D;AAEA,MAAA,yBAAe,CAAC,UAAoC;AAClD,QAAM,EAAE,aAAa,cAAc,iBAAA,IAAqB;AACxD,QAAM,kBAAkBE,OAA4B,KAAK;AACzD,QAAM,UAAU,eAAe,gBAAgB;AAE/C,QAAM,kBAAgC,CAAA;AAEtC,MAAI,SAAS;AACX,QAAI,cAAc;AAChBC,qCAAqB,EAAE,SAAS,cAAc;AAC9C,sBAAgB;AAAA,QACd,0BAA0B,EAAE,OAAc,SAAS,cAAc;AAAA,MAAA;AAAA,IAErE;AACA,QAAI,aAAa;AACf,sBAAgB,KAAK,cAAc,WAAW,CAAC;AAAA,IACjD;AACA,QAAI,kBAAkB;AACpB,YAAM,mBAAiC,CAAA;AACvC,YAAM,uBAAuB,iBAAiB,iBAAiB,GAAG;AAElE,2BAAqB,QAAQ,CAAC,SAA4B;AACxD,cAAM,cAAc,aAAa,OAAO;AAAA,UACtC,KAAK,KAAK;AAAA,UACV,OAAO,KAAK,eAAe;AAAA,UAC3B,OAAO,KAAK,aAAa;AAAA,QAAA,CAC1B;AAED,yBAAiB,KAAK,WAAW;AAAA,MACnC,CAAC;AAED,sBAAgB;AAAA,QACd,uBAAuB,EAAE,UAAU,iBAAA,CAAkB;AAAA,MAAA;AAAA,IAEzD;AAAA,EACF,OAAO;AACL,oBAAgB,KAAK,sBAAsB,KAAK,CAAC;AACjD,oBAAgB,KAAK,sBAAsB;AAC3C,oBAAgB,KAAK,mBAAmB,KAAK,CAAC;AAAA,EAChD;AAEA,kBAAgB,KAAK,eAAe;AAEpC,SAAO,IAAIL,kBAAAA,eAAA,EACR,cAAc,8BAA8B,EAC5C,aAAa,GAAG,eAAe,EAC/B,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,KAAK,GAAG;AAAA,QACP,YAAY;AAAA,MAAA;AAAA,MAGd,CAAC,uCAAuC,GAAG;AAAA,QACzC,SAAS;AAAA,MAAA;AAAA,MAGX,CAAC,0BAA0B,SAAS,CAAC,GAAG,GAAG;AAAA,QACzC,YAAYC,OAAAA,MAAM,QAAQ;AAAA,MAAA;AAAA,MAG5B,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,QACtC,aAAaA,OAAAA,MAAM,QAAQ,IAAI;AAAA,MAAA;AAAA,IACjC;AAAA,EACF,CACD,EACA,MAAA;AACL;;"}
+{"version":3,"file":"contact.js","sources":["../../../../../../source/composite/footer/elements/main-section/row-logo/contact.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport {\n  animation,\n  token,\n  typography,\n} from '@universityofmaryland/web-styles-library';\nimport { wrapLinkForAnimation } from '@universityofmaryland/web-utilities-library/animation';\nimport { createCompositeFooterSocial as createSocialCampaignColumns } from '../social';\nimport { BREAKPOINTS } from '../../../globals';\nimport { ContactProps } from '../../../_types';\nimport { type UMDElement } from '../../../../../_types';\n\nconst { MEDIUM, LARGE } = BREAKPOINTS;\n\nconst DEFAULT_HEADLINE_LINK = {\n  url: 'https://www.usmd.edu/',\n  title: 'The Flagship Institution of the State of Maryland',\n};\nconst DEFAULT_ADDRESS_TITLE = 'Office of Marketing and Communications';\nconst DEFAULT_ADDRESS_ONE = '2101 Turner Hall';\nconst DEFAULT_ADDRESS_TWO = 'College Park, MD 20742';\nconst DEFAULT_EMAIL = {\n  url: 'mailto:omc@umd.edu',\n  title: 'omc@umd.edu',\n  label: 'Email: Office of the marketing and communications at omc@umd.edu',\n};\nconst DEFAULT_PHONE = {\n  url: 'tel:3014051000',\n  title: '301.405.1000',\n  label: 'Call: 301-405-1000',\n};\n\nconst createContactListHeadline = ({\n  props,\n  element,\n  children,\n}: {\n  props: Pick<ContactProps, 'isThemeLight'>;\n  element?: HTMLElement;\n  children?: UMDElement[];\n}) => {\n  const { isThemeLight } = props;\n\n  const builder = new ElementBuilder(\n    element ?? document.createElement('p'),\n  ).withClassName('umd-footer-contact-list-headline');\n\n  if (children) {\n    builder.withChildren(...children);\n  }\n\n  return builder\n    .withStyles({\n      element: {\n        marginBottom: token.spacing.min,\n        color: token.color.white,\n        fontWeight: 700,\n        ...typography.elements.interativeMedium,\n\n        ['& span']: {\n          ...(isThemeLight && {\n            color: token.color.black,\n          }),\n        },\n\n        [`& a`]: {\n          ...animation.line.slideUnderWhite,\n\n          ...(isThemeLight && {\n            ...animation.line.slideUnderBlack,\n          }),\n        },\n\n        [`& p`]: {\n          lineHeight: '1.4em',\n        },\n\n        [`@container (max-width: ${MEDIUM - 1}px)`]: {\n          paddingTop: token.spacing.md,\n        },\n      },\n    })\n    .build();\n};\n\nconst createDefaultHeadline = (props: ContactProps): UMDElement => {\n  const headlineLink = linkWithSpan(props, DEFAULT_HEADLINE_LINK);\n\n  return createContactListHeadline({ props: props, children: [headlineLink] });\n};\n\nconst createAddress = (address: HTMLElement) => {\n  return new ElementBuilder(address)\n    .withClassName('umd-footer-contact-list-address')\n    .withStyles({\n      element: {\n        [`& *`]: {\n          display: 'block',\n          ...typography.sans.small,\n        },\n\n        ['& + *']: {\n          marginTop: '2px',\n        },\n      },\n    })\n    .build();\n};\n\nconst createDefaultAddress = (): UMDElement => {\n  const address = document.createElement('address');\n  const addressParagraphOne = document.createElement('p');\n  const addressParagraphTwo = document.createElement('p');\n\n  addressParagraphOne.innerHTML = DEFAULT_ADDRESS_TITLE;\n  addressParagraphTwo.innerHTML = `${DEFAULT_ADDRESS_ONE} ${DEFAULT_ADDRESS_TWO}`;\n\n  address.appendChild(addressParagraphOne);\n  address.appendChild(addressParagraphTwo);\n\n  return createAddress(address);\n};\n\nconst linkWithSpan = (\n  props: Pick<ContactProps, 'isThemeLight'>,\n  {\n    url,\n    title,\n    label,\n  }: {\n    url: string;\n    title: string;\n    label?: string;\n  },\n) => {\n  const link = document.createElement('a');\n  const span = document.createElement('span');\n  const { isThemeLight } = props;\n\n  link.setAttribute('href', url);\n  link.setAttribute('target', '_blank');\n  link.setAttribute('rel', 'noopener noreferrer');\n\n  if (label) link.setAttribute('aria-label', label);\n\n  span.innerText = title;\n  link.appendChild(span);\n\n  return new ElementBuilder(link)\n    .withClassName('umd-element-footer-contact-link')\n    .withStyles({\n      element: {\n        display: 'block',\n        ...animation.line.slideUnderWhite,\n\n        ...(isThemeLight && {\n          ...animation.line.slideUnderBlack,\n        }),\n\n        [`&:not(:first-child)`]: {\n          position: 'relative',\n          marginLeft: token.spacing.min,\n          paddingLeft: token.spacing.min,\n          backgroundPosition: '10px 100%',\n        },\n\n        [`&:not(:first-child)::before`]: {\n          content: '\"\"',\n          display: 'inline-block',\n          height: '3px',\n          width: '3px',\n          backgroundColor: token.color.white,\n          borderRadius: '50%',\n          position: 'absolute',\n          top: '50%',\n          left: 0,\n        },\n      },\n    })\n    .build();\n};\n\nconst createContactLinksList = ({ children }: { children?: UMDElement[] }) => {\n  const builder = new ElementBuilder(document.createElement('p')).withClassName(\n    'umd-footer-contact-links-list',\n  );\n\n  if (children) {\n    builder.withChildren(...children);\n  }\n\n  return builder\n    .withStyles({\n      element: {\n        display: 'flex',\n        [`& *`]: {\n          ...typography.sans.small,\n        },\n      },\n    })\n    .build();\n};\n\nconst createDefaultLinks = (props: ContactProps): UMDElement => {\n  const email = linkWithSpan(props, DEFAULT_EMAIL);\n  const phone = linkWithSpan(props, DEFAULT_PHONE);\n\n  return createContactLinksList({ children: [email, phone] });\n};\n\nconst CreateContactElement = (props: ContactProps): UMDElement => {\n  const { slotAddress, slotHeadline, slotContentLinks } = props;\n  const socialContainer = createSocialCampaignColumns(props);\n  const hasSlot = slotAddress || slotHeadline || slotContentLinks;\n\n  const contactChildren: UMDElement[] = [];\n\n  if (hasSlot) {\n    if (slotHeadline) {\n      wrapLinkForAnimation({ element: slotHeadline });\n      contactChildren.push(\n        createContactListHeadline({ props: props, element: slotHeadline }),\n      );\n    }\n    if (slotAddress) {\n      contactChildren.push(createAddress(slotAddress));\n    }\n    if (slotContentLinks) {\n      const contactLinksList: UMDElement[] = [];\n      const contactLinksElements = slotContentLinks.querySelectorAll('a');\n\n      contactLinksElements.forEach((link: HTMLAnchorElement) => {\n        const linkElement = linkWithSpan(props, {\n          url: link.href,\n          title: link.textContent?.trim() ?? '',\n          label: link.ariaLabel ?? undefined,\n        });\n\n        contactLinksList.push(linkElement);\n      });\n\n      contactChildren.push(\n        createContactLinksList({ children: contactLinksList }),\n      );\n    }\n  } else {\n    contactChildren.push(createDefaultHeadline(props));\n    contactChildren.push(createDefaultAddress());\n    contactChildren.push(createDefaultLinks(props));\n  }\n\n  contactChildren.push(socialContainer);\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-contact-container')\n    .withChildren(...contactChildren)\n    .withStyles({\n      element: {\n        ['& p']: {\n          lineHeight: '1.4em',\n        },\n\n        ['& > .umd-footer-social-column_wrapper']: {\n          display: 'block',\n        },\n\n        [`@container (max-width: ${MEDIUM - 1})`]: {\n          paddingTop: token.spacing.md,\n        },\n\n        [`@container (min-width: ${LARGE}px)`]: {\n          paddingLeft: token.spacing['xl'],\n        },\n      },\n    })\n    .build();\n};\n\nexport const createCompositeFooterContact = CreateContactElement;\n"],"names":["createSocialCampaignColumns"],"mappings":"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"}

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

@@ -1,5 +1,4 @@
 import { RowLogoProps } from '../../../_types';
 import { UMDElement } from '../../../../../_types';
-declare const _default: (props: RowLogoProps) => UMDElement;
-export default _default;
+export declare const createCompositeFooterRowLogo: (props: RowLogoProps) => UMDElement;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../source/composite/footer/elements/main-section/row-logo/index.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;yBAIxC,OAAO,YAAY,KAAG,UAAU;AAAhD,wBAkEE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../source/composite/footer/elements/main-section/row-logo/index.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAwExD,eAAO,MAAM,4BAA4B,UApEJ,YAAY,KAAG,UAoEY,CAAC"}