@universityofmaryland/web-elements-library 1.5.2 → 1.5.5

package/dist/composite/footer/elements/utility-section/index.mjs

@@ -1,6 +1,6 @@
 import { token, layout, animation, typography } from "@universityofmaryland/web-styles-library";
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
 import { wrapLinkForAnimation } from "@universityofmaryland/web-utilities-library/animation";
-import { createParagraph, createDiv, create, createSpan } from "../../../../model/elements/index.mjs";
 import { BREAKPOINTS } from "../../globals.mjs";
 const { LARGE } = BREAKPOINTS;
 const requiredSubLinks = [
@@ -14,41 +14,23 @@ const requiredSubLinks = [
   }
 ];
 const createUtilityContainerLink = (link) => {
-  return create({
-    element: link,
-    className: "umd-footer-utility-container-link"
-  });
+  return new ElementBuilder(link).withClassName("umd-footer-utility-container-link").build();
 };
 const createSubLink = ({ title, url }) => {
-  const span = createSpan({
-    className: "umd-footer-utility-container-sublink-text"
-  });
-  const link = create({
-    element: document.createElement("a"),
-    className: "umd-footer-utility-container-sublink",
-    children: [span],
-    attributes: [
-      {
-        href: url
-      },
-      {
-        target: "_blank"
-      },
-      { rel: "noopener noreferrer" }
-    ]
-  });
-  span.element.innerText = title;
-  return createDiv({
-    className: "umd-footer-utility-container-link-wrapper",
-    children: [createUtilityContainerLink(link.element)]
-  });
+  const span = new ElementBuilder("span").withClassName("umd-footer-utility-container-sublink-text").withText(title).build();
+  const anchor = document.createElement("a");
+  anchor.setAttribute("href", url);
+  anchor.setAttribute("target", "_blank");
+  anchor.setAttribute("rel", "noopener noreferrer");
+  const link = new ElementBuilder(anchor).withClassName("umd-footer-utility-container-sublink").withChild(span).build();
+  return new ElementBuilder().withClassName("umd-footer-utility-container-link-wrapper").withChild(createUtilityContainerLink(link.element)).build();
 };
 const createUtility = (props) => {
   const { isThemeLight, slotUtilityLinks } = props;
   const linkElements = [];
-  const copyRightElement = createParagraph({
-    className: "umd-footer-utility-container-copyright"
-  });
+  const copyRightPara = document.createElement("p");
+  copyRightPara.innerHTML = `©${(/* @__PURE__ */ new Date()).getFullYear()} UNIVERSITY OF MARYLAND`;
+  const copyRightElement = new ElementBuilder(copyRightPara).withClassName("umd-footer-utility-container-copyright").build();
   if (slotUtilityLinks) {
     const slottedLinks = Array.from(
       slotUtilityLinks.querySelectorAll("a")
@@ -62,68 +44,58 @@ const createUtility = (props) => {
   requiredSubLinks.forEach((link) => {
     linkElements.push(createSubLink(link));
   });
-  copyRightElement.element.innerHTML = `©${(/* @__PURE__ */ new Date()).getFullYear()} UNIVERSITY OF MARYLAND`;
   linkElements.push(copyRight);
-  const wrapper = createDiv({
-    className: "umd-footer-utility-container-lock",
-    children: linkElements,
-    elementStyles: {
-      element: {
-        ...layout.space.horizontal.larger,
-        [`@container (max-width: ${LARGE - 1}px)`]: {
-          "& > *:not(:first-child)": {
-            marginTop: token.spacing.sm
-          }
-        },
-        [`@container (min-width: ${LARGE}px)`]: {
-          display: "flex",
-          alignItems: "center",
-          [`& > *:not(:first-child)`]: {
-            marginLeft: token.spacing.sm,
-            paddingLeft: token.spacing.sm,
-            backgroundPosition: `${token.spacing.sm} 100%`,
-            borderLeft: `1px solid ${token.color.gray.dark}`
-          }
-        },
-        ["& a, & p"]: {
-          color: token.color.gray.light
-        },
-        ["& a"]: {
-          ...isThemeLight && { color: token.color.gray.dark }
-        },
-        ["& p"]: {
-          display: "flex",
-          alignItems: "center",
-          ...isThemeLight && { color: token.color.black }
+  const wrapper = new ElementBuilder().withClassName("umd-footer-utility-container-lock").withStyles({
+    element: {
+      ...layout.space.horizontal.larger,
+      [`@container (max-width: ${LARGE - 1}px)`]: {
+        "& > *:not(:first-child)": {
+          marginTop: token.spacing.sm
+        }
+      },
+      [`@container (min-width: ${LARGE}px)`]: {
+        display: "flex",
+        alignItems: "center",
+        [`& > *:not(:first-child)`]: {
+          marginLeft: token.spacing.sm,
+          paddingLeft: token.spacing.sm,
+          backgroundPosition: `${token.spacing.sm} 100%`,
+          borderLeft: `1px solid ${token.color.gray.dark}`
         }
+      },
+      ["& a, & p"]: {
+        color: token.color.gray.light
+      },
+      ["& a"]: {
+        ...isThemeLight && { color: token.color.gray.dark }
+      },
+      ["& p"]: {
+        display: "flex",
+        alignItems: "center",
+        ...isThemeLight && { color: token.color.black }
       }
     }
-  });
-  const container = createDiv({
-    className: "umd-footer-utility-container",
-    children: [wrapper],
-    elementStyles: {
-      element: {
-        padding: `${token.spacing.sm} 0`,
-        backgroundColor: token.color.gray.darker,
+  }).withChildren(...linkElements).build();
+  return new ElementBuilder().withClassName("umd-footer-utility-container").withStyles({
+    element: {
+      padding: `${token.spacing.sm} 0`,
+      backgroundColor: token.color.gray.darker,
+      ...isThemeLight && {
+        backgroundColor: token.color.gray.light
+      },
+      ["& *"]: {
+        ...typography.sans.smaller
+      },
+      ["& a"]: {
+        display: "block",
+        ...animation.line.slideUnderWhite,
         ...isThemeLight && {
-          backgroundColor: token.color.gray.light
-        },
-        ["& *"]: {
-          ...typography.sans.smaller
-        },
-        ["& a"]: {
-          display: "block",
-          ...animation.line.slideUnderWhite,
-          ...isThemeLight && {
-            color: token.color.black,
-            ...animation.line.slideUnderBlack
-          }
+          color: token.color.black,
+          ...animation.line.slideUnderBlack
         }
       }
     }
-  });
-  return container;
+  }).withChild(wrapper).build();
 };
 export {
   createUtility as default

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../source/composite/footer/elements/utility-section/index.ts"],"sourcesContent":["import {\n  token,\n  layout,\n  animation,\n  typography,\n} from '@universityofmaryland/web-styles-library';\nimport { wrapLinkForAnimation } from '@universityofmaryland/web-utilities-library/animation';\nimport { ElementModel } from 'model';\nimport { BREAKPOINTS } from '../../globals';\nimport { FooterProps } from '../../options';\nimport { type ElementVisual } from '../../../../_types';\n\nexport interface UtilityProps {\n  slotUtilityLinks?: HTMLElement | null;\n}\n\nconst { LARGE } = BREAKPOINTS;\n\nconst requiredSubLinks = [\n  {\n    title: 'Privacy Policy',\n    url: 'https://www.umd.edu/privacy-notice',\n  },\n  {\n    title: 'Web Accessibility',\n    url: 'https://www.umd.edu/web-accessibility',\n  },\n];\n\nconst createUtilityContainerLink = (link: HTMLElement) => {\n  return ElementModel.create({\n    element: link,\n    className: 'umd-footer-utility-container-link',\n  });\n};\n\nconst createSubLink = ({ title, url }: { title: string; url: string }) => {\n  const span = ElementModel.createSpan({\n    className: 'umd-footer-utility-container-sublink-text',\n  });\n\n  const link = ElementModel.create({\n    element: document.createElement('a'),\n    className: 'umd-footer-utility-container-sublink',\n    children: [span],\n    attributes: [\n      {\n        href: url,\n      },\n      {\n        target: '_blank',\n      },\n      { rel: 'noopener noreferrer' },\n    ],\n  });\n\n  span.element.innerText = title;\n\n  return ElementModel.createDiv({\n    className: 'umd-footer-utility-container-link-wrapper',\n    children: [createUtilityContainerLink(link.element)],\n  });\n};\n\nexport default (props: FooterProps): ElementVisual => {\n  const { isThemeLight, slotUtilityLinks } = props;\n  const linkElements: ElementVisual[] = [];\n  const copyRightElement = ElementModel.createParagraph({\n    className: 'umd-footer-utility-container-copyright',\n  });\n  if (slotUtilityLinks) {\n    const slottedLinks = Array.from(\n      slotUtilityLinks.querySelectorAll('a'),\n    ) as HTMLAnchorElement[];\n\n    slottedLinks.forEach((link) => {\n      wrapLinkForAnimation({ element: link });\n      linkElements.push(createUtilityContainerLink(link));\n    });\n  }\n  const copyRight = createUtilityContainerLink(copyRightElement.element);\n\n  requiredSubLinks.forEach((link) => {\n    linkElements.push(createSubLink(link));\n  });\n\n  copyRightElement.element.innerHTML = `©${new Date().getFullYear()} UNIVERSITY OF MARYLAND`;\n\n  linkElements.push(copyRight);\n\n  const wrapper = ElementModel.createDiv({\n    className: 'umd-footer-utility-container-lock',\n    children: linkElements,\n    elementStyles: {\n      element: {\n        ...layout.space.horizontal.larger,\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          '& > *:not(:first-child)': {\n            marginTop: token.spacing.sm,\n          },\n        },\n\n        [`@container (min-width: ${LARGE}px)`]: {\n          display: 'flex',\n          alignItems: 'center',\n\n          [`& > *:not(:first-child)`]: {\n            marginLeft: token.spacing.sm,\n            paddingLeft: token.spacing.sm,\n            backgroundPosition: `${token.spacing.sm} 100%`,\n            borderLeft: `1px solid ${token.color.gray.dark}`,\n          },\n        },\n\n        ['& a, & p']: {\n          color: token.color.gray.light,\n        },\n\n        ['& a']: {\n          ...(isThemeLight && { color: token.color.gray.dark }),\n        },\n\n        ['& p']: {\n          display: 'flex',\n          alignItems: 'center',\n\n          ...(isThemeLight && { color: token.color.black }),\n        },\n      },\n    },\n  });\n\n  const container = ElementModel.createDiv({\n    className: 'umd-footer-utility-container',\n    children: [wrapper],\n    elementStyles: {\n      element: {\n        padding: `${token.spacing.sm} 0`,\n        backgroundColor: token.color.gray.darker,\n\n        ...(isThemeLight && {\n          backgroundColor: token.color.gray.light,\n        }),\n\n        ['& *']: {\n          ...typography.sans.smaller,\n        },\n\n        ['& a']: {\n          display: 'block',\n          ...animation.line.slideUnderWhite,\n\n          ...(isThemeLight && {\n            color: token.color.black,\n            ...animation.line.slideUnderBlack,\n          }),\n        },\n      },\n    },\n  });\n\n  return container;\n};\n"],"names":["ElementModel.create","ElementModel.createSpan","ElementModel.createDiv","ElementModel.createParagraph"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../source/composite/footer/elements/utility-section/index.ts"],"sourcesContent":["import {\n  token,\n  layout,\n  animation,\n  typography,\n} from '@universityofmaryland/web-styles-library';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { wrapLinkForAnimation } from '@universityofmaryland/web-utilities-library/animation';\nimport { BREAKPOINTS } from '../../globals';\nimport { type BaseProps } from '../../_types';\nimport { type UMDElement } from '../../../../_types';\n\nexport interface UtilityProps extends Pick<BaseProps, 'isThemeLight'> {\n  slotUtilityLinks?: HTMLElement | null;\n}\n\nconst { LARGE } = BREAKPOINTS;\n\nconst requiredSubLinks = [\n  {\n    title: 'Privacy Policy',\n    url: 'https://www.umd.edu/privacy-notice',\n  },\n  {\n    title: 'Web Accessibility',\n    url: 'https://www.umd.edu/web-accessibility',\n  },\n];\n\nconst createUtilityContainerLink = (link: HTMLElement) => {\n  return new ElementBuilder(link)\n    .withClassName('umd-footer-utility-container-link')\n    .build();\n};\n\nconst createSubLink = ({ title, url }: { title: string; url: string }) => {\n  const span = new ElementBuilder('span')\n    .withClassName('umd-footer-utility-container-sublink-text')\n    .withText(title)\n    .build();\n\n  const anchor = document.createElement('a');\n  anchor.setAttribute('href', url);\n  anchor.setAttribute('target', '_blank');\n  anchor.setAttribute('rel', 'noopener noreferrer');\n\n  const link = new ElementBuilder(anchor)\n    .withClassName('umd-footer-utility-container-sublink')\n    .withChild(span)\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-utility-container-link-wrapper')\n    .withChild(createUtilityContainerLink(link.element))\n    .build();\n};\n\nexport default (props: UtilityProps) => {\n  const { isThemeLight, slotUtilityLinks } = props;\n  const linkElements: UMDElement[] = [];\n\n  const copyRightPara = document.createElement('p');\n  copyRightPara.innerHTML = `©${new Date().getFullYear()} UNIVERSITY OF MARYLAND`;\n\n  const copyRightElement = new ElementBuilder(copyRightPara)\n    .withClassName('umd-footer-utility-container-copyright')\n    .build();\n\n  if (slotUtilityLinks) {\n    const slottedLinks = Array.from(\n      slotUtilityLinks.querySelectorAll('a'),\n    ) as HTMLAnchorElement[];\n\n    slottedLinks.forEach((link) => {\n      wrapLinkForAnimation({ element: link });\n      linkElements.push(createUtilityContainerLink(link));\n    });\n  }\n\n  const copyRight = createUtilityContainerLink(copyRightElement.element);\n\n  requiredSubLinks.forEach((link) => {\n    linkElements.push(createSubLink(link));\n  });\n\n  linkElements.push(copyRight);\n\n  const wrapper = new ElementBuilder()\n    .withClassName('umd-footer-utility-container-lock')\n    .withStyles({\n      element: {\n        ...layout.space.horizontal.larger,\n\n        [`@container (max-width: ${LARGE - 1}px)`]: {\n          '& > *:not(:first-child)': {\n            marginTop: token.spacing.sm,\n          },\n        },\n\n        [`@container (min-width: ${LARGE}px)`]: {\n          display: 'flex',\n          alignItems: 'center',\n\n          [`& > *:not(:first-child)`]: {\n            marginLeft: token.spacing.sm,\n            paddingLeft: token.spacing.sm,\n            backgroundPosition: `${token.spacing.sm} 100%`,\n            borderLeft: `1px solid ${token.color.gray.dark}`,\n          },\n        },\n\n        ['& a, & p']: {\n          color: token.color.gray.light,\n        },\n\n        ['& a']: {\n          ...(isThemeLight && { color: token.color.gray.dark }),\n        },\n\n        ['& p']: {\n          display: 'flex',\n          alignItems: 'center',\n\n          ...(isThemeLight && { color: token.color.black }),\n        },\n      },\n    })\n    .withChildren(...linkElements)\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-utility-container')\n    .withStyles({\n      element: {\n        padding: `${token.spacing.sm} 0`,\n        backgroundColor: token.color.gray.darker,\n\n        ...(isThemeLight && {\n          backgroundColor: token.color.gray.light,\n        }),\n\n        ['& *']: {\n          ...typography.sans.smaller,\n        },\n\n        ['& a']: {\n          display: 'block',\n          ...animation.line.slideUnderWhite,\n\n          ...(isThemeLight && {\n            color: token.color.black,\n            ...animation.line.slideUnderBlack,\n          }),\n        },\n      },\n    })\n    .withChild(wrapper)\n    .build();\n};\n"],"names":[],"mappings":"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"}

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

@@ -3,9 +3,6 @@ import { UtilityProps } from './elements/utility-section';
 import { BaseProps } from './_types';
 export interface FooterProps extends BaseProps, UtilityProps, MainSectionProps {
 }
-declare const _default: (props: FooterProps) => {
-    element: HTMLElement;
-    styles: string;
-};
+declare const _default: (props: FooterProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
 export default _default;
 //# sourceMappingURL=options.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../source/composite/footer/options.ts"],"names":[],"mappings":"AAGA,OAAmB,EAAE,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAsB,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,MAAM,WAAW,WACf,SAAQ,SAAS,EACf,YAAY,EACZ,gBAAgB;CAAG;yBAEP,OAAO,WAAW;;;;AAAlC,wBAyCE"}
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../source/composite/footer/options.ts"],"names":[],"mappings":"AAGA,OAAmB,EAAE,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAsB,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,MAAM,WAAW,WACf,SAAQ,SAAS,EACf,YAAY,EACZ,gBAAgB;CAAG;yBAEP,OAAO,WAAW;AAAlC,wBAoCE"}

package/dist/composite/footer/options.js

@@ -1,7 +1,7 @@
 "use strict";
-const token = require("@universityofmaryland/web-styles-library/token");
+const token = require("@universityofmaryland/web-token-library");
 const animation = require("@universityofmaryland/web-styles-library/animation");
-const index$2 = require("../../model/elements/index.js");
+const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
 const index = require("./elements/main-section/index.js");
 const index$1 = require("./elements/utility-section/index.js");
 function _interopNamespaceDefault(e) {
@@ -26,35 +26,27 @@ const options = (props) => {
   const { isThemeLight } = props;
   const main = index(props);
   const utility = index$1(props);
-  const wrapper = index$2.createDiv({
-    className: "umd-footer-element-wrapper",
-    children: [main, utility],
-    elementStyles: {
-      element: {
-        containerType: "inline-size",
-        overflow: "hidden",
-        ...isThemeLight && {
-          backgroundColor: token__namespace.color.gray.lightest,
-          ["& a"]: {
-            ...animation__namespace.line.slideUnderBlack,
-            ["&:not(:first-child)::before"]: {
-              backgroundColor: token__namespace.color.black
-            }
-          }
-        },
-        ["& p, & a, & span"]: {
-          color: token__namespace.color.white,
-          ...isThemeLight && {
-            color: token__namespace.color.gray.dark
+  return new webBuilderLibrary.ElementBuilder().withClassName("umd-footer-element-wrapper").withStyles({
+    element: {
+      containerType: "inline-size",
+      overflow: "hidden",
+      ...isThemeLight && {
+        backgroundColor: token__namespace.color.gray.lightest,
+        ["& a"]: {
+          ...animation__namespace.line.slideUnderBlack,
+          ["&:not(:first-child)::before"]: {
+            backgroundColor: token__namespace.color.black
           }
         }
+      },
+      ["& p, & a, & span"]: {
+        color: token__namespace.color.white,
+        ...isThemeLight && {
+          color: token__namespace.color.gray.dark
+        }
       }
     }
-  });
-  return {
-    element: wrapper.element,
-    styles: wrapper.styles
-  };
+  }).withChildren(main, utility).build();
 };
 module.exports = options;
 //# sourceMappingURL=options.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"options.js","sources":["../../../source/composite/footer/options.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport * as animation from '@universityofmaryland/web-styles-library/animation';\nimport { ElementModel } from 'model';\nimport createMain, { type MainSectionProps } from './elements/main-section';\nimport createUtility, { type UtilityProps } from './elements/utility-section';\nimport { BaseProps } from './_types';\n\nexport interface FooterProps\n  extends BaseProps,\n    UtilityProps,\n    MainSectionProps {}\n\nexport default (props: FooterProps) => {\n  const { isThemeLight } = props;\n\n  const main = createMain(props);\n  const utility = createUtility(props);\n\n  const wrapper = ElementModel.createDiv({\n    className: 'umd-footer-element-wrapper',\n    children: [main, utility],\n    elementStyles: {\n      element: {\n        containerType: 'inline-size',\n        overflow: 'hidden',\n\n        ...(isThemeLight && {\n          backgroundColor: token.color.gray.lightest,\n\n          ['& a']: {\n            ...animation.line.slideUnderBlack,\n\n            ['&:not(:first-child)::before']: {\n              backgroundColor: token.color.black,\n            },\n          },\n        }),\n\n        ['& p, & a, & span']: {\n          color: token.color.white,\n\n          ...(isThemeLight && {\n            color: token.color.gray.dark,\n          }),\n        },\n      },\n    },\n  });\n\n  return {\n    element: wrapper.element,\n    styles: wrapper.styles,\n  };\n};\n"],"names":["createMain","createUtility","ElementModel.createDiv","token","animation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAA,UAAe,CAAC,UAAuB;AACrC,QAAM,EAAE,iBAAiB;AAEzB,QAAM,OAAOA,MAAW,KAAK;AAC7B,QAAM,UAAUC,QAAc,KAAK;AAEnC,QAAM,UAAUC,QAAAA,UAAuB;AAAA,IACrC,WAAW;AAAA,IACX,UAAU,CAAC,MAAM,OAAO;AAAA,IACxB,eAAe;AAAA,MACb,SAAS;AAAA,QACP,eAAe;AAAA,QACf,UAAU;AAAA,QAEV,GAAI,gBAAgB;AAAA,UAClB,iBAAiBC,iBAAM,MAAM,KAAK;AAAA,UAElC,CAAC,KAAK,GAAG;AAAA,YACP,GAAGC,qBAAU,KAAK;AAAA,YAElB,CAAC,6BAA6B,GAAG;AAAA,cAC/B,iBAAiBD,iBAAM,MAAM;AAAA,YAAA;AAAA,UAC/B;AAAA,QACF;AAAA,QAGF,CAAC,kBAAkB,GAAG;AAAA,UACpB,OAAOA,iBAAM,MAAM;AAAA,UAEnB,GAAI,gBAAgB;AAAA,YAClB,OAAOA,iBAAM,MAAM,KAAK;AAAA,UAAA;AAAA,QAC1B;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD;AAED,SAAO;AAAA,IACL,SAAS,QAAQ;AAAA,IACjB,QAAQ,QAAQ;AAAA,EAAA;AAEpB;;"}
+{"version":3,"file":"options.js","sources":["../../../source/composite/footer/options.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-token-library';\nimport * as animation from '@universityofmaryland/web-styles-library/animation';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport createMain, { type MainSectionProps } from './elements/main-section';\nimport createUtility, { type UtilityProps } from './elements/utility-section';\nimport { BaseProps } from './_types';\n\nexport interface FooterProps\n  extends BaseProps,\n    UtilityProps,\n    MainSectionProps {}\n\nexport default (props: FooterProps) => {\n  const { isThemeLight } = props;\n\n  const main = createMain(props);\n  const utility = createUtility(props);\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-element-wrapper')\n    .withStyles({\n      element: {\n        containerType: 'inline-size',\n        overflow: 'hidden',\n\n        ...(isThemeLight && {\n          backgroundColor: token.color.gray.lightest,\n\n          ['& a']: {\n            ...animation.line.slideUnderBlack,\n\n            ['&:not(:first-child)::before']: {\n              backgroundColor: token.color.black,\n            },\n          },\n        }),\n\n        ['& p, & a, & span']: {\n          color: token.color.white,\n\n          ...(isThemeLight && {\n            color: token.color.gray.dark,\n          }),\n        },\n      },\n    })\n    .withChildren(main, utility)\n    .build();\n};\n"],"names":["createMain","createUtility","ElementBuilder","token","animation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAA,UAAe,CAAC,UAAuB;AACrC,QAAM,EAAE,iBAAiB;AAEzB,QAAM,OAAOA,MAAW,KAAK;AAC7B,QAAM,UAAUC,QAAc,KAAK;AAEnC,SAAO,IAAIC,kBAAAA,eAAA,EACR,cAAc,4BAA4B,EAC1C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe;AAAA,MACf,UAAU;AAAA,MAEV,GAAI,gBAAgB;AAAA,QAClB,iBAAiBC,iBAAM,MAAM,KAAK;AAAA,QAElC,CAAC,KAAK,GAAG;AAAA,UACP,GAAGC,qBAAU,KAAK;AAAA,UAElB,CAAC,6BAA6B,GAAG;AAAA,YAC/B,iBAAiBD,iBAAM,MAAM;AAAA,UAAA;AAAA,QAC/B;AAAA,MACF;AAAA,MAGF,CAAC,kBAAkB,GAAG;AAAA,QACpB,OAAOA,iBAAM,MAAM;AAAA,QAEnB,GAAI,gBAAgB;AAAA,UAClB,OAAOA,iBAAM,MAAM,KAAK;AAAA,QAAA;AAAA,MAC1B;AAAA,IACF;AAAA,EACF,CACD,EACA,aAAa,MAAM,OAAO,EAC1B,MAAA;AACL;;"}

package/dist/composite/footer/options.mjs

@@ -1,41 +1,33 @@
-import * as token from "@universityofmaryland/web-styles-library/token";
+import * as token from "@universityofmaryland/web-token-library";
 import * as animation from "@universityofmaryland/web-styles-library/animation";
-import { createDiv } from "../../model/elements/index.mjs";
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
 import createMain from "./elements/main-section/index.mjs";
 import createUtility from "./elements/utility-section/index.mjs";
 const options = (props) => {
   const { isThemeLight } = props;
   const main = createMain(props);
   const utility = createUtility(props);
-  const wrapper = createDiv({
-    className: "umd-footer-element-wrapper",
-    children: [main, utility],
-    elementStyles: {
-      element: {
-        containerType: "inline-size",
-        overflow: "hidden",
-        ...isThemeLight && {
-          backgroundColor: token.color.gray.lightest,
-          ["& a"]: {
-            ...animation.line.slideUnderBlack,
-            ["&:not(:first-child)::before"]: {
-              backgroundColor: token.color.black
-            }
-          }
-        },
-        ["& p, & a, & span"]: {
-          color: token.color.white,
-          ...isThemeLight && {
-            color: token.color.gray.dark
+  return new ElementBuilder().withClassName("umd-footer-element-wrapper").withStyles({
+    element: {
+      containerType: "inline-size",
+      overflow: "hidden",
+      ...isThemeLight && {
+        backgroundColor: token.color.gray.lightest,
+        ["& a"]: {
+          ...animation.line.slideUnderBlack,
+          ["&:not(:first-child)::before"]: {
+            backgroundColor: token.color.black
           }
         }
+      },
+      ["& p, & a, & span"]: {
+        color: token.color.white,
+        ...isThemeLight && {
+          color: token.color.gray.dark
+        }
       }
     }
-  });
-  return {
-    element: wrapper.element,
-    styles: wrapper.styles
-  };
+  }).withChildren(main, utility).build();
 };
 export {
   options as default

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

@@ -1 +1 @@
-{"version":3,"file":"options.mjs","sources":["../../../source/composite/footer/options.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport * as animation from '@universityofmaryland/web-styles-library/animation';\nimport { ElementModel } from 'model';\nimport createMain, { type MainSectionProps } from './elements/main-section';\nimport createUtility, { type UtilityProps } from './elements/utility-section';\nimport { BaseProps } from './_types';\n\nexport interface FooterProps\n  extends BaseProps,\n    UtilityProps,\n    MainSectionProps {}\n\nexport default (props: FooterProps) => {\n  const { isThemeLight } = props;\n\n  const main = createMain(props);\n  const utility = createUtility(props);\n\n  const wrapper = ElementModel.createDiv({\n    className: 'umd-footer-element-wrapper',\n    children: [main, utility],\n    elementStyles: {\n      element: {\n        containerType: 'inline-size',\n        overflow: 'hidden',\n\n        ...(isThemeLight && {\n          backgroundColor: token.color.gray.lightest,\n\n          ['& a']: {\n            ...animation.line.slideUnderBlack,\n\n            ['&:not(:first-child)::before']: {\n              backgroundColor: token.color.black,\n            },\n          },\n        }),\n\n        ['& p, & a, & span']: {\n          color: token.color.white,\n\n          ...(isThemeLight && {\n            color: token.color.gray.dark,\n          }),\n        },\n      },\n    },\n  });\n\n  return {\n    element: wrapper.element,\n    styles: wrapper.styles,\n  };\n};\n"],"names":["ElementModel.createDiv"],"mappings":";;;;;AAYA,MAAA,UAAe,CAAC,UAAuB;AACrC,QAAM,EAAE,iBAAiB;AAEzB,QAAM,OAAO,WAAW,KAAK;AAC7B,QAAM,UAAU,cAAc,KAAK;AAEnC,QAAM,UAAUA,UAAuB;AAAA,IACrC,WAAW;AAAA,IACX,UAAU,CAAC,MAAM,OAAO;AAAA,IACxB,eAAe;AAAA,MACb,SAAS;AAAA,QACP,eAAe;AAAA,QACf,UAAU;AAAA,QAEV,GAAI,gBAAgB;AAAA,UAClB,iBAAiB,MAAM,MAAM,KAAK;AAAA,UAElC,CAAC,KAAK,GAAG;AAAA,YACP,GAAG,UAAU,KAAK;AAAA,YAElB,CAAC,6BAA6B,GAAG;AAAA,cAC/B,iBAAiB,MAAM,MAAM;AAAA,YAAA;AAAA,UAC/B;AAAA,QACF;AAAA,QAGF,CAAC,kBAAkB,GAAG;AAAA,UACpB,OAAO,MAAM,MAAM;AAAA,UAEnB,GAAI,gBAAgB;AAAA,YAClB,OAAO,MAAM,MAAM,KAAK;AAAA,UAAA;AAAA,QAC1B;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD;AAED,SAAO;AAAA,IACL,SAAS,QAAQ;AAAA,IACjB,QAAQ,QAAQ;AAAA,EAAA;AAEpB;"}
+{"version":3,"file":"options.mjs","sources":["../../../source/composite/footer/options.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-token-library';\nimport * as animation from '@universityofmaryland/web-styles-library/animation';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport createMain, { type MainSectionProps } from './elements/main-section';\nimport createUtility, { type UtilityProps } from './elements/utility-section';\nimport { BaseProps } from './_types';\n\nexport interface FooterProps\n  extends BaseProps,\n    UtilityProps,\n    MainSectionProps {}\n\nexport default (props: FooterProps) => {\n  const { isThemeLight } = props;\n\n  const main = createMain(props);\n  const utility = createUtility(props);\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-element-wrapper')\n    .withStyles({\n      element: {\n        containerType: 'inline-size',\n        overflow: 'hidden',\n\n        ...(isThemeLight && {\n          backgroundColor: token.color.gray.lightest,\n\n          ['& a']: {\n            ...animation.line.slideUnderBlack,\n\n            ['&:not(:first-child)::before']: {\n              backgroundColor: token.color.black,\n            },\n          },\n        }),\n\n        ['& p, & a, & span']: {\n          color: token.color.white,\n\n          ...(isThemeLight && {\n            color: token.color.gray.dark,\n          }),\n        },\n      },\n    })\n    .withChildren(main, utility)\n    .build();\n};\n"],"names":[],"mappings":";;;;;AAYA,MAAA,UAAe,CAAC,UAAuB;AACrC,QAAM,EAAE,iBAAiB;AAEzB,QAAM,OAAO,WAAW,KAAK;AAC7B,QAAM,UAAU,cAAc,KAAK;AAEnC,SAAO,IAAI,eAAA,EACR,cAAc,4BAA4B,EAC1C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe;AAAA,MACf,UAAU;AAAA,MAEV,GAAI,gBAAgB;AAAA,QAClB,iBAAiB,MAAM,MAAM,KAAK;AAAA,QAElC,CAAC,KAAK,GAAG;AAAA,UACP,GAAG,UAAU,KAAK;AAAA,UAElB,CAAC,6BAA6B,GAAG;AAAA,YAC/B,iBAAiB,MAAM,MAAM;AAAA,UAAA;AAAA,QAC/B;AAAA,MACF;AAAA,MAGF,CAAC,kBAAkB,GAAG;AAAA,QACpB,OAAO,MAAM,MAAM;AAAA,QAEnB,GAAI,gBAAgB;AAAA,UAClB,OAAO,MAAM,MAAM,KAAK;AAAA,QAAA;AAAA,MAC1B;AAAA,IACF;AAAA,EACF,CACD,EACA,aAAa,MAAM,OAAO,EAC1B,MAAA;AACL;"}

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

@@ -1 +1 @@
-{"version":3,"file":"_types.d.ts","sourceRoot":"","sources":["../../../source/composite/hero/_types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"_types.d.ts","sourceRoot":"","sources":["../../../source/composite/hero/_types.ts"],"names":[],"mappings":"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"}

package/dist/composite/hero/custom/expand.d.ts

@@ -1,5 +1,5 @@
-import { HeroExpandProps as BaseHeroExpandProps } from '../_types';
 import { ContentElement } from '../../../_types';
+import { HeroExpandProps as BaseHeroExpandProps } from '../_types';
 interface HeroExpandProps extends BaseHeroExpandProps {
     eyebrow?: ContentElement;
     additional?: HTMLSlotElement | null;
@@ -11,8 +11,9 @@ declare const _default: (props: HeroExpandProps) => {
         }) => void;
     };
     element: HTMLElement;
-    className: string;
     styles: string;
+    update?: (props: Partial<import('@universityofmaryland/web-builder-library').BuilderOptions>) => void;
+    destroy?: () => void;
 };
 export default _default;
 //# sourceMappingURL=expand.d.ts.map

package/dist/composite/hero/custom/expand.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expand.d.ts","sourceRoot":"","sources":["../../../../source/composite/hero/custom/expand.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,eAAe,IAAI,mBAAmB,EAAE,MAAM,WAAW,CAAC;AACxE,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAE1E,UAAU,eAAgB,SAAQ,mBAAmB;IACnD,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,UAAU,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CACrC;yBAkXe,OAAO,eAAe;;oCA4BD;YAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;SAAE;;;;;;AA5B7D,wBA0CE"}
+{"version":3,"file":"expand.d.ts","sourceRoot":"","sources":["../../../../source/composite/hero/custom/expand.ts"],"names":[],"mappings":"AAKA,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,KAAK,eAAe,IAAI,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAExE,UAAU,eAAgB,SAAQ,mBAAmB;IACnD,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,UAAU,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CACrC;yBA0Xe,OAAO,eAAe;;oCA2BD;YAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;SAAE;;;;;;;AA3B7D,wBAyCE"}