@universityofmaryland/web-elements-library 1.5.2 → 1.5.5

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

@@ -1,7 +1,7 @@
+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 createSocialCampaignColumns from "../social.mjs";
-import { createDiv, create } from "../../../../../model/elements/index.mjs";
 import { BREAKPOINTS } from "../../../globals.mjs";
 const { MEDIUM, LARGE } = BREAKPOINTS;
 const DEFAULT_HEADLINE_LINK = {
@@ -27,57 +27,54 @@ const createContactListHeadline = ({
   children
 }) => {
   const { isThemeLight } = props;
-  return create({
-    element: element ?? document.createElement("p"),
-    className: "umd-footer-contact-list-headline",
-    children: children ?? [],
-    elementStyles: {
-      element: {
-        marginBottom: token.spacing.min,
-        color: token.color.white,
-        fontWeight: 700,
-        ...typography.elements.interativeMedium,
-        ["& span"]: {
-          ...isThemeLight && {
-            color: token.color.black
-          }
-        },
-        [`& a`]: {
-          ...animation.line.slideUnderWhite,
-          ...isThemeLight && {
-            ...animation.line.slideUnderBlack
-          }
-        },
-        [`& p`]: {
-          lineHeight: "1.4em"
-        },
-        [`@container (max-width: ${MEDIUM - 1}px)`]: {
-          paddingTop: token.spacing.md
+  const builder = new ElementBuilder(
+    element ?? document.createElement("p")
+  ).withClassName("umd-footer-contact-list-headline");
+  if (children) {
+    builder.withChildren(...children);
+  }
+  return builder.withStyles({
+    element: {
+      marginBottom: token.spacing.min,
+      color: token.color.white,
+      fontWeight: 700,
+      ...typography.elements.interativeMedium,
+      ["& span"]: {
+        ...isThemeLight && {
+          color: token.color.black
+        }
+      },
+      [`& a`]: {
+        ...animation.line.slideUnderWhite,
+        ...isThemeLight && {
+          ...animation.line.slideUnderBlack
         }
+      },
+      [`& p`]: {
+        lineHeight: "1.4em"
+      },
+      [`@container (max-width: ${MEDIUM - 1}px)`]: {
+        paddingTop: token.spacing.md
       }
     }
-  });
+  }).build();
 };
 const createDefaultHeadline = (props) => {
   const headlineLink = linkWithSpan(props, DEFAULT_HEADLINE_LINK);
   return createContactListHeadline({ props, children: [headlineLink] });
 };
 const createAddress = (address) => {
-  return create({
-    element: address,
-    className: "umd-footer-contact-list-address",
-    elementStyles: {
-      element: {
-        [`& *`]: {
-          display: "block",
-          ...typography.sans.small
-        },
-        ["& + *"]: {
-          marginTop: "2px"
-        }
+  return new ElementBuilder(address).withClassName("umd-footer-contact-list-address").withStyles({
+    element: {
+      [`& *`]: {
+        display: "block",
+        ...typography.sans.small
+      },
+      ["& + *"]: {
+        marginTop: "2px"
       }
     }
-  });
+  }).build();
 };
 const createDefaultAddress = () => {
   const address = document.createElement("address");
@@ -103,54 +100,51 @@ const linkWithSpan = (props, {
   if (label) link.setAttribute("aria-label", label);
   span.innerText = title;
   link.appendChild(span);
-  return create({
-    className: "umd-element-footer-contact-link",
-    element: link,
-    elementStyles: {
-      element: {
-        display: "block",
-        ...animation.line.slideUnderWhite,
-        ...isThemeLight && {
-          ...animation.line.slideUnderBlack
-        },
-        [`&:not(:first-child)`]: {
-          position: "relative",
-          marginLeft: token.spacing.min,
-          paddingLeft: token.spacing.min,
-          backgroundPosition: "10px 100%"
-        },
-        [`&:not(:first-child)::before`]: {
-          content: '""',
-          display: "inline-block",
-          height: "3px",
-          width: "3px",
-          backgroundColor: token.color.white,
-          borderRadius: "50%",
-          position: "absolute",
-          top: "50%",
-          left: 0
-        }
+  return new ElementBuilder(link).withClassName("umd-element-footer-contact-link").withStyles({
+    element: {
+      display: "block",
+      ...animation.line.slideUnderWhite,
+      ...isThemeLight && {
+        ...animation.line.slideUnderBlack
+      },
+      [`&:not(:first-child)`]: {
+        position: "relative",
+        marginLeft: token.spacing.min,
+        paddingLeft: token.spacing.min,
+        backgroundPosition: "10px 100%"
+      },
+      [`&:not(:first-child)::before`]: {
+        content: '""',
+        display: "inline-block",
+        height: "3px",
+        width: "3px",
+        backgroundColor: token.color.white,
+        borderRadius: "50%",
+        position: "absolute",
+        top: "50%",
+        left: 0
       }
     }
-  });
+  }).build();
 };
 const createContactLinksList = ({
   element,
   children
 }) => {
-  return create({
-    element: element ?? document.createElement("p"),
-    className: "umd-footer-contact-links-list",
-    children: children ?? [],
-    elementStyles: {
-      element: {
-        display: "flex",
-        [`& *`]: {
-          ...typography.sans.small
-        }
+  const builder = new ElementBuilder(
+    element ?? document.createElement("p")
+  ).withClassName("umd-footer-contact-links-list");
+  if (children) {
+    builder.withChildren(...children);
+  }
+  return builder.withStyles({
+    element: {
+      display: "flex",
+      [`& *`]: {
+        ...typography.sans.small
       }
     }
-  });
+  }).build();
 };
 const createDefaultLinks = (props) => {
   const email = linkWithSpan(props, DEFAULT_EMAIL);
@@ -183,26 +177,22 @@ const createContactContainer = (props) => {
     contactChildren.push(createDefaultLinks(props));
   }
   contactChildren.push(socialContainer);
-  return createDiv({
-    className: "umd-footer-contact-container",
-    children: contactChildren,
-    elementStyles: {
-      element: {
-        ["& p"]: {
-          lineHeight: "1.4em"
-        },
-        ["& > .umd-footer-social-column_wrapper"]: {
-          display: "block"
-        },
-        [`@container (max-width: ${MEDIUM - 1})`]: {
-          paddingTop: token.spacing.md
-        },
-        [`@container (min-width: ${LARGE}px)`]: {
-          paddingLeft: token.spacing["xl"]
-        }
+  return new ElementBuilder().withClassName("umd-footer-contact-container").withChildren(...contactChildren).withStyles({
+    element: {
+      ["& p"]: {
+        lineHeight: "1.4em"
+      },
+      ["& > .umd-footer-social-column_wrapper"]: {
+        display: "block"
+      },
+      [`@container (max-width: ${MEDIUM - 1})`]: {
+        paddingTop: token.spacing.md
+      },
+      [`@container (min-width: ${LARGE}px)`]: {
+        paddingLeft: token.spacing["xl"]
       }
     }
-  });
+  }).build();
 };
 export {
   createContactContainer as default

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

@@ -1 +1 @@
-{"version":3,"file":"contact.mjs","sources":["../../../../../../source/composite/footer/elements/main-section/row-logo/contact.ts"],"sourcesContent":["import {\n  animation,\n  token,\n  typography,\n} from '@universityofmaryland/web-styles-library';\nimport { wrapLinkForAnimation } from '@universityofmaryland/web-utilities-library/animation';\nimport createSocialCampaignColumns, {\n  type SocialCampaignColumnsProps,\n} from '../social';\nimport { ElementModel } from 'model';\nimport { BREAKPOINTS } from '../../../globals';\nimport { BaseProps } from '../../../_types';\nimport { type ElementVisual } from '../../../../../_types';\n\ninterface HeadlineProps {\n  slotHeadline: HTMLSlotElement;\n}\n\ninterface AddressProps {\n  slotAddress: HTMLSlotElement;\n}\n\ninterface LinksProps {\n  slotContentLinks: HTMLSlotElement;\n}\n\nexport interface ContactProps\n  extends BaseProps,\n    SocialCampaignColumnsProps,\n    AddressProps,\n    HeadlineProps,\n    LinksProps {}\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: ContactProps;\n  element?: HTMLElement;\n  children?: ElementVisual[];\n}) => {\n  const { isThemeLight } = props;\n\n  return ElementModel.create({\n    element: element ?? document.createElement('p'),\n    className: 'umd-footer-contact-list-headline',\n    children: children ?? [],\n    elementStyles: {\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  });\n};\n\nconst createDefaultHeadline = (props: ContactProps): ElementVisual => {\n  const headlineLink = linkWithSpan(props, DEFAULT_HEADLINE_LINK);\n\n  return createContactListHeadline({ props: props, children: [headlineLink] });\n};\n\nconst createAddress = (address: HTMLElement) => {\n  return ElementModel.create({\n    element: address,\n    className: 'umd-footer-contact-list-address',\n    elementStyles: {\n      element: {\n        [`& *`]: {\n          display: 'block',\n          ...typography.sans.small,\n        },\n\n        ['& + *']: {\n          marginTop: '2px',\n        },\n      },\n    },\n  });\n};\n\nconst createDefaultAddress = (): ElementVisual => {\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: ContactProps,\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 ElementModel.create({\n    className: 'umd-element-footer-contact-link',\n    element: link,\n    elementStyles: {\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  });\n};\n\nconst createContactLinksList = ({\n  element,\n  children,\n}: {\n  element?: HTMLElement;\n  children?: ElementVisual[];\n}) => {\n  return ElementModel.create({\n    element: element ?? document.createElement('p'),\n    className: 'umd-footer-contact-links-list',\n    children: children ?? [],\n    elementStyles: {\n      element: {\n        display: 'flex',\n        [`& *`]: {\n          ...typography.sans.small,\n        },\n      },\n    },\n  });\n};\n\nconst createDefaultLinks = (props: ContactProps): ElementVisual => {\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): ElementVisual => {\n  const { slotAddress, slotHeadline, slotContentLinks } = props;\n  const socialContainer = createSocialCampaignColumns(props);\n  const hasSlot = slotAddress || slotHeadline || slotContentLinks;\n\n  const contactChildren: ElementVisual[] = [];\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      contactChildren.push(\n        createContactLinksList({ element: slotContentLinks }),\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 ElementModel.createDiv({\n    className: 'umd-footer-contact-container',\n    children: contactChildren,\n    elementStyles: {\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  });\n};\n"],"names":["ElementModel.create","ElementModel.createDiv"],"mappings":"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"}
+{"version":3,"file":"contact.mjs","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, {\n  type SocialCampaignColumnsProps,\n} from '../social';\nimport { BREAKPOINTS } from '../../../globals';\nimport { BaseProps } from '../../../_types';\nimport { type UMDElement } from '../../../../../_types';\n\ninterface HeadlineProps {\n  slotHeadline: HTMLSlotElement;\n}\n\ninterface AddressProps {\n  slotAddress: HTMLSlotElement;\n}\n\ninterface LinksProps {\n  slotContentLinks: HTMLSlotElement;\n}\n\nexport interface ContactProps\n  extends BaseProps,\n    SocialCampaignColumnsProps,\n    AddressProps,\n    HeadlineProps,\n    LinksProps {}\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: ContactProps;\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: ContactProps,\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 = ({\n  element,\n  children,\n}: {\n  element?: HTMLElement;\n  children?: UMDElement[];\n}) => {\n  const builder = new ElementBuilder(\n    element ?? document.createElement('p'),\n  ).withClassName('umd-footer-contact-links-list');\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      contactChildren.push(\n        createContactLinksList({ element: slotContentLinks }),\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":[],"mappings":"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"}

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

@@ -3,9 +3,9 @@ import { CallToActionProps } from '../call-to-action';
 import { ContactProps } from './contact';
 import { LogoProps } from './logo';
 import { BaseProps } from '../../../_types';
-import { ElementVisual } from '../../../../../_types';
+import { UMDElement } from '../../../../../_types';
 export interface RowLogoProps extends SocialCampaignColumnsProps, BaseProps, LogoProps, CallToActionProps, ContactProps {
 }
-declare const _default: (props: RowLogoProps) => ElementVisual;
+declare const _default: (props: RowLogoProps) => UMDElement;
 export default _default;
 //# 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":"AAEA,OAAoC,EAClC,KAAK,0BAA0B,EAChC,MAAM,WAAW,CAAC;AACnB,OAAoC,EAClC,KAAK,iBAAiB,EACvB,MAAM,mBAAmB,CAAC;AAC3B,OAA+B,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACtE,OAA4B,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAI3D,MAAM,WAAW,YACf,SAAQ,0BAA0B,EAChC,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,YAAY;CAAG;yBAEH,OAAO,YAAY,KAAG,aAAa;AAAnD,wBAoEE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../source/composite/footer/elements/main-section/row-logo/index.ts"],"names":[],"mappings":"AAEA,OAAoC,EAClC,KAAK,0BAA0B,EAChC,MAAM,WAAW,CAAC;AACnB,OAAoC,EAClC,KAAK,iBAAiB,EACvB,MAAM,mBAAmB,CAAC;AAC3B,OAA+B,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACtE,OAA4B,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAIxD,MAAM,WAAW,YACf,SAAQ,0BAA0B,EAChC,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,YAAY;CAAG;yBAEH,OAAO,YAAY,KAAG,UAAU;AAAhD,wBAkEE"}

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

@@ -1,6 +1,6 @@
 "use strict";
+const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
 const Styles = require("@universityofmaryland/web-styles-library");
-const index = require("../../../../../model/elements/index.js");
 const social = require("../social.js");
 const callToAction = require("../call-to-action.js");
 const contact = require("./contact.js");
@@ -12,56 +12,43 @@ const createRowLogo = (props) => {
   const logoElement = logo(props);
   const contactElement = contact(props);
   const thirdColumnElement = isTypeSimple && social(props) || callToAction(props);
-  const wrapper = index.createDiv({
-    className: "umd-footer-row-logo-container-wrapper",
-    children: [logoElement, contactElement, thirdColumnElement],
-    elementStyles: {
-      element: {
-        [`@container (min-width: ${LARGE}px)`]: {
-          display: "flex",
-          padding: `${Styles.token.spacing["5xl"]} 0 ${Styles.token.spacing["2xl"]}`
-        },
-        [`@container (max-width: ${LARGE - 1}px)`]: {
-          ["& > .umd-footer-call-to-action-container"]: {
-            display: "none"
-          }
-        },
-        [`@container (min-width: ${MEDIUM}px) and (max-width: ${LARGE}px)`]: {
-          display: "grid",
-          gridTemplateColumns: "1fr 1fr",
-          gap: Styles.token.spacing.md
+  const wrapper = new webBuilderLibrary.ElementBuilder().withClassName("umd-footer-row-logo-container-wrapper").withStyles({
+    element: {
+      [`@container (min-width: ${LARGE}px)`]: {
+        display: "flex",
+        padding: `${Styles.token.spacing["5xl"]} 0 ${Styles.token.spacing["2xl"]}`
+      },
+      [`@container (max-width: ${LARGE - 1}px)`]: {
+        ["& > .umd-footer-call-to-action-container"]: {
+          display: "none"
         }
+      },
+      [`@container (min-width: ${MEDIUM}px) and (max-width: ${LARGE}px)`]: {
+        display: "grid",
+        gridTemplateColumns: "1fr 1fr",
+        gap: Styles.token.spacing.md
       }
     }
-  });
-  const lock = index.createDiv({
-    className: "umd-footer-row-logo-container-lock",
-    children: [wrapper],
-    elementStyles: {
-      element: {
-        ...Styles.layout.space.horizontal.larger
-      }
+  }).withChildren(logoElement, contactElement, thirdColumnElement).build();
+  const lock = new webBuilderLibrary.ElementBuilder().withClassName("umd-footer-row-logo-container-lock").withStyles({
+    element: {
+      ...Styles.layout.space.horizontal.larger
     }
-  });
-  const rowLogoContainer = index.createDiv({
-    className: "umd-footer-row-logo-container",
-    children: [lock],
-    elementStyles: {
-      element: {
-        backgroundColor: !isThemeLight && Styles.token.color.black || Styles.token.color.gray.lightest,
-        [`@container (max-width: ${LARGE - 1}px)`]: {
-          paddingTop: Styles.token.spacing["2xl"],
-          paddingBottom: Styles.token.spacing["md"],
-          ...isTypeSimple && {
-            [`& .umd-footer-element-wrapper`]: {
-              display: "none"
-            }
+  }).withChild(wrapper).build();
+  return new webBuilderLibrary.ElementBuilder().withClassName("umd-footer-row-logo-container").withStyles({
+    element: {
+      backgroundColor: !isThemeLight && Styles.token.color.black || Styles.token.color.gray.lightest,
+      [`@container (max-width: ${LARGE - 1}px)`]: {
+        paddingTop: Styles.token.spacing["2xl"],
+        paddingBottom: Styles.token.spacing["md"],
+        ...isTypeSimple && {
+          [`& .umd-footer-element-wrapper`]: {
+            display: "none"
           }
         }
       }
     }
-  });
-  return rowLogoContainer;
+  }).withChild(lock).build();
 };
 module.exports = createRowLogo;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../source/composite/footer/elements/main-section/row-logo/index.ts"],"sourcesContent":["import { token, layout } from '@universityofmaryland/web-styles-library';\nimport { ElementModel } from 'model';\nimport createSocialCampaignColumns, {\n  type SocialCampaignColumnsProps,\n} from '../social';\nimport createCallToActionContainer, {\n  type CallToActionProps,\n} from '../call-to-action';\nimport createContactContainer, { type ContactProps } from './contact';\nimport createLogoContainer, { LogoProps } from './logo';\nimport { BREAKPOINTS } from '../../../globals';\nimport { BaseProps } from '../../../_types';\nimport { type ElementVisual } from '../../../../../_types';\n\nconst { MEDIUM, LARGE } = BREAKPOINTS;\n\nexport interface RowLogoProps\n  extends SocialCampaignColumnsProps,\n    BaseProps,\n    LogoProps,\n    CallToActionProps,\n    ContactProps {}\n\nexport default (props: RowLogoProps): ElementVisual => {\n  const { isThemeLight, isTypeSimple } = props;\n\n  const logoElement = createLogoContainer(props);\n  const contactElement = createContactContainer(props);\n\n  const thirdColumnElement =\n    (isTypeSimple && createSocialCampaignColumns(props)) ||\n    createCallToActionContainer(props);\n\n  const wrapper = ElementModel.createDiv({\n    className: 'umd-footer-row-logo-container-wrapper',\n    children: [logoElement, contactElement, thirdColumnElement],\n    elementStyles: {\n      element: {\n        [`@container (min-width: ${LARGE}px)`]: {\n          display: 'flex',\n          padding: `${token.spacing['5xl']} 0 ${token.spacing['2xl']}`,\n        },\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          ['& > .umd-footer-call-to-action-container']: {\n            display: 'none',\n          },\n        },\n\n        [`@container (min-width: ${MEDIUM}px) and (max-width: ${LARGE}px)`]: {\n          display: 'grid',\n          gridTemplateColumns: '1fr 1fr',\n          gap: token.spacing.md,\n        },\n      },\n    },\n  });\n\n  const lock = ElementModel.createDiv({\n    className: 'umd-footer-row-logo-container-lock',\n    children: [wrapper],\n    elementStyles: {\n      element: {\n        ...layout.space.horizontal.larger,\n      },\n    },\n  });\n\n  const rowLogoContainer = ElementModel.createDiv({\n    className: 'umd-footer-row-logo-container',\n    children: [lock],\n    elementStyles: {\n      element: {\n        backgroundColor:\n          (!isThemeLight && token.color.black) || token.color.gray.lightest,\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          paddingTop: token.spacing['2xl'],\n          paddingBottom: token.spacing['md'],\n\n          ...(isTypeSimple && {\n            [`& .umd-footer-element-wrapper`]: {\n              display: 'none',\n            },\n          }),\n        },\n      },\n    },\n  });\n\n  return rowLogoContainer;\n};\n"],"names":["BREAKPOINTS","createLogoContainer","createContactContainer","createSocialCampaignColumns","createCallToActionContainer","ElementModel.createDiv","token","layout"],"mappings":";;;;;;;;AAcA,MAAM,EAAE,QAAQ,MAAA,IAAUA,QAAAA;AAS1B,MAAA,gBAAe,CAAC,UAAuC;AACrD,QAAM,EAAE,cAAc,aAAA,IAAiB;AAEvC,QAAM,cAAcC,KAAoB,KAAK;AAC7C,QAAM,iBAAiBC,QAAuB,KAAK;AAEnD,QAAM,qBACH,gBAAgBC,OAA4B,KAAK,KAClDC,aAA4B,KAAK;AAEnC,QAAM,UAAUC,MAAAA,UAAuB;AAAA,IACrC,WAAW;AAAA,IACX,UAAU,CAAC,aAAa,gBAAgB,kBAAkB;AAAA,IAC1D,eAAe;AAAA,MACb,SAAS;AAAA,QACP,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,UACtC,SAAS;AAAA,UACT,SAAS,GAAGC,OAAAA,MAAM,QAAQ,KAAK,CAAC,MAAMA,OAAAA,MAAM,QAAQ,KAAK,CAAC;AAAA,QAAA;AAAA,QAG5D,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,UAC1C,CAAC,0CAA0C,GAAG;AAAA,YAC5C,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,QAGF,CAAC,0BAA0B,MAAM,uBAAuB,KAAK,KAAK,GAAG;AAAA,UACnE,SAAS;AAAA,UACT,qBAAqB;AAAA,UACrB,KAAKA,OAAAA,MAAM,QAAQ;AAAA,QAAA;AAAA,MACrB;AAAA,IACF;AAAA,EACF,CACD;AAED,QAAM,OAAOD,MAAAA,UAAuB;AAAA,IAClC,WAAW;AAAA,IACX,UAAU,CAAC,OAAO;AAAA,IAClB,eAAe;AAAA,MACb,SAAS;AAAA,QACP,GAAGE,OAAAA,OAAO,MAAM,WAAW;AAAA,MAAA;AAAA,IAC7B;AAAA,EACF,CACD;AAED,QAAM,mBAAmBF,MAAAA,UAAuB;AAAA,IAC9C,WAAW;AAAA,IACX,UAAU,CAAC,IAAI;AAAA,IACf,eAAe;AAAA,MACb,SAAS;AAAA,QACP,iBACG,CAAC,gBAAgBC,aAAM,MAAM,SAAUA,OAAAA,MAAM,MAAM,KAAK;AAAA,QAE3D,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,UAC1C,YAAYA,OAAAA,MAAM,QAAQ,KAAK;AAAA,UAC/B,eAAeA,OAAAA,MAAM,QAAQ,IAAI;AAAA,UAEjC,GAAI,gBAAgB;AAAA,YAClB,CAAC,+BAA+B,GAAG;AAAA,cACjC,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD;AAED,SAAO;AACT;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../source/composite/footer/elements/main-section/row-logo/index.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { token, layout } from '@universityofmaryland/web-styles-library';\nimport createSocialCampaignColumns, {\n  type SocialCampaignColumnsProps,\n} from '../social';\nimport createCallToActionContainer, {\n  type CallToActionProps,\n} from '../call-to-action';\nimport createContactContainer, { type ContactProps } from './contact';\nimport createLogoContainer, { LogoProps } from './logo';\nimport { BREAKPOINTS } from '../../../globals';\nimport { BaseProps } from '../../../_types';\nimport { type UMDElement } from '../../../../../_types';\n\nconst { MEDIUM, LARGE } = BREAKPOINTS;\n\nexport interface RowLogoProps\n  extends SocialCampaignColumnsProps,\n    BaseProps,\n    LogoProps,\n    CallToActionProps,\n    ContactProps {}\n\nexport default (props: RowLogoProps): UMDElement => {\n  const { isThemeLight, isTypeSimple } = props;\n\n  const logoElement = createLogoContainer(props);\n  const contactElement = createContactContainer(props);\n\n  const thirdColumnElement =\n    (isTypeSimple && createSocialCampaignColumns(props)) ||\n    createCallToActionContainer(props);\n\n  const wrapper = new ElementBuilder()\n    .withClassName('umd-footer-row-logo-container-wrapper')\n    .withStyles({\n      element: {\n        [`@container (min-width: ${LARGE}px)`]: {\n          display: 'flex',\n          padding: `${token.spacing['5xl']} 0 ${token.spacing['2xl']}`,\n        },\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          ['& > .umd-footer-call-to-action-container']: {\n            display: 'none',\n          },\n        },\n\n        [`@container (min-width: ${MEDIUM}px) and (max-width: ${LARGE}px)`]: {\n          display: 'grid',\n          gridTemplateColumns: '1fr 1fr',\n          gap: token.spacing.md,\n        },\n      },\n    })\n    .withChildren(logoElement, contactElement, thirdColumnElement)\n    .build();\n\n  const lock = new ElementBuilder()\n    .withClassName('umd-footer-row-logo-container-lock')\n    .withStyles({\n      element: {\n        ...layout.space.horizontal.larger,\n      },\n    })\n    .withChild(wrapper)\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-row-logo-container')\n    .withStyles({\n      element: {\n        backgroundColor:\n          (!isThemeLight && token.color.black) || token.color.gray.lightest,\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          paddingTop: token.spacing['2xl'],\n          paddingBottom: token.spacing['md'],\n\n          ...(isTypeSimple && {\n            [`& .umd-footer-element-wrapper`]: {\n              display: 'none',\n            },\n          }),\n        },\n      },\n    })\n    .withChild(lock)\n    .build();\n};\n"],"names":["BREAKPOINTS","createLogoContainer","createContactContainer","createSocialCampaignColumns","createCallToActionContainer","ElementBuilder","token","layout"],"mappings":";;;;;;;;AAcA,MAAM,EAAE,QAAQ,MAAA,IAAUA,QAAAA;AAS1B,MAAA,gBAAe,CAAC,UAAoC;AAClD,QAAM,EAAE,cAAc,aAAA,IAAiB;AAEvC,QAAM,cAAcC,KAAoB,KAAK;AAC7C,QAAM,iBAAiBC,QAAuB,KAAK;AAEnD,QAAM,qBACH,gBAAgBC,OAA4B,KAAK,KAClDC,aAA4B,KAAK;AAEnC,QAAM,UAAU,IAAIC,kBAAAA,eAAA,EACjB,cAAc,uCAAuC,EACrD,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,QACtC,SAAS;AAAA,QACT,SAAS,GAAGC,OAAAA,MAAM,QAAQ,KAAK,CAAC,MAAMA,OAAAA,MAAM,QAAQ,KAAK,CAAC;AAAA,MAAA;AAAA,MAG5D,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,QAC1C,CAAC,0CAA0C,GAAG;AAAA,UAC5C,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,MAGF,CAAC,0BAA0B,MAAM,uBAAuB,KAAK,KAAK,GAAG;AAAA,QACnE,SAAS;AAAA,QACT,qBAAqB;AAAA,QACrB,KAAKA,OAAAA,MAAM,QAAQ;AAAA,MAAA;AAAA,IACrB;AAAA,EACF,CACD,EACA,aAAa,aAAa,gBAAgB,kBAAkB,EAC5D,MAAA;AAEH,QAAM,OAAO,IAAID,kBAAAA,eAAA,EACd,cAAc,oCAAoC,EAClD,WAAW;AAAA,IACV,SAAS;AAAA,MACP,GAAGE,OAAAA,OAAO,MAAM,WAAW;AAAA,IAAA;AAAA,EAC7B,CACD,EACA,UAAU,OAAO,EACjB,MAAA;AAEH,SAAO,IAAIF,kBAAAA,eAAA,EACR,cAAc,+BAA+B,EAC7C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,iBACG,CAAC,gBAAgBC,aAAM,MAAM,SAAUA,OAAAA,MAAM,MAAM,KAAK;AAAA,MAE3D,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,QAC1C,YAAYA,OAAAA,MAAM,QAAQ,KAAK;AAAA,QAC/B,eAAeA,OAAAA,MAAM,QAAQ,IAAI;AAAA,QAEjC,GAAI,gBAAgB;AAAA,UAClB,CAAC,+BAA+B,GAAG;AAAA,YACjC,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD,EACA,UAAU,IAAI,EACd,MAAA;AACL;;"}

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

@@ -1,5 +1,5 @@
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
 import { token, layout } from "@universityofmaryland/web-styles-library";
-import { createDiv } from "../../../../../model/elements/index.mjs";
 import createSocialCampaignColumns from "../social.mjs";
 import createCallToActionContainer from "../call-to-action.mjs";
 import createContactContainer from "./contact.mjs";
@@ -11,56 +11,43 @@ const createRowLogo = (props) => {
   const logoElement = createLogoContainer(props);
   const contactElement = createContactContainer(props);
   const thirdColumnElement = isTypeSimple && createSocialCampaignColumns(props) || createCallToActionContainer(props);
-  const wrapper = createDiv({
-    className: "umd-footer-row-logo-container-wrapper",
-    children: [logoElement, contactElement, thirdColumnElement],
-    elementStyles: {
-      element: {
-        [`@container (min-width: ${LARGE}px)`]: {
-          display: "flex",
-          padding: `${token.spacing["5xl"]} 0 ${token.spacing["2xl"]}`
-        },
-        [`@container (max-width: ${LARGE - 1}px)`]: {
-          ["& > .umd-footer-call-to-action-container"]: {
-            display: "none"
-          }
-        },
-        [`@container (min-width: ${MEDIUM}px) and (max-width: ${LARGE}px)`]: {
-          display: "grid",
-          gridTemplateColumns: "1fr 1fr",
-          gap: token.spacing.md
+  const wrapper = new ElementBuilder().withClassName("umd-footer-row-logo-container-wrapper").withStyles({
+    element: {
+      [`@container (min-width: ${LARGE}px)`]: {
+        display: "flex",
+        padding: `${token.spacing["5xl"]} 0 ${token.spacing["2xl"]}`
+      },
+      [`@container (max-width: ${LARGE - 1}px)`]: {
+        ["& > .umd-footer-call-to-action-container"]: {
+          display: "none"
         }
+      },
+      [`@container (min-width: ${MEDIUM}px) and (max-width: ${LARGE}px)`]: {
+        display: "grid",
+        gridTemplateColumns: "1fr 1fr",
+        gap: token.spacing.md
       }
     }
-  });
-  const lock = createDiv({
-    className: "umd-footer-row-logo-container-lock",
-    children: [wrapper],
-    elementStyles: {
-      element: {
-        ...layout.space.horizontal.larger
-      }
+  }).withChildren(logoElement, contactElement, thirdColumnElement).build();
+  const lock = new ElementBuilder().withClassName("umd-footer-row-logo-container-lock").withStyles({
+    element: {
+      ...layout.space.horizontal.larger
     }
-  });
-  const rowLogoContainer = createDiv({
-    className: "umd-footer-row-logo-container",
-    children: [lock],
-    elementStyles: {
-      element: {
-        backgroundColor: !isThemeLight && token.color.black || token.color.gray.lightest,
-        [`@container (max-width: ${LARGE - 1}px)`]: {
-          paddingTop: token.spacing["2xl"],
-          paddingBottom: token.spacing["md"],
-          ...isTypeSimple && {
-            [`& .umd-footer-element-wrapper`]: {
-              display: "none"
-            }
+  }).withChild(wrapper).build();
+  return new ElementBuilder().withClassName("umd-footer-row-logo-container").withStyles({
+    element: {
+      backgroundColor: !isThemeLight && token.color.black || token.color.gray.lightest,
+      [`@container (max-width: ${LARGE - 1}px)`]: {
+        paddingTop: token.spacing["2xl"],
+        paddingBottom: token.spacing["md"],
+        ...isTypeSimple && {
+          [`& .umd-footer-element-wrapper`]: {
+            display: "none"
           }
         }
       }
     }
-  });
-  return rowLogoContainer;
+  }).withChild(lock).build();
 };
 export {
   createRowLogo as default

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../source/composite/footer/elements/main-section/row-logo/index.ts"],"sourcesContent":["import { token, layout } from '@universityofmaryland/web-styles-library';\nimport { ElementModel } from 'model';\nimport createSocialCampaignColumns, {\n  type SocialCampaignColumnsProps,\n} from '../social';\nimport createCallToActionContainer, {\n  type CallToActionProps,\n} from '../call-to-action';\nimport createContactContainer, { type ContactProps } from './contact';\nimport createLogoContainer, { LogoProps } from './logo';\nimport { BREAKPOINTS } from '../../../globals';\nimport { BaseProps } from '../../../_types';\nimport { type ElementVisual } from '../../../../../_types';\n\nconst { MEDIUM, LARGE } = BREAKPOINTS;\n\nexport interface RowLogoProps\n  extends SocialCampaignColumnsProps,\n    BaseProps,\n    LogoProps,\n    CallToActionProps,\n    ContactProps {}\n\nexport default (props: RowLogoProps): ElementVisual => {\n  const { isThemeLight, isTypeSimple } = props;\n\n  const logoElement = createLogoContainer(props);\n  const contactElement = createContactContainer(props);\n\n  const thirdColumnElement =\n    (isTypeSimple && createSocialCampaignColumns(props)) ||\n    createCallToActionContainer(props);\n\n  const wrapper = ElementModel.createDiv({\n    className: 'umd-footer-row-logo-container-wrapper',\n    children: [logoElement, contactElement, thirdColumnElement],\n    elementStyles: {\n      element: {\n        [`@container (min-width: ${LARGE}px)`]: {\n          display: 'flex',\n          padding: `${token.spacing['5xl']} 0 ${token.spacing['2xl']}`,\n        },\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          ['& > .umd-footer-call-to-action-container']: {\n            display: 'none',\n          },\n        },\n\n        [`@container (min-width: ${MEDIUM}px) and (max-width: ${LARGE}px)`]: {\n          display: 'grid',\n          gridTemplateColumns: '1fr 1fr',\n          gap: token.spacing.md,\n        },\n      },\n    },\n  });\n\n  const lock = ElementModel.createDiv({\n    className: 'umd-footer-row-logo-container-lock',\n    children: [wrapper],\n    elementStyles: {\n      element: {\n        ...layout.space.horizontal.larger,\n      },\n    },\n  });\n\n  const rowLogoContainer = ElementModel.createDiv({\n    className: 'umd-footer-row-logo-container',\n    children: [lock],\n    elementStyles: {\n      element: {\n        backgroundColor:\n          (!isThemeLight && token.color.black) || token.color.gray.lightest,\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          paddingTop: token.spacing['2xl'],\n          paddingBottom: token.spacing['md'],\n\n          ...(isTypeSimple && {\n            [`& .umd-footer-element-wrapper`]: {\n              display: 'none',\n            },\n          }),\n        },\n      },\n    },\n  });\n\n  return rowLogoContainer;\n};\n"],"names":["ElementModel.createDiv"],"mappings":";;;;;;;AAcA,MAAM,EAAE,QAAQ,MAAA,IAAU;AAS1B,MAAA,gBAAe,CAAC,UAAuC;AACrD,QAAM,EAAE,cAAc,aAAA,IAAiB;AAEvC,QAAM,cAAc,oBAAoB,KAAK;AAC7C,QAAM,iBAAiB,uBAAuB,KAAK;AAEnD,QAAM,qBACH,gBAAgB,4BAA4B,KAAK,KAClD,4BAA4B,KAAK;AAEnC,QAAM,UAAUA,UAAuB;AAAA,IACrC,WAAW;AAAA,IACX,UAAU,CAAC,aAAa,gBAAgB,kBAAkB;AAAA,IAC1D,eAAe;AAAA,MACb,SAAS;AAAA,QACP,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,UACtC,SAAS;AAAA,UACT,SAAS,GAAG,MAAM,QAAQ,KAAK,CAAC,MAAM,MAAM,QAAQ,KAAK,CAAC;AAAA,QAAA;AAAA,QAG5D,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,UAC1C,CAAC,0CAA0C,GAAG;AAAA,YAC5C,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,QAGF,CAAC,0BAA0B,MAAM,uBAAuB,KAAK,KAAK,GAAG;AAAA,UACnE,SAAS;AAAA,UACT,qBAAqB;AAAA,UACrB,KAAK,MAAM,QAAQ;AAAA,QAAA;AAAA,MACrB;AAAA,IACF;AAAA,EACF,CACD;AAED,QAAM,OAAOA,UAAuB;AAAA,IAClC,WAAW;AAAA,IACX,UAAU,CAAC,OAAO;AAAA,IAClB,eAAe;AAAA,MACb,SAAS;AAAA,QACP,GAAG,OAAO,MAAM,WAAW;AAAA,MAAA;AAAA,IAC7B;AAAA,EACF,CACD;AAED,QAAM,mBAAmBA,UAAuB;AAAA,IAC9C,WAAW;AAAA,IACX,UAAU,CAAC,IAAI;AAAA,IACf,eAAe;AAAA,MACb,SAAS;AAAA,QACP,iBACG,CAAC,gBAAgB,MAAM,MAAM,SAAU,MAAM,MAAM,KAAK;AAAA,QAE3D,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,UAC1C,YAAY,MAAM,QAAQ,KAAK;AAAA,UAC/B,eAAe,MAAM,QAAQ,IAAI;AAAA,UAEjC,GAAI,gBAAgB;AAAA,YAClB,CAAC,+BAA+B,GAAG;AAAA,cACjC,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD;AAED,SAAO;AACT;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../../source/composite/footer/elements/main-section/row-logo/index.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { token, layout } from '@universityofmaryland/web-styles-library';\nimport createSocialCampaignColumns, {\n  type SocialCampaignColumnsProps,\n} from '../social';\nimport createCallToActionContainer, {\n  type CallToActionProps,\n} from '../call-to-action';\nimport createContactContainer, { type ContactProps } from './contact';\nimport createLogoContainer, { LogoProps } from './logo';\nimport { BREAKPOINTS } from '../../../globals';\nimport { BaseProps } from '../../../_types';\nimport { type UMDElement } from '../../../../../_types';\n\nconst { MEDIUM, LARGE } = BREAKPOINTS;\n\nexport interface RowLogoProps\n  extends SocialCampaignColumnsProps,\n    BaseProps,\n    LogoProps,\n    CallToActionProps,\n    ContactProps {}\n\nexport default (props: RowLogoProps): UMDElement => {\n  const { isThemeLight, isTypeSimple } = props;\n\n  const logoElement = createLogoContainer(props);\n  const contactElement = createContactContainer(props);\n\n  const thirdColumnElement =\n    (isTypeSimple && createSocialCampaignColumns(props)) ||\n    createCallToActionContainer(props);\n\n  const wrapper = new ElementBuilder()\n    .withClassName('umd-footer-row-logo-container-wrapper')\n    .withStyles({\n      element: {\n        [`@container (min-width: ${LARGE}px)`]: {\n          display: 'flex',\n          padding: `${token.spacing['5xl']} 0 ${token.spacing['2xl']}`,\n        },\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          ['& > .umd-footer-call-to-action-container']: {\n            display: 'none',\n          },\n        },\n\n        [`@container (min-width: ${MEDIUM}px) and (max-width: ${LARGE}px)`]: {\n          display: 'grid',\n          gridTemplateColumns: '1fr 1fr',\n          gap: token.spacing.md,\n        },\n      },\n    })\n    .withChildren(logoElement, contactElement, thirdColumnElement)\n    .build();\n\n  const lock = new ElementBuilder()\n    .withClassName('umd-footer-row-logo-container-lock')\n    .withStyles({\n      element: {\n        ...layout.space.horizontal.larger,\n      },\n    })\n    .withChild(wrapper)\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-row-logo-container')\n    .withStyles({\n      element: {\n        backgroundColor:\n          (!isThemeLight && token.color.black) || token.color.gray.lightest,\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          paddingTop: token.spacing['2xl'],\n          paddingBottom: token.spacing['md'],\n\n          ...(isTypeSimple && {\n            [`& .umd-footer-element-wrapper`]: {\n              display: 'none',\n            },\n          }),\n        },\n      },\n    })\n    .withChild(lock)\n    .build();\n};\n"],"names":[],"mappings":";;;;;;;AAcA,MAAM,EAAE,QAAQ,MAAA,IAAU;AAS1B,MAAA,gBAAe,CAAC,UAAoC;AAClD,QAAM,EAAE,cAAc,aAAA,IAAiB;AAEvC,QAAM,cAAc,oBAAoB,KAAK;AAC7C,QAAM,iBAAiB,uBAAuB,KAAK;AAEnD,QAAM,qBACH,gBAAgB,4BAA4B,KAAK,KAClD,4BAA4B,KAAK;AAEnC,QAAM,UAAU,IAAI,eAAA,EACjB,cAAc,uCAAuC,EACrD,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,QACtC,SAAS;AAAA,QACT,SAAS,GAAG,MAAM,QAAQ,KAAK,CAAC,MAAM,MAAM,QAAQ,KAAK,CAAC;AAAA,MAAA;AAAA,MAG5D,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,QAC1C,CAAC,0CAA0C,GAAG;AAAA,UAC5C,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,MAGF,CAAC,0BAA0B,MAAM,uBAAuB,KAAK,KAAK,GAAG;AAAA,QACnE,SAAS;AAAA,QACT,qBAAqB;AAAA,QACrB,KAAK,MAAM,QAAQ;AAAA,MAAA;AAAA,IACrB;AAAA,EACF,CACD,EACA,aAAa,aAAa,gBAAgB,kBAAkB,EAC5D,MAAA;AAEH,QAAM,OAAO,IAAI,eAAA,EACd,cAAc,oCAAoC,EAClD,WAAW;AAAA,IACV,SAAS;AAAA,MACP,GAAG,OAAO,MAAM,WAAW;AAAA,IAAA;AAAA,EAC7B,CACD,EACA,UAAU,OAAO,EACjB,MAAA;AAEH,SAAO,IAAI,eAAA,EACR,cAAc,+BAA+B,EAC7C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,iBACG,CAAC,gBAAgB,MAAM,MAAM,SAAU,MAAM,MAAM,KAAK;AAAA,MAE3D,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,QAC1C,YAAY,MAAM,QAAQ,KAAK;AAAA,QAC/B,eAAe,MAAM,QAAQ,IAAI;AAAA,QAEjC,GAAI,gBAAgB;AAAA,UAClB,CAAC,+BAA+B,GAAG;AAAA,YACjC,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD,EACA,UAAU,IAAI,EACd,MAAA;AACL;"}

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

@@ -1,10 +1,10 @@
 import { CampaignProps } from '../campaign';
 import { CallToActionProps } from '../call-to-action';
 import { BaseProps } from '../../../_types';
-import { ElementVisual } from '../../../../../_types';
+import { UMDElement } from '../../../../../_types';
 export interface LogoProps extends BaseProps, CampaignProps, CallToActionProps {
     slotLogo: HTMLImageElement | HTMLAnchorElement | null;
 }
-declare const _default: (props: LogoProps) => ElementVisual;
+declare const _default: (props: LogoProps) => UMDElement;
 export default _default;
 //# sourceMappingURL=logo.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../../../../source/composite/footer/elements/main-section/row-logo/logo.ts"],"names":[],"mappings":"AAGA,OAA0B,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AACpE,OAA2B,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE/E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAI3D,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,aAAa,EAAE,iBAAiB;IAC5E,QAAQ,EAAE,gBAAgB,GAAG,iBAAiB,GAAG,IAAI,CAAC;CACvD;yBAsEe,OAAO,SAAS,KAAG,aAAa;AAAhD,wBAQE"}
+{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../../../../source/composite/footer/elements/main-section/row-logo/logo.ts"],"names":[],"mappings":"AAGA,OAA0B,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AACpE,OAA2B,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE/E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAIxD,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,aAAa,EAAE,iBAAiB;IAC5E,QAAQ,EAAE,gBAAgB,GAAG,iBAAiB,GAAG,IAAI,CAAC;CACvD;yBAuEe,OAAO,SAAS,KAAG,UAAU;AAA7C,wBAQE"}