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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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 { UtilityProps } from '../../_types';\nimport { type UMDElement } from '../../../../_types';\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 (\n  props: Pick<UtilityProps, 'isThemeLight' | 'slotUtilityLinks'>,\n) => {\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":["BREAKPOINTS","ElementBuilder","wrapLinkForAnimation","layout","token","typography","animation"],"mappings":"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"}
+{"version":3,"file":"index.js","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 { UtilityProps } from '../../_types';\nimport { type UMDElement } from '../../../../_types';\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\nconst CreateUtilitySectionElement = (\n  props: Pick<UtilityProps, 'isThemeLight' | 'slotUtilityLinks'>,\n) => {\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\nexport const createCompositeFooterUtilitySection = CreateUtilitySectionElement;\n"],"names":[],"mappings":"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"}

package/dist/composite/footer/globals.js

@@ -1,8 +1,8 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const BREAKPOINTS = {
   MEDIUM: 650,
   LARGE: 1e3
 };
-exports.BREAKPOINTS = BREAKPOINTS;
+export {
+  BREAKPOINTS
+};
 //# sourceMappingURL=globals.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"globals.js","sources":["../../../source/composite/footer/globals.ts"],"sourcesContent":["export const BREAKPOINTS = {\n  SMALL: 280,\n  MEDIUM: 650,\n  LARGE: 1000,\n};\n"],"names":[],"mappings":";;AAAO,MAAM,cAAc;AAAA,EAEzB,QAAQ;AAAA,EACR,OAAO;AACT;;"}
+{"version":3,"file":"globals.js","sources":["../../../source/composite/footer/globals.ts"],"sourcesContent":["export const BREAKPOINTS = {\n  SMALL: 280,\n  MEDIUM: 650,\n  LARGE: 1000,\n};\n"],"names":[],"mappings":"AAAO,MAAM,cAAc;AAAA,EAEzB,QAAQ;AAAA,EACR,OAAO;AACT;"}

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

@@ -1,4 +1,4 @@
-export { default as mega } from './mega';
-export { default as simple } from './simple';
-export { default as visual } from './visual';
+export { createCompositeFooterMega as mega } from './mega';
+export { createCompositeFooterSimple as simple } from './simple';
+export { createCompositeFooterVisual as visual } from './visual';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/composite/footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/composite/footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC3D,OAAO,EAAE,2BAA2B,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,EAAE,2BAA2B,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/composite/footer/index.js

@@ -1,9 +1,9 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const mega = require("./mega.js");
-const simple = require("./simple.js");
-const visual = require("./visual.js");
-exports.mega = mega;
-exports.simple = simple;
-exports.visual = visual;
+import { createCompositeFooterMega } from "./mega.js";
+import { createCompositeFooterSimple } from "./simple.js";
+import { createCompositeFooterVisual } from "./visual.js";
+export {
+  createCompositeFooterMega as mega,
+  createCompositeFooterSimple as simple,
+  createCompositeFooterVisual as visual
+};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"mega.d.ts","sourceRoot":"","sources":["../../../source/composite/footer/mega.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;yBAGvB,OAAO,WAAW;AAAlC,wBAKE"}
+{"version":3,"file":"mega.d.ts","sourceRoot":"","sources":["../../../source/composite/footer/mega.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAUvC,eAAO,MAAM,yBAAyB,UAPE,WAAW,kFAOa,CAAC"}

package/dist/composite/footer/mega.js

@@ -1,11 +1,13 @@
-"use strict";
-const index = require("./elements/main-section/index.js");
-const index$1 = require("./elements/utility-section/index.js");
-const base = require("./base.js");
-const mega = (props) => {
-  const main = index(props);
-  const utility = index$1(props);
-  return base(props, [main, utility]);
+import { createCompositeFooterMainSection } from "./elements/main-section/index.js";
+import { createCompositeFooterUtilitySection } from "./elements/utility-section/index.js";
+import { createCompositeFooterBase } from "./base.js";
+const CreateFooterMegaElement = (props) => {
+  const main = createCompositeFooterMainSection(props);
+  const utility = createCompositeFooterUtilitySection(props);
+  return createCompositeFooterBase(props, [main, utility]);
+};
+const createCompositeFooterMega = CreateFooterMegaElement;
+export {
+  createCompositeFooterMega
 };
-module.exports = mega;
 //# sourceMappingURL=mega.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mega.js","sources":["../../../source/composite/footer/mega.ts"],"sourcesContent":["import createMain from './elements/main-section';\nimport createUtility from './elements/utility-section';\nimport { FooterProps } from './_types';\nimport buildFooter from './base';\n\nexport default (props: FooterProps) => {\n  const main = createMain(props);\n  const utility = createUtility(props);\n\n  return buildFooter(props, [main, utility]);\n};\n"],"names":["createMain","createUtility","buildFooter"],"mappings":";;;;AAKA,MAAA,OAAe,CAAC,UAAuB;AACrC,QAAM,OAAOA,MAAW,KAAK;AAC7B,QAAM,UAAUC,QAAc,KAAK;AAEnC,SAAOC,KAAY,OAAO,CAAC,MAAM,OAAO,CAAC;AAC3C;;"}
+{"version":3,"file":"mega.js","sources":["../../../source/composite/footer/mega.ts"],"sourcesContent":["import { createCompositeFooterMainSection as createMain } from './elements/main-section';\nimport { createCompositeFooterUtilitySection as createUtility } from './elements/utility-section';\nimport { FooterProps } from './_types';\nimport { createCompositeFooterBase as buildFooter } from './base';\n\nconst CreateFooterMegaElement = (props: FooterProps) => {\n  const main = createMain(props);\n  const utility = createUtility(props);\n\n  return buildFooter(props, [main, utility]);\n};\n\nexport const createCompositeFooterMega = CreateFooterMegaElement;\n"],"names":["createMain","createUtility","buildFooter"],"mappings":";;;AAKA,MAAM,0BAA0B,CAAC,UAAuB;AACtD,QAAM,OAAOA,iCAAW,KAAK;AAC7B,QAAM,UAAUC,oCAAc,KAAK;AAEnC,SAAOC,0BAAY,OAAO,CAAC,MAAM,OAAO,CAAC;AAC3C;AAEO,MAAM,4BAA4B;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"simple.d.ts","sourceRoot":"","sources":["../../../source/composite/footer/simple.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;yBAGvB,OAAO,WAAW;AAAlC,wBAKE"}
+{"version":3,"file":"simple.d.ts","sourceRoot":"","sources":["../../../source/composite/footer/simple.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAUvC,eAAO,MAAM,2BAA2B,UAPE,WAAW,kFAOe,CAAC"}

package/dist/composite/footer/simple.js

@@ -1,11 +1,13 @@
-"use strict";
-const index = require("./elements/main-section/index.js");
-const index$1 = require("./elements/utility-section/index.js");
-const base = require("./base.js");
-const simple = (props) => {
-  const main = index(props);
-  const utility = index$1(props);
-  return base(props, [main, utility]);
+import { createCompositeFooterMainSection } from "./elements/main-section/index.js";
+import { createCompositeFooterUtilitySection } from "./elements/utility-section/index.js";
+import { createCompositeFooterBase } from "./base.js";
+const CreateFooterSimpleElement = (props) => {
+  const main = createCompositeFooterMainSection(props);
+  const utility = createCompositeFooterUtilitySection(props);
+  return createCompositeFooterBase(props, [main, utility]);
+};
+const createCompositeFooterSimple = CreateFooterSimpleElement;
+export {
+  createCompositeFooterSimple
 };
-module.exports = simple;
 //# sourceMappingURL=simple.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"simple.js","sources":["../../../source/composite/footer/simple.ts"],"sourcesContent":["import createMain from './elements/main-section';\nimport createUtility from './elements/utility-section';\nimport { FooterProps } from './_types';\nimport buildFooter from './base';\n\nexport default (props: FooterProps) => {\n  const main = createMain(props);\n  const utility = createUtility(props);\n\n  return buildFooter(props, [main, utility]);\n};\n"],"names":["createMain","createUtility","buildFooter"],"mappings":";;;;AAKA,MAAA,SAAe,CAAC,UAAuB;AACrC,QAAM,OAAOA,MAAW,KAAK;AAC7B,QAAM,UAAUC,QAAc,KAAK;AAEnC,SAAOC,KAAY,OAAO,CAAC,MAAM,OAAO,CAAC;AAC3C;;"}
+{"version":3,"file":"simple.js","sources":["../../../source/composite/footer/simple.ts"],"sourcesContent":["import { createCompositeFooterMainSection as createMain } from './elements/main-section';\nimport { createCompositeFooterUtilitySection as createUtility } from './elements/utility-section';\nimport { FooterProps } from './_types';\nimport { createCompositeFooterBase as buildFooter } from './base';\n\nconst CreateFooterSimpleElement = (props: FooterProps) => {\n  const main = createMain(props);\n  const utility = createUtility(props);\n\n  return buildFooter(props, [main, utility]);\n};\n\nexport const createCompositeFooterSimple = CreateFooterSimpleElement;\n"],"names":["createMain","createUtility","buildFooter"],"mappings":";;;AAKA,MAAM,4BAA4B,CAAC,UAAuB;AACxD,QAAM,OAAOA,iCAAW,KAAK;AAC7B,QAAM,UAAUC,oCAAc,KAAK;AAEnC,SAAOC,0BAAY,OAAO,CAAC,MAAM,OAAO,CAAC;AAC3C;AAEO,MAAM,8BAA8B;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"visual.d.ts","sourceRoot":"","sources":["../../../source/composite/footer/visual.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;yBAGvB,OAAO,WAAW;AAAlC,wBAKE"}
+{"version":3,"file":"visual.d.ts","sourceRoot":"","sources":["../../../source/composite/footer/visual.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAUvC,eAAO,MAAM,2BAA2B,UAPE,WAAW,kFAOe,CAAC"}

package/dist/composite/footer/visual.js

@@ -1,11 +1,13 @@
-"use strict";
-const index = require("./elements/main-section/index.js");
-const index$1 = require("./elements/utility-section/index.js");
-const base = require("./base.js");
-const visual = (props) => {
-  const main = index(props);
-  const utility = index$1(props);
-  return base(props, [main, utility]);
+import { createCompositeFooterMainSection } from "./elements/main-section/index.js";
+import { createCompositeFooterUtilitySection } from "./elements/utility-section/index.js";
+import { createCompositeFooterBase } from "./base.js";
+const CreateFooterVisualElement = (props) => {
+  const main = createCompositeFooterMainSection(props);
+  const utility = createCompositeFooterUtilitySection(props);
+  return createCompositeFooterBase(props, [main, utility]);
+};
+const createCompositeFooterVisual = CreateFooterVisualElement;
+export {
+  createCompositeFooterVisual
 };
-module.exports = visual;
 //# sourceMappingURL=visual.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"visual.js","sources":["../../../source/composite/footer/visual.ts"],"sourcesContent":["import createMain from './elements/main-section';\nimport createUtility from './elements/utility-section';\nimport { FooterProps } from './_types';\nimport buildFooter from './base';\n\nexport default (props: FooterProps) => {\n  const main = createMain(props);\n  const utility = createUtility(props);\n\n  return buildFooter(props, [main, utility]);\n};\n"],"names":["createMain","createUtility","buildFooter"],"mappings":";;;;AAKA,MAAA,SAAe,CAAC,UAAuB;AACrC,QAAM,OAAOA,MAAW,KAAK;AAC7B,QAAM,UAAUC,QAAc,KAAK;AAEnC,SAAOC,KAAY,OAAO,CAAC,MAAM,OAAO,CAAC;AAC3C;;"}
+{"version":3,"file":"visual.js","sources":["../../../source/composite/footer/visual.ts"],"sourcesContent":["import { createCompositeFooterMainSection as createMain } from './elements/main-section';\nimport { createCompositeFooterUtilitySection as createUtility } from './elements/utility-section';\nimport { FooterProps } from './_types';\nimport { createCompositeFooterBase as buildFooter } from './base';\n\nconst CreateFooterVisualElement = (props: FooterProps) => {\n  const main = createMain(props);\n  const utility = createUtility(props);\n\n  return buildFooter(props, [main, utility]);\n};\n\nexport const createCompositeFooterVisual = CreateFooterVisualElement;\n"],"names":["createMain","createUtility","buildFooter"],"mappings":";;;AAKA,MAAM,4BAA4B,CAAC,UAAuB;AACxD,QAAM,OAAOA,iCAAW,KAAK;AAC7B,QAAM,UAAUC,oCAAc,KAAK;AAEnC,SAAOC,0BAAY,OAAO,CAAC,MAAM,OAAO,CAAC;AAC3C;AAEO,MAAM,8BAA8B;"}

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

@@ -4,7 +4,7 @@ interface HeroExpandProps extends BaseHeroExpandProps {
     eyebrow?: ContentElement;
     additional?: HTMLSlotElement | null;
 }
-declare const _default: (props: HeroExpandProps) => {
+export declare const createCompositeHeroExpand: (props: HeroExpandProps) => {
     events: {
         setTopPosition: ({ value }: {
             value: string | null;
@@ -15,5 +15,5 @@ declare const _default: (props: HeroExpandProps) => {
     update?: (props: Partial<import('@universityofmaryland/web-builder-library').BuilderOptions>) => void;
     destroy?: () => void;
 };
-export default _default;
+export {};
 //# 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":"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"}
+{"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;AA0XD,eAAO,MAAM,yBAAyB,GAAI,OAAO,eAAe;;oCA2B3B;YAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;SAAE;;;;;;CAc5D,CAAC"}

package/dist/composite/hero/custom/expand.js

@@ -1,53 +1,34 @@
-"use strict";
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const token = require("@universityofmaryland/web-token-library");
-const Styles = require("@universityofmaryland/web-styles-library");
-const styles = require("@universityofmaryland/web-utilities-library/styles");
-require("@universityofmaryland/web-styles-library/element");
-require("@universityofmaryland/web-styles-library/layout");
-require("@universityofmaryland/web-styles-library/animation");
-require("@universityofmaryland/web-styles-library/typography");
-require("@universityofmaryland/web-utilities-library/media");
-require("@universityofmaryland/web-utilities-library/dom");
-require("@universityofmaryland/web-icons-library/controls");
-require("@universityofmaryland/web-icons-library/communication");
-require("@universityofmaryland/web-icons-library/files");
-require("@universityofmaryland/web-icons-library/brand");
-require("@universityofmaryland/web-icons-library/arrows");
-require("../../../atomic/animations/actions/indicator.js");
-require("../../../atomic/animations/brand/chevron-scroll.js");
-require("../../../atomic/animations/brand/card-stack.js");
-const background = require("../../../atomic/assets/image/background.js");
-require("@universityofmaryland/web-utilities-library/performance");
-const toggle = require("../../../atomic/assets/video/toggle.js");
-require("@universityofmaryland/web-utilities-library/accessibility");
-require("@universityofmaryland/web-icons-library/location");
-require("@universityofmaryland/web-icons-library/calendar");
-require("@universityofmaryland/web-utilities-library/theme");
-require("../../../atomic/layout/block/stacked.js");
-require("../../../atomic/layout/overlay/modal.js");
-require("../../../atomic/layout/person/columns.js");
-require("@universityofmaryland/web-icons-library/social");
-require("../../../atomic/text-lockup/date.js");
-require("../../../atomic/text-lockup/small.js");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
-const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import * as token from "@universityofmaryland/web-token-library";
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { withViewTimelineAnimation } from "@universityofmaryland/web-utilities-library/styles";
+import "@universityofmaryland/web-styles-library/element";
+import "@universityofmaryland/web-styles-library/layout";
+import "@universityofmaryland/web-styles-library/animation";
+import "@universityofmaryland/web-styles-library/typography";
+import "@universityofmaryland/web-utilities-library/media";
+import "@universityofmaryland/web-utilities-library/dom";
+import "@universityofmaryland/web-icons-library/controls";
+import "@universityofmaryland/web-icons-library/communication";
+import "@universityofmaryland/web-icons-library/files";
+import "@universityofmaryland/web-icons-library/brand";
+import "@universityofmaryland/web-icons-library/arrows";
+import "../../../atomic/animations/actions/indicator.js";
+import "../../../atomic/animations/brand/chevron-scroll.js";
+import "../../../atomic/animations/brand/card-stack.js";
+import { createImageBackground } from "../../../atomic/assets/image/background.js";
+import "@universityofmaryland/web-utilities-library/performance";
+import { createVideoToggle } from "../../../atomic/assets/video/toggle.js";
+import "@universityofmaryland/web-utilities-library/accessibility";
+import "@universityofmaryland/web-icons-library/location";
+import "@universityofmaryland/web-icons-library/calendar";
+import "@universityofmaryland/web-utilities-library/theme";
+import "../../../atomic/layout/block/stacked.js";
+import "../../../atomic/layout/overlay/modal.js";
+import "../../../atomic/layout/person/columns.js";
+import "@universityofmaryland/web-icons-library/social";
+import "../../../atomic/text-lockup/date.js";
+import "../../../atomic/text-lockup/small.js";
 const ANIMATION_CONFIG = {
   IMAGE_OVERLAY: {
     NAME: "img-overlay",
@@ -103,7 +84,7 @@ const keyFrameComponentSize = `
     to { width: ${ANIMATION_CONFIG.COMPONENT_SIZE.FINAL_WIDTH}; }
   }
 `;
-const createImageOverlay = () => new webBuilderLibrary.ElementBuilder().withClassName("hero-expand-image-overlay").withStyles({
+const createImageOverlay = () => new ElementBuilder().withClassName("hero-expand-image-overlay").withStyles({
   element: {
     position: "absolute",
     top: 0,
@@ -112,7 +93,7 @@ const createImageOverlay = () => new webBuilderLibrary.ElementBuilder().withClas
     width: "100%",
     background: "rgba(0,0,0,0.65)",
     opacity: 1,
-    ...styles.withViewTimelineAnimation({
+    ...withViewTimelineAnimation({
       opacity: 0,
       animation: `${ANIMATION_CONFIG.IMAGE_OVERLAY.NAME} forwards`,
       animationTimeline: "view()",
@@ -126,7 +107,7 @@ const createAssetElement = ({
   video
 }) => {
   if (video) {
-    return toggle({
+    return createVideoToggle({
       video,
       additionalElementStyles: {
         width: "100%",
@@ -142,7 +123,7 @@ const createAssetElement = ({
     });
   }
   if (image) {
-    return background({
+    return createImageBackground({
       element: image,
       isScaled: true,
       isGifAllowed: true,
@@ -154,19 +135,19 @@ const createAssetElement = ({
 const createImageSize = (props) => {
   const overlay = createImageOverlay();
   const asset = createAssetElement(props);
-  const container = new webBuilderLibrary.ElementBuilder().withClassName("hero-expand-image-size").withStyles({
+  const container = new ElementBuilder().withClassName("hero-expand-image-size").withStyles({
     element: {
       overflow: "hidden",
       position: "relative",
       height: "100%",
       width: "100%",
-      ...styles.withViewTimelineAnimation({
+      ...withViewTimelineAnimation({
         height: ANIMATION_CONFIG.IMAGE_SIZE.INITIAL_HEIGHT,
         animation: `${ANIMATION_CONFIG.IMAGE_SIZE.NAME} ease-in-out forwards`,
         animationTimeline: "view()",
         animationRangeStart: ANIMATION_CONFIG.IMAGE_SIZE.RANGE.START,
         animationRangeEnd: ANIMATION_CONFIG.IMAGE_SIZE.RANGE.END,
-        [`@container (${token__namespace.media.queries.tablet.min})`]: {
+        [`@container (${token.media.queries.tablet.min})`]: {
           animationRangeEnd: ANIMATION_CONFIG.IMAGE_SIZE.RANGE.END_TABLET
         }
       })
@@ -178,7 +159,7 @@ const createImageSize = (props) => {
   container.withChild(overlay);
   return container.build();
 };
-const createAssetContainer = (props) => new webBuilderLibrary.ElementBuilder().withClassName("hero-expand-image-container").withChild(createImageSize(props)).withStyles({
+const createAssetContainer = (props) => new ElementBuilder().withClassName("hero-expand-image-container").withChild(createImageSize(props)).withStyles({
   element: {
     position: "absolute",
     top: 0,
@@ -189,7 +170,7 @@ const createAssetContainer = (props) => new webBuilderLibrary.ElementBuilder().w
     overflow: "clip",
     display: "flex",
     alignItems: "center",
-    ...styles.withViewTimelineAnimation({
+    ...withViewTimelineAnimation({
       width: ANIMATION_CONFIG.COMPONENT_SIZE.INITIAL_WIDTH,
       position: "absolute",
       top: 0,
@@ -199,7 +180,7 @@ const createAssetContainer = (props) => new webBuilderLibrary.ElementBuilder().w
       animationTimeline: "view()",
       animationRangeStart: ANIMATION_CONFIG.COMPONENT_SIZE.RANGE.START,
       animationRangeEnd: ANIMATION_CONFIG.COMPONENT_SIZE.RANGE.END,
-      [`@container (${token__namespace.media.queries.tablet.min})`]: {
+      [`@container (${token.media.queries.tablet.min})`]: {
         width: ANIMATION_CONFIG.COMPONENT_SIZE.INITIAL_WIDTH_TABLET,
         animation: `${ANIMATION_CONFIG.COMPONENT_SIZE.NAME_TABLET} ease-in-out forwards`,
         animationTimeline: "view()",
@@ -211,9 +192,9 @@ const createAssetContainer = (props) => new webBuilderLibrary.ElementBuilder().w
 }).build();
 const createEyebrow = (eyebrow) => {
   if (!eyebrow) return null;
-  return new webBuilderLibrary.ElementBuilder(eyebrow).styled(Styles__namespace.element.text.decoration.ribbon).withStyles({
+  return new ElementBuilder(eyebrow).styled(Styles.element.text.decoration.ribbon).withStyles({
     siblingAfter: {
-      marginTop: token__namespace.spacing.md
+      marginTop: token.spacing.md
     }
   }).build();
 };
@@ -221,13 +202,13 @@ const createHeadline = (headline) => {
   const characterCount = headline?.textContent?.trim().length || 0;
   const isOverwriteHeadline = characterCount > 30;
   if (!headline) return null;
-  return new webBuilderLibrary.ElementBuilder(headline).styled(Styles__namespace.typography.campaign.fonts.maximum).withStyles({
+  return new ElementBuilder(headline).styled(Styles.typography.campaign.fonts.maximum).withStyles({
     element: {
-      color: token__namespace.color.white,
+      color: token.color.white,
       fontWeight: 800,
       textTransform: "uppercase",
       textWrap: "balance",
-      [`@container (${token__namespace.media.queries.desktop.min})`]: {
+      [`@container (${token.media.queries.desktop.min})`]: {
         ...isOverwriteHeadline && {
           fontSize: "96px"
         }
@@ -256,50 +237,50 @@ const createBottomTextChildren = ({
 }) => {
   const children = [];
   if (actions) {
-    const actionsContainer = new webBuilderLibrary.ElementBuilder().withClassName("hero-expand-text-actions").withChild(actions).withStyles({
+    const actionsContainer = new ElementBuilder().withClassName("hero-expand-text-actions").withChild(actions).withStyles({
       siblingAfter: {
-        marginTop: token__namespace.spacing.lg
+        marginTop: token.spacing.lg
       }
     }).build();
     children.push(actionsContainer);
   }
   if (additional) {
-    const additionalContainer = new webBuilderLibrary.ElementBuilder().withClassName("hero-expand-text-additional").withChild(additional).build();
+    const additionalContainer = new ElementBuilder().withClassName("hero-expand-text-additional").withChild(additional).build();
     children.push(additionalContainer);
   }
   return children;
 };
 const createTextContainer = (props) => {
-  const container = new webBuilderLibrary.ElementBuilder().withClassName("hero-expand-text-container").withStyles({
+  const container = new ElementBuilder().withClassName("hero-expand-text-container").withStyles({
     element: {
       position: "relative",
       height: "100%",
       zIndex: 9999,
       textAlign: "center",
-      padding: `${token__namespace.spacing.md} 0`,
-      [`@container (${token__namespace.media.queries.tablet.min})`]: {
-        padding: `${token__namespace.spacing["3xl"]} 0`,
+      padding: `${token.spacing.md} 0`,
+      [`@container (${token.media.queries.tablet.min})`]: {
+        padding: `${token.spacing["3xl"]} 0`,
         display: "flex",
         flexDirection: "column",
         justifyContent: "space-between"
       },
-      [`@container (${token__namespace.media.queries.highDef.min})`]: {
-        padding: `${token__namespace.spacing["6xl"]} 0`
+      [`@container (${token.media.queries.highDef.min})`]: {
+        padding: `${token.spacing["6xl"]} 0`
       }
     }
   });
   const topTextChildren = createTopTextChildren(props);
   if (topTextChildren.length > 0) {
-    const topText = new webBuilderLibrary.ElementBuilder().styled(Styles__namespace.layout.space.horizontal.normal).withChildren(...topTextChildren).withStyles({
+    const topText = new ElementBuilder().styled(Styles.layout.space.horizontal.normal).withChildren(...topTextChildren).withStyles({
       siblingAfter: {
-        marginTop: token__namespace.spacing.lg
+        marginTop: token.spacing.lg
       }
     }).build();
     container.withChild(topText);
   }
   const bottomTextChildren = createBottomTextChildren(props);
   if (bottomTextChildren.length > 0) {
-    const bottomText = new webBuilderLibrary.ElementBuilder().styled(Styles__namespace.layout.space.horizontal.normal).withChildren(...bottomTextChildren).withStyles({
+    const bottomText = new ElementBuilder().styled(Styles.layout.space.horizontal.normal).withChildren(...bottomTextChildren).withStyles({
       element: {
         width: "100%"
       }
@@ -311,11 +292,11 @@ const createTextContainer = (props) => {
 const createSticky = (props) => {
   const assetContainer = createAssetContainer(props);
   const textContainer = createTextContainer(props);
-  return new webBuilderLibrary.ElementBuilder().withClassName("hero-expand-sticky").withChildren(assetContainer, textContainer).withStyles({
+  return new ElementBuilder().withClassName("hero-expand-sticky").withChildren(assetContainer, textContainer).withStyles({
     element: {
       position: "relative",
-      [`@container (${token__namespace.media.queries.tablet.min})`]: {
-        ...styles.withViewTimelineAnimation({
+      [`@container (${token.media.queries.tablet.min})`]: {
+        ...withViewTimelineAnimation({
           position: "sticky",
           top: 0,
           height: "100vh"
@@ -327,14 +308,14 @@ const createSticky = (props) => {
     }
   }).build();
 };
-const expand = (props) => {
+const createCompositeHeroExpand = (props) => {
   const sticky = createSticky(props);
-  const composite = new webBuilderLibrary.ElementBuilder().withClassName("umd-hero-expand").withChild(sticky).withStyles({
+  const composite = new ElementBuilder().withClassName("umd-hero-expand").withChild(sticky).withStyles({
     element: {
       containerType: "inline-size",
-      ...styles.withViewTimelineAnimation({
+      ...withViewTimelineAnimation({
         position: "relative",
-        [`@container (${token__namespace.media.queries.tablet.min})`]: {
+        [`@container (${token.media.queries.tablet.min})`]: {
           height: "200vh"
         }
       }),
@@ -359,5 +340,7 @@ const expand = (props) => {
     }
   };
 };
-module.exports = expand;
+export {
+  createCompositeHeroExpand
+};
 //# sourceMappingURL=expand.js.map