@universityofmaryland/web-elements-library 1.3.7 → 1.4.0

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

@@ -2,6 +2,5 @@ export declare const UtilityContainerStyles: string;
 export interface UtilityProps {
     slotUtilityLinks?: HTMLElement | null;
 }
-declare const _default: ({ slotUtilityLinks }: UtilityProps) => HTMLDivElement;
-export default _default;
+export declare const createUtilitySection: ({ slotUtilityLinks }: UtilityProps) => HTMLDivElement;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../source/composite/footer/elements/utility-section/index.ts"],"names":[],"mappings":"AAiEA,eAAO,MAAM,sBAAsB,QA8ClC,CAAC;AA0BF,MAAM,WAAW,YAAY;IAC3B,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACvC;+CAEqC,YAAY;AAAlD,wBA8BE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../source/composite/footer/elements/utility-section/index.ts"],"names":[],"mappings":"AAiEA,eAAO,MAAM,sBAAsB,QA8ClC,CAAC;AA0BF,MAAM,WAAW,YAAY;IAC3B,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,oBAAoB,GAAI,sBAAsB,YAAY,mBA8BtE,CAAC"}

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

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Styles = require("@universityofmaryland/web-styles-library");
+const create = require("../../../../utilities/markup/create.js");
+const modify = require("../../../../utilities/markup/modify.js");
+const index = require("../../../../utilities/theme/index.js");
+const globals = require("../../globals.js");
+const { LARGE } = globals.BREAKPOINTS;
+const { ELEMENT_WRAPPER } = globals.ELEMENTS;
+const { ELEMENT_NAME } = globals.VARIABLES;
+const { IS_THEME_LIGHT } = globals.REFERENCES;
+const UTILITY_CONTAINER = "umd-footer-utility-container";
+const UTILITY_CONTAINER_LOCK = "umd-footer-utility-container-lock";
+const UTILITY_CONTAINER_LINK = "umd-footer-utility-container-link";
+const LinkStyles = `
+  .${UTILITY_CONTAINER} a {
+    display: block;
+  }
+
+  .${UTILITY_CONTAINER} a span {
+    color: ${Styles.token.color.gray.light};
+  }
+
+  ${index.convertJSSObjectToStyles({
+  styleObj: {
+    [`.${UTILITY_CONTAINER} a`]: Styles.animation.line.slideUnderWhite
+  }
+})}
+
+  .${ELEMENT_WRAPPER}${IS_THEME_LIGHT} .${UTILITY_CONTAINER} a {
+    color: ${Styles.token.color.black};
+  }
+
+  ${index.convertJSSObjectToStyles({
+  styleObj: {
+    [`.${ELEMENT_WRAPPER}${IS_THEME_LIGHT} .${UTILITY_CONTAINER} a`]: Styles.animation.line.slideUnderBlack
+  }
+})}
+`;
+const TextStyles = `
+  .${UTILITY_CONTAINER} .${UTILITY_CONTAINER_LOCK} p {
+    color: ${Styles.token.color.gray.light};
+    display: flex;
+    align-items: center;
+  }
+
+  .${UTILITY_CONTAINER} .${UTILITY_CONTAINER_LOCK} a {
+    color: ${Styles.token.color.gray.light};
+  }
+
+  .${ELEMENT_WRAPPER}${IS_THEME_LIGHT} .${UTILITY_CONTAINER} p {
+    color: ${Styles.token.color.black};
+  }
+`;
+const UtilityContainerStyles = `
+  .${UTILITY_CONTAINER} {
+    padding: ${Styles.token.spacing.sm} 0;
+    background-color: ${Styles.token.color.gray.darker};
+  }
+
+  ${index.convertJSSObjectToStyles({
+  styleObj: {
+    [`.${UTILITY_CONTAINER_LOCK}`]: Styles.layout.space.horizontal.larger
+  }
+})}
+
+  @container ${ELEMENT_NAME} (min-width: ${LARGE}px) {
+    .${UTILITY_CONTAINER_LOCK} {
+      display: flex;
+      align-items: center;
+    }
+  }
+
+  ${index.convertJSSObjectToStyles({
+  styleObj: {
+    [`.${UTILITY_CONTAINER} *`]: Styles.typography.sans.smaller
+  }
+})}
+
+  @container ${ELEMENT_NAME} (max-width: ${LARGE - 1}px) {
+    .${UTILITY_CONTAINER_LOCK} > *:not(:first-child) {
+      margin-top: ${Styles.token.spacing.sm};
+    }
+  }
+
+  @container ${ELEMENT_NAME} (min-width: ${LARGE}px) {
+    .${UTILITY_CONTAINER} .${UTILITY_CONTAINER_LOCK} > *:not(:first-child) {
+      margin-left: ${Styles.token.spacing.sm};
+      padding-left: ${Styles.token.spacing.sm};
+      background-position: ${Styles.token.spacing.sm} 100%;
+      border-left: 1px solid ${Styles.token.color.gray.dark};
+    }
+  }
+
+  .${ELEMENT_WRAPPER}${IS_THEME_LIGHT} .${UTILITY_CONTAINER} {
+    background-color: ${Styles.token.color.gray.light};
+  }
+
+  ${LinkStyles}
+  ${TextStyles}
+`;
+const requiredSubLinks = [
+  {
+    title: "Privacy Policy",
+    url: "https://www.umd.edu/privacy-notice"
+  },
+  {
+    title: "Web Accessibility",
+    url: "https://www.umd.edu/web-accessibility"
+  }
+];
+const createUtilitySection = ({ slotUtilityLinks }) => {
+  const container = document.createElement("div");
+  const wrapper = document.createElement("div");
+  const copyRight = document.createElement("p");
+  container.classList.add(UTILITY_CONTAINER);
+  wrapper.classList.add(UTILITY_CONTAINER_LOCK);
+  if (slotUtilityLinks) {
+    const slottedLinks = Array.from(
+      slotUtilityLinks.querySelectorAll(`a`)
+    );
+    slottedLinks.forEach((link) => {
+      modify.animationLinkSpan({ element: link });
+      link.classList.add(UTILITY_CONTAINER_LINK);
+      wrapper.appendChild(link);
+    });
+  }
+  requiredSubLinks.forEach(
+    (link) => wrapper.appendChild(create.linkWithSpan(link))
+  );
+  copyRight.classList.add(UTILITY_CONTAINER_LINK);
+  copyRight.innerHTML = `©${(/* @__PURE__ */ new Date()).getFullYear()} UNIVERSITY OF MARYLAND`;
+  wrapper.appendChild(copyRight);
+  container.appendChild(wrapper);
+  return container;
+};
+exports.UtilityContainerStyles = UtilityContainerStyles;
+exports.createUtilitySection = createUtilitySection;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../source/composite/footer/elements/utility-section/index.ts"],"sourcesContent":["import {\n  animation,\n  token,\n  layout,\n  typography,\n} from '@universityofmaryland/web-styles-library';\nimport * as Utils from 'utilities';\nimport { BREAKPOINTS, ELEMENTS, VARIABLES, REFERENCES } from '../../globals';\n\nconst { LARGE } = BREAKPOINTS;\nconst { ELEMENT_WRAPPER } = ELEMENTS;\nconst { ELEMENT_NAME } = VARIABLES;\nconst { IS_THEME_LIGHT } = REFERENCES;\n\nconst UTILITY_CONTAINER = 'umd-footer-utility-container';\nconst UTILITY_CONTAINER_LOCK = 'umd-footer-utility-container-lock';\nconst UTILITY_CONTAINER_LINK = 'umd-footer-utility-container-link';\n\n// prettier-ignore\nconst LinkStyles = `\n  .${UTILITY_CONTAINER} a {\n    display: block;\n  }\n\n  .${UTILITY_CONTAINER} a span {\n    color: ${token.color.gray.light};\n  }\n\n  ${Utils.theme.convertJSSObjectToStyles({\n    styleObj: {\n      [`.${UTILITY_CONTAINER} a`]:\n      animation.line.slideUnderWhite,\n    },\n  })}\n\n  .${ELEMENT_WRAPPER}${IS_THEME_LIGHT} .${UTILITY_CONTAINER} a {\n    color: ${token.color.black};\n  }\n\n  ${Utils.theme.convertJSSObjectToStyles({\n    styleObj: {\n      [`.${ELEMENT_WRAPPER}${IS_THEME_LIGHT} .${UTILITY_CONTAINER} a`]:\n      animation.line.slideUnderBlack,\n    },\n  })}\n`;\n\n// prettier-ignore\nconst TextStyles = `\n  .${UTILITY_CONTAINER} .${UTILITY_CONTAINER_LOCK} p {\n    color: ${token.color.gray.light};\n    display: flex;\n    align-items: center;\n  }\n\n  .${UTILITY_CONTAINER} .${UTILITY_CONTAINER_LOCK} a {\n    color: ${token.color.gray.light};\n  }\n\n  .${ELEMENT_WRAPPER}${IS_THEME_LIGHT} .${UTILITY_CONTAINER} p {\n    color: ${token.color.black};\n  }\n`;\n\n// prettier-ignore\nexport const UtilityContainerStyles = `\n  .${UTILITY_CONTAINER} {\n    padding: ${token.spacing.sm} 0;\n    background-color: ${token.color.gray.darker};\n  }\n\n  ${Utils.theme.convertJSSObjectToStyles({\n    styleObj: {\n      [`.${UTILITY_CONTAINER_LOCK}`]: layout.space.horizontal.larger,\n    },\n  })}\n\n  @container ${ELEMENT_NAME} (min-width: ${LARGE}px) {\n    .${UTILITY_CONTAINER_LOCK} {\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  ${Utils.theme.convertJSSObjectToStyles({\n    styleObj: {\n      [`.${UTILITY_CONTAINER} *`]: typography.sans.smaller\n    },\n  })}\n\n  @container ${ELEMENT_NAME} (max-width: ${LARGE - 1}px) {\n    .${UTILITY_CONTAINER_LOCK} > *:not(:first-child) {\n      margin-top: ${token.spacing.sm};\n    }\n  }\n\n  @container ${ELEMENT_NAME} (min-width: ${LARGE}px) {\n    .${UTILITY_CONTAINER} .${UTILITY_CONTAINER_LOCK} > *:not(:first-child) {\n      margin-left: ${token.spacing.sm};\n      padding-left: ${token.spacing.sm};\n      background-position: ${token.spacing.sm} 100%;\n      border-left: 1px solid ${token.color.gray.dark};\n    }\n  }\n\n  .${ELEMENT_WRAPPER}${IS_THEME_LIGHT} .${UTILITY_CONTAINER} {\n    background-color: ${token.color.gray.light};\n  }\n\n  ${LinkStyles}\n  ${TextStyles}\n`;\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 createSubLink = ({ title, url }: { title: string; url: string }) => {\n  const wrapper = document.createElement('div');\n  const link = document.createElement('a');\n  link.setAttribute('href', url);\n  link.setAttribute('target', '_blank');\n  link.setAttribute('rel', 'noopener noreferrer');\n  link.innerText = title;\n  link.classList.add(UTILITY_CONTAINER_LINK);\n\n  wrapper.appendChild(link);\n  return wrapper;\n};\n\nexport interface UtilityProps {\n  slotUtilityLinks?: HTMLElement | null;\n}\n\nexport const createUtilitySection = ({ slotUtilityLinks }: UtilityProps) => {\n  const container = document.createElement('div');\n  const wrapper = document.createElement('div');\n  const copyRight = document.createElement('p');\n\n  container.classList.add(UTILITY_CONTAINER);\n  wrapper.classList.add(UTILITY_CONTAINER_LOCK);\n\n  if (slotUtilityLinks) {\n    const slottedLinks = Array.from(\n      slotUtilityLinks.querySelectorAll(`a`),\n    ) as HTMLAnchorElement[];\n\n    slottedLinks.forEach((link) => {\n      Utils.markup.modify.animationLinkSpan({ element: link });\n      link.classList.add(UTILITY_CONTAINER_LINK);\n\n      wrapper.appendChild(link);\n    });\n  }\n\n  requiredSubLinks.forEach((link) =>\n    wrapper.appendChild(Utils.markup.create.linkWithSpan(link)),\n  );\n  copyRight.classList.add(UTILITY_CONTAINER_LINK);\n  copyRight.innerHTML = `©${new Date().getFullYear()} UNIVERSITY OF MARYLAND`;\n  wrapper.appendChild(copyRight);\n  container.appendChild(wrapper);\n\n  return container;\n};\n"],"names":["BREAKPOINTS","ELEMENTS","VARIABLES","REFERENCES","token","Utils.theme.convertJSSObjectToStyles","animation","layout","typography","Utils.markup.modify.animationLinkSpan","Utils.markup.create.linkWithSpan"],"mappings":"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"}

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

@@ -0,0 +1,139 @@
+import { token, animation, layout, typography } from "@universityofmaryland/web-styles-library";
+import { linkWithSpan } from "../../../../utilities/markup/create.mjs";
+import { animationLinkSpan } from "../../../../utilities/markup/modify.mjs";
+import { convertJSSObjectToStyles } from "../../../../utilities/theme/index.mjs";
+import { ELEMENTS, REFERENCES, VARIABLES, BREAKPOINTS } from "../../globals.mjs";
+const { LARGE } = BREAKPOINTS;
+const { ELEMENT_WRAPPER } = ELEMENTS;
+const { ELEMENT_NAME } = VARIABLES;
+const { IS_THEME_LIGHT } = REFERENCES;
+const UTILITY_CONTAINER = "umd-footer-utility-container";
+const UTILITY_CONTAINER_LOCK = "umd-footer-utility-container-lock";
+const UTILITY_CONTAINER_LINK = "umd-footer-utility-container-link";
+const LinkStyles = `
+  .${UTILITY_CONTAINER} a {
+    display: block;
+  }
+
+  .${UTILITY_CONTAINER} a span {
+    color: ${token.color.gray.light};
+  }
+
+  ${convertJSSObjectToStyles({
+  styleObj: {
+    [`.${UTILITY_CONTAINER} a`]: animation.line.slideUnderWhite
+  }
+})}
+
+  .${ELEMENT_WRAPPER}${IS_THEME_LIGHT} .${UTILITY_CONTAINER} a {
+    color: ${token.color.black};
+  }
+
+  ${convertJSSObjectToStyles({
+  styleObj: {
+    [`.${ELEMENT_WRAPPER}${IS_THEME_LIGHT} .${UTILITY_CONTAINER} a`]: animation.line.slideUnderBlack
+  }
+})}
+`;
+const TextStyles = `
+  .${UTILITY_CONTAINER} .${UTILITY_CONTAINER_LOCK} p {
+    color: ${token.color.gray.light};
+    display: flex;
+    align-items: center;
+  }
+
+  .${UTILITY_CONTAINER} .${UTILITY_CONTAINER_LOCK} a {
+    color: ${token.color.gray.light};
+  }
+
+  .${ELEMENT_WRAPPER}${IS_THEME_LIGHT} .${UTILITY_CONTAINER} p {
+    color: ${token.color.black};
+  }
+`;
+const UtilityContainerStyles = `
+  .${UTILITY_CONTAINER} {
+    padding: ${token.spacing.sm} 0;
+    background-color: ${token.color.gray.darker};
+  }
+
+  ${convertJSSObjectToStyles({
+  styleObj: {
+    [`.${UTILITY_CONTAINER_LOCK}`]: layout.space.horizontal.larger
+  }
+})}
+
+  @container ${ELEMENT_NAME} (min-width: ${LARGE}px) {
+    .${UTILITY_CONTAINER_LOCK} {
+      display: flex;
+      align-items: center;
+    }
+  }
+
+  ${convertJSSObjectToStyles({
+  styleObj: {
+    [`.${UTILITY_CONTAINER} *`]: typography.sans.smaller
+  }
+})}
+
+  @container ${ELEMENT_NAME} (max-width: ${LARGE - 1}px) {
+    .${UTILITY_CONTAINER_LOCK} > *:not(:first-child) {
+      margin-top: ${token.spacing.sm};
+    }
+  }
+
+  @container ${ELEMENT_NAME} (min-width: ${LARGE}px) {
+    .${UTILITY_CONTAINER} .${UTILITY_CONTAINER_LOCK} > *:not(:first-child) {
+      margin-left: ${token.spacing.sm};
+      padding-left: ${token.spacing.sm};
+      background-position: ${token.spacing.sm} 100%;
+      border-left: 1px solid ${token.color.gray.dark};
+    }
+  }
+
+  .${ELEMENT_WRAPPER}${IS_THEME_LIGHT} .${UTILITY_CONTAINER} {
+    background-color: ${token.color.gray.light};
+  }
+
+  ${LinkStyles}
+  ${TextStyles}
+`;
+const requiredSubLinks = [
+  {
+    title: "Privacy Policy",
+    url: "https://www.umd.edu/privacy-notice"
+  },
+  {
+    title: "Web Accessibility",
+    url: "https://www.umd.edu/web-accessibility"
+  }
+];
+const createUtilitySection = ({ slotUtilityLinks }) => {
+  const container = document.createElement("div");
+  const wrapper = document.createElement("div");
+  const copyRight = document.createElement("p");
+  container.classList.add(UTILITY_CONTAINER);
+  wrapper.classList.add(UTILITY_CONTAINER_LOCK);
+  if (slotUtilityLinks) {
+    const slottedLinks = Array.from(
+      slotUtilityLinks.querySelectorAll(`a`)
+    );
+    slottedLinks.forEach((link) => {
+      animationLinkSpan({ element: link });
+      link.classList.add(UTILITY_CONTAINER_LINK);
+      wrapper.appendChild(link);
+    });
+  }
+  requiredSubLinks.forEach(
+    (link) => wrapper.appendChild(linkWithSpan(link))
+  );
+  copyRight.classList.add(UTILITY_CONTAINER_LINK);
+  copyRight.innerHTML = `©${(/* @__PURE__ */ new Date()).getFullYear()} UNIVERSITY OF MARYLAND`;
+  wrapper.appendChild(copyRight);
+  container.appendChild(wrapper);
+  return container;
+};
+export {
+  UtilityContainerStyles,
+  createUtilitySection
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../source/composite/footer/elements/utility-section/index.ts"],"sourcesContent":["import {\n  animation,\n  token,\n  layout,\n  typography,\n} from '@universityofmaryland/web-styles-library';\nimport * as Utils from 'utilities';\nimport { BREAKPOINTS, ELEMENTS, VARIABLES, REFERENCES } from '../../globals';\n\nconst { LARGE } = BREAKPOINTS;\nconst { ELEMENT_WRAPPER } = ELEMENTS;\nconst { ELEMENT_NAME } = VARIABLES;\nconst { IS_THEME_LIGHT } = REFERENCES;\n\nconst UTILITY_CONTAINER = 'umd-footer-utility-container';\nconst UTILITY_CONTAINER_LOCK = 'umd-footer-utility-container-lock';\nconst UTILITY_CONTAINER_LINK = 'umd-footer-utility-container-link';\n\n// prettier-ignore\nconst LinkStyles = `\n  .${UTILITY_CONTAINER} a {\n    display: block;\n  }\n\n  .${UTILITY_CONTAINER} a span {\n    color: ${token.color.gray.light};\n  }\n\n  ${Utils.theme.convertJSSObjectToStyles({\n    styleObj: {\n      [`.${UTILITY_CONTAINER} a`]:\n      animation.line.slideUnderWhite,\n    },\n  })}\n\n  .${ELEMENT_WRAPPER}${IS_THEME_LIGHT} .${UTILITY_CONTAINER} a {\n    color: ${token.color.black};\n  }\n\n  ${Utils.theme.convertJSSObjectToStyles({\n    styleObj: {\n      [`.${ELEMENT_WRAPPER}${IS_THEME_LIGHT} .${UTILITY_CONTAINER} a`]:\n      animation.line.slideUnderBlack,\n    },\n  })}\n`;\n\n// prettier-ignore\nconst TextStyles = `\n  .${UTILITY_CONTAINER} .${UTILITY_CONTAINER_LOCK} p {\n    color: ${token.color.gray.light};\n    display: flex;\n    align-items: center;\n  }\n\n  .${UTILITY_CONTAINER} .${UTILITY_CONTAINER_LOCK} a {\n    color: ${token.color.gray.light};\n  }\n\n  .${ELEMENT_WRAPPER}${IS_THEME_LIGHT} .${UTILITY_CONTAINER} p {\n    color: ${token.color.black};\n  }\n`;\n\n// prettier-ignore\nexport const UtilityContainerStyles = `\n  .${UTILITY_CONTAINER} {\n    padding: ${token.spacing.sm} 0;\n    background-color: ${token.color.gray.darker};\n  }\n\n  ${Utils.theme.convertJSSObjectToStyles({\n    styleObj: {\n      [`.${UTILITY_CONTAINER_LOCK}`]: layout.space.horizontal.larger,\n    },\n  })}\n\n  @container ${ELEMENT_NAME} (min-width: ${LARGE}px) {\n    .${UTILITY_CONTAINER_LOCK} {\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  ${Utils.theme.convertJSSObjectToStyles({\n    styleObj: {\n      [`.${UTILITY_CONTAINER} *`]: typography.sans.smaller\n    },\n  })}\n\n  @container ${ELEMENT_NAME} (max-width: ${LARGE - 1}px) {\n    .${UTILITY_CONTAINER_LOCK} > *:not(:first-child) {\n      margin-top: ${token.spacing.sm};\n    }\n  }\n\n  @container ${ELEMENT_NAME} (min-width: ${LARGE}px) {\n    .${UTILITY_CONTAINER} .${UTILITY_CONTAINER_LOCK} > *:not(:first-child) {\n      margin-left: ${token.spacing.sm};\n      padding-left: ${token.spacing.sm};\n      background-position: ${token.spacing.sm} 100%;\n      border-left: 1px solid ${token.color.gray.dark};\n    }\n  }\n\n  .${ELEMENT_WRAPPER}${IS_THEME_LIGHT} .${UTILITY_CONTAINER} {\n    background-color: ${token.color.gray.light};\n  }\n\n  ${LinkStyles}\n  ${TextStyles}\n`;\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 createSubLink = ({ title, url }: { title: string; url: string }) => {\n  const wrapper = document.createElement('div');\n  const link = document.createElement('a');\n  link.setAttribute('href', url);\n  link.setAttribute('target', '_blank');\n  link.setAttribute('rel', 'noopener noreferrer');\n  link.innerText = title;\n  link.classList.add(UTILITY_CONTAINER_LINK);\n\n  wrapper.appendChild(link);\n  return wrapper;\n};\n\nexport interface UtilityProps {\n  slotUtilityLinks?: HTMLElement | null;\n}\n\nexport const createUtilitySection = ({ slotUtilityLinks }: UtilityProps) => {\n  const container = document.createElement('div');\n  const wrapper = document.createElement('div');\n  const copyRight = document.createElement('p');\n\n  container.classList.add(UTILITY_CONTAINER);\n  wrapper.classList.add(UTILITY_CONTAINER_LOCK);\n\n  if (slotUtilityLinks) {\n    const slottedLinks = Array.from(\n      slotUtilityLinks.querySelectorAll(`a`),\n    ) as HTMLAnchorElement[];\n\n    slottedLinks.forEach((link) => {\n      Utils.markup.modify.animationLinkSpan({ element: link });\n      link.classList.add(UTILITY_CONTAINER_LINK);\n\n      wrapper.appendChild(link);\n    });\n  }\n\n  requiredSubLinks.forEach((link) =>\n    wrapper.appendChild(Utils.markup.create.linkWithSpan(link)),\n  );\n  copyRight.classList.add(UTILITY_CONTAINER_LINK);\n  copyRight.innerHTML = `©${new Date().getFullYear()} UNIVERSITY OF MARYLAND`;\n  wrapper.appendChild(copyRight);\n  container.appendChild(wrapper);\n\n  return container;\n};\n"],"names":["Utils.theme.convertJSSObjectToStyles","Utils.markup.modify.animationLinkSpan","Utils.markup.create.linkWithSpan"],"mappings":"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"}

package/dist/composite/footer/globals.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const BREAKPOINTS = {
+  MEDIUM: 650,
+  LARGE: 1e3
+};
+const ELEMENTS = {
+  ELEMENT_WRAPPER: "umd-footer-element-wrapper"
+};
+const VARIABLES = {
+  ELEMENT_NAME: "umd-element-footer",
+  ATTRIBUTE_THEME: "theme",
+  ATTRIBUTE_TYPE: "type",
+  VERSION_TYPE_VISUAL: "visual",
+  VERSION_TYPE_SIMPLE: "simple",
+  THEME_OPTION_LIGHT: "light"
+};
+const REFERENCES = {
+  IS_THEME_LIGHT: `[${VARIABLES.ATTRIBUTE_THEME}="${VARIABLES.THEME_OPTION_LIGHT}"]`,
+  IS_VERSION_VISUAL: `[${VARIABLES.ATTRIBUTE_TYPE}="${VARIABLES.VERSION_TYPE_VISUAL}"]`,
+  IS_VERSION_SIMPLE: `[${VARIABLES.ATTRIBUTE_TYPE}="${VARIABLES.VERSION_TYPE_SIMPLE}"]`
+};
+exports.BREAKPOINTS = BREAKPOINTS;
+exports.ELEMENTS = ELEMENTS;
+exports.REFERENCES = REFERENCES;
+exports.VARIABLES = VARIABLES;
+//# sourceMappingURL=globals.js.map

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

@@ -0,0 +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};\nexport const ELEMENTS = {\n  ELEMENT_WRAPPER: 'umd-footer-element-wrapper',\n};\nexport const SLOTS = {\n  CONTACT_HEADLINE: 'contact-headline',\n  CONTACT_LINKS: 'contact-links',\n  CONTACT_ADDRESS: 'contact-address',\n  CTA: 'call-to-action',\n  SOCIAL: 'social-links',\n  UTILITY: 'utility-links',\n  LINK_COLUMN_ONE: 'link-column-one',\n  LINK_COLUMN_TWO: 'link-column-two',\n  LINK_COLUMN_THREE: 'link-column-three',\n};\nexport const VARIABLES = {\n  ELEMENT_NAME: 'umd-element-footer',\n  ATTRIBUTE_THEME: 'theme',\n  ATTRIBUTE_TYPE: 'type',\n  VERSION_TYPE_MEGA: 'mega',\n  VERSION_TYPE_VISUAL: 'visual',\n  VERSION_TYPE_SIMPLE: 'simple',\n  VERSION_TYPES: ['mega', 'visual', 'simple'],\n  THEME_OPTION_DARK: 'dark',\n  THEME_OPTION_LIGHT: 'light',\n};\nexport const REFERENCES = {\n  IS_THEME_LIGHT: `[${VARIABLES.ATTRIBUTE_THEME}=\"${VARIABLES.THEME_OPTION_LIGHT}\"]`,\n  IS_THEME_DARK: `[${VARIABLES.ATTRIBUTE_THEME}=\"${VARIABLES.THEME_OPTION_DARK}\"]`,\n  IS_VERSION_MEGA: `[${VARIABLES.ATTRIBUTE_TYPE}=\"${VARIABLES.VERSION_TYPE_MEGA}\"]`,\n  IS_VERSION_VISUAL: `[${VARIABLES.ATTRIBUTE_TYPE}=\"${VARIABLES.VERSION_TYPE_VISUAL}\"]`,\n  IS_VERSION_SIMPLE: `[${VARIABLES.ATTRIBUTE_TYPE}=\"${VARIABLES.VERSION_TYPE_SIMPLE}\"]`,\n};\n"],"names":[],"mappings":";;AAAO,MAAM,cAAc;AAAA,EAEzB,QAAQ;AAAA,EACR,OAAO;AACT;AACO,MAAM,WAAW;AAAA,EACtB,iBAAiB;AACnB;AAYO,MAAM,YAAY;AAAA,EACvB,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAEhB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EAGrB,oBAAoB;AACtB;AACO,MAAM,aAAa;AAAA,EACxB,gBAAgB,IAAI,UAAU,eAAe,KAAK,UAAU,kBAAkB;AAAA,EAG9E,mBAAmB,IAAI,UAAU,cAAc,KAAK,UAAU,mBAAmB;AAAA,EACjF,mBAAmB,IAAI,UAAU,cAAc,KAAK,UAAU,mBAAmB;AACnF;;;;;"}

package/dist/composite/footer/globals.mjs

@@ -0,0 +1,27 @@
+const BREAKPOINTS = {
+  MEDIUM: 650,
+  LARGE: 1e3
+};
+const ELEMENTS = {
+  ELEMENT_WRAPPER: "umd-footer-element-wrapper"
+};
+const VARIABLES = {
+  ELEMENT_NAME: "umd-element-footer",
+  ATTRIBUTE_THEME: "theme",
+  ATTRIBUTE_TYPE: "type",
+  VERSION_TYPE_VISUAL: "visual",
+  VERSION_TYPE_SIMPLE: "simple",
+  THEME_OPTION_LIGHT: "light"
+};
+const REFERENCES = {
+  IS_THEME_LIGHT: `[${VARIABLES.ATTRIBUTE_THEME}="${VARIABLES.THEME_OPTION_LIGHT}"]`,
+  IS_VERSION_VISUAL: `[${VARIABLES.ATTRIBUTE_TYPE}="${VARIABLES.VERSION_TYPE_VISUAL}"]`,
+  IS_VERSION_SIMPLE: `[${VARIABLES.ATTRIBUTE_TYPE}="${VARIABLES.VERSION_TYPE_SIMPLE}"]`
+};
+export {
+  BREAKPOINTS,
+  ELEMENTS,
+  REFERENCES,
+  VARIABLES
+};
+//# sourceMappingURL=globals.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"globals.mjs","sources":["../../../source/composite/footer/globals.ts"],"sourcesContent":["export const BREAKPOINTS = {\n  SMALL: 280,\n  MEDIUM: 650,\n  LARGE: 1000,\n};\nexport const ELEMENTS = {\n  ELEMENT_WRAPPER: 'umd-footer-element-wrapper',\n};\nexport const SLOTS = {\n  CONTACT_HEADLINE: 'contact-headline',\n  CONTACT_LINKS: 'contact-links',\n  CONTACT_ADDRESS: 'contact-address',\n  CTA: 'call-to-action',\n  SOCIAL: 'social-links',\n  UTILITY: 'utility-links',\n  LINK_COLUMN_ONE: 'link-column-one',\n  LINK_COLUMN_TWO: 'link-column-two',\n  LINK_COLUMN_THREE: 'link-column-three',\n};\nexport const VARIABLES = {\n  ELEMENT_NAME: 'umd-element-footer',\n  ATTRIBUTE_THEME: 'theme',\n  ATTRIBUTE_TYPE: 'type',\n  VERSION_TYPE_MEGA: 'mega',\n  VERSION_TYPE_VISUAL: 'visual',\n  VERSION_TYPE_SIMPLE: 'simple',\n  VERSION_TYPES: ['mega', 'visual', 'simple'],\n  THEME_OPTION_DARK: 'dark',\n  THEME_OPTION_LIGHT: 'light',\n};\nexport const REFERENCES = {\n  IS_THEME_LIGHT: `[${VARIABLES.ATTRIBUTE_THEME}=\"${VARIABLES.THEME_OPTION_LIGHT}\"]`,\n  IS_THEME_DARK: `[${VARIABLES.ATTRIBUTE_THEME}=\"${VARIABLES.THEME_OPTION_DARK}\"]`,\n  IS_VERSION_MEGA: `[${VARIABLES.ATTRIBUTE_TYPE}=\"${VARIABLES.VERSION_TYPE_MEGA}\"]`,\n  IS_VERSION_VISUAL: `[${VARIABLES.ATTRIBUTE_TYPE}=\"${VARIABLES.VERSION_TYPE_VISUAL}\"]`,\n  IS_VERSION_SIMPLE: `[${VARIABLES.ATTRIBUTE_TYPE}=\"${VARIABLES.VERSION_TYPE_SIMPLE}\"]`,\n};\n"],"names":[],"mappings":"AAAO,MAAM,cAAc;AAAA,EAEzB,QAAQ;AAAA,EACR,OAAO;AACT;AACO,MAAM,WAAW;AAAA,EACtB,iBAAiB;AACnB;AAYO,MAAM,YAAY;AAAA,EACvB,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAEhB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EAGrB,oBAAoB;AACtB;AACO,MAAM,aAAa;AAAA,EACxB,gBAAgB,IAAI,UAAU,eAAe,KAAK,UAAU,kBAAkB;AAAA,EAG9E,mBAAmB,IAAI,UAAU,cAAc,KAAK,UAAU,mBAAmB;AAAA,EACjF,mBAAmB,IAAI,UAAU,cAAc,KAAK,UAAU,mBAAmB;AACnF;"}

package/dist/composite/footer/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const options = require("./options.js");
+exports.options = options;
+//# sourceMappingURL=index.js.map

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

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

package/dist/composite/footer/index.mjs

@@ -0,0 +1,5 @@
+import { default as default2 } from "./options.mjs";
+export {
+  default2 as options
+};
+//# sourceMappingURL=index.mjs.map

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

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

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

@@ -1,5 +1,5 @@
-import { type MainSectionProps } from './elements/main-section';
-import { type UtilityProps } from './elements/utility-section';
+import { MainSectionProps } from './elements/main-section';
+import { UtilityProps } from './elements/utility-section';
 import { BaseProps } from './_types';
 export interface FooterProps extends BaseProps, UtilityProps, MainSectionProps {
 }

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":"AAAA,OAAmB,EAEjB,KAAK,gBAAgB,EACtB,MAAM,yBAAyB,CAAC;AACjC,OAAsB,EAEpB,KAAK,YAAY,EAClB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,MAAM,WAAW,WACf,SAAQ,SAAS,EACf,YAAY,EACZ,gBAAgB;CAAG;gCAeA,WAAW;;;;AAAlC,wBAwBE"}
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../source/composite/footer/options.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,MAAM,WAAW,WACf,SAAQ,SAAS,EACf,YAAY,EACZ,gBAAgB;CAAG;yBAeP,OAAO,WAAW;;;;AAAlC,wBAwBE"}

package/dist/composite/footer/options.js

@@ -0,0 +1,38 @@
+"use strict";
+const index = require("./elements/main-section/index.js");
+const index$1 = require("./elements/utility-section/index.js");
+const globals = require("./globals.js");
+const { ELEMENT_WRAPPER } = globals.ELEMENTS;
+const { ELEMENT_NAME, ATTRIBUTE_THEME, ATTRIBUTE_TYPE } = globals.VARIABLES;
+let styles = `
+  .${ELEMENT_WRAPPER} {
+    container: ${ELEMENT_NAME} / inline-size;
+    overflow: hidden;
+  }
+    
+  ${index.MainContainerStyles}
+  ${index$1.UtilityContainerStyles}
+`;
+const options = (props) => {
+  const {
+    isThemeLight,
+    isTypeSimple,
+    isTypeVisual,
+    isTypeMega,
+    slotUtilityLinks
+  } = props;
+  const wrapper = document.createElement("div");
+  const main = index.createMainSection(props);
+  const utility = index$1.createUtilitySection({ slotUtilityLinks });
+  const theme = isThemeLight ? "light" : "dark";
+  wrapper.setAttribute(ATTRIBUTE_THEME, theme);
+  if (isTypeSimple) wrapper.setAttribute(ATTRIBUTE_TYPE, "simple");
+  if (isTypeVisual) wrapper.setAttribute(ATTRIBUTE_TYPE, "visual");
+  if (isTypeMega) wrapper.setAttribute(ATTRIBUTE_TYPE, "mega");
+  wrapper.classList.add(ELEMENT_WRAPPER);
+  wrapper.appendChild(main);
+  wrapper.appendChild(utility);
+  return { element: wrapper, styles };
+};
+module.exports = options;
+//# sourceMappingURL=options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"options.js","sources":["../../../source/composite/footer/options.ts"],"sourcesContent":["import {\n  createMainSection as createMain,\n  MainContainerStyles,\n  type MainSectionProps,\n} from './elements/main-section';\nimport {\n  createUtilitySection as createUtility,\n  UtilityContainerStyles,\n  type UtilityProps,\n} from './elements/utility-section';\nimport { ELEMENTS, VARIABLES } from './globals';\nimport { BaseProps } from './_types';\n\nexport interface FooterProps\n  extends BaseProps,\n    UtilityProps,\n    MainSectionProps {}\n\nconst { ELEMENT_WRAPPER } = ELEMENTS;\nconst { ELEMENT_NAME, ATTRIBUTE_THEME, ATTRIBUTE_TYPE } = VARIABLES;\n\nlet styles = `\n  .${ELEMENT_WRAPPER} {\n    container: ${ELEMENT_NAME} / inline-size;\n    overflow: hidden;\n  }\n    \n  ${MainContainerStyles}\n  ${UtilityContainerStyles}\n`;\n\nexport default (props: FooterProps) => {\n  const {\n    isThemeLight,\n    isTypeSimple,\n    isTypeVisual,\n    isTypeMega,\n    slotUtilityLinks,\n  } = props;\n  const wrapper = document.createElement('div');\n  const main = createMain(props);\n  const utility = createUtility({ slotUtilityLinks });\n  const theme = isThemeLight ? 'light' : 'dark';\n\n  wrapper.setAttribute(ATTRIBUTE_THEME, theme);\n  if (isTypeSimple) wrapper.setAttribute(ATTRIBUTE_TYPE, 'simple');\n  if (isTypeVisual) wrapper.setAttribute(ATTRIBUTE_TYPE, 'visual');\n  if (isTypeMega) wrapper.setAttribute(ATTRIBUTE_TYPE, 'mega');\n\n  wrapper.classList.add(ELEMENT_WRAPPER);\n\n  wrapper.appendChild(main);\n  wrapper.appendChild(utility);\n\n  return { element: wrapper, styles };\n};\n"],"names":["ELEMENTS","VARIABLES","MainContainerStyles","UtilityContainerStyles","createMain","createUtility"],"mappings":";;;;AAkBA,MAAM,EAAE,oBAAoBA,QAAAA;AAC5B,MAAM,EAAE,cAAc,iBAAiB,eAAA,IAAmBC,QAAAA;AAE1D,IAAI,SAAS;AAAA,KACR,eAAe;AAAA,iBACH,YAAY;AAAA;AAAA;AAAA;AAAA,IAIzBC,MAAAA,mBAAmB;AAAA,IACnBC,QAAAA,sBAAsB;AAAA;AAG1B,MAAA,UAAe,CAAC,UAAuB;AACrC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AACJ,QAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,QAAM,OAAOC,MAAAA,kBAAW,KAAK;AAC7B,QAAM,UAAUC,QAAAA,qBAAc,EAAE,kBAAkB;AAClD,QAAM,QAAQ,eAAe,UAAU;AAEvC,UAAQ,aAAa,iBAAiB,KAAK;AAC3C,MAAI,aAAc,SAAQ,aAAa,gBAAgB,QAAQ;AAC/D,MAAI,aAAc,SAAQ,aAAa,gBAAgB,QAAQ;AAC/D,MAAI,WAAY,SAAQ,aAAa,gBAAgB,MAAM;AAE3D,UAAQ,UAAU,IAAI,eAAe;AAErC,UAAQ,YAAY,IAAI;AACxB,UAAQ,YAAY,OAAO;AAE3B,SAAO,EAAE,SAAS,SAAS,OAAA;AAC7B;;"}

package/dist/composite/footer/options.mjs

@@ -0,0 +1,39 @@
+import { createMainSection, MainContainerStyles } from "./elements/main-section/index.mjs";
+import { createUtilitySection, UtilityContainerStyles } from "./elements/utility-section/index.mjs";
+import { VARIABLES, ELEMENTS } from "./globals.mjs";
+const { ELEMENT_WRAPPER } = ELEMENTS;
+const { ELEMENT_NAME, ATTRIBUTE_THEME, ATTRIBUTE_TYPE } = VARIABLES;
+let styles = `
+  .${ELEMENT_WRAPPER} {
+    container: ${ELEMENT_NAME} / inline-size;
+    overflow: hidden;
+  }
+    
+  ${MainContainerStyles}
+  ${UtilityContainerStyles}
+`;
+const options = (props) => {
+  const {
+    isThemeLight,
+    isTypeSimple,
+    isTypeVisual,
+    isTypeMega,
+    slotUtilityLinks
+  } = props;
+  const wrapper = document.createElement("div");
+  const main = createMainSection(props);
+  const utility = createUtilitySection({ slotUtilityLinks });
+  const theme = isThemeLight ? "light" : "dark";
+  wrapper.setAttribute(ATTRIBUTE_THEME, theme);
+  if (isTypeSimple) wrapper.setAttribute(ATTRIBUTE_TYPE, "simple");
+  if (isTypeVisual) wrapper.setAttribute(ATTRIBUTE_TYPE, "visual");
+  if (isTypeMega) wrapper.setAttribute(ATTRIBUTE_TYPE, "mega");
+  wrapper.classList.add(ELEMENT_WRAPPER);
+  wrapper.appendChild(main);
+  wrapper.appendChild(utility);
+  return { element: wrapper, styles };
+};
+export {
+  options as default
+};
+//# sourceMappingURL=options.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"options.mjs","sources":["../../../source/composite/footer/options.ts"],"sourcesContent":["import {\n  createMainSection as createMain,\n  MainContainerStyles,\n  type MainSectionProps,\n} from './elements/main-section';\nimport {\n  createUtilitySection as createUtility,\n  UtilityContainerStyles,\n  type UtilityProps,\n} from './elements/utility-section';\nimport { ELEMENTS, VARIABLES } from './globals';\nimport { BaseProps } from './_types';\n\nexport interface FooterProps\n  extends BaseProps,\n    UtilityProps,\n    MainSectionProps {}\n\nconst { ELEMENT_WRAPPER } = ELEMENTS;\nconst { ELEMENT_NAME, ATTRIBUTE_THEME, ATTRIBUTE_TYPE } = VARIABLES;\n\nlet styles = `\n  .${ELEMENT_WRAPPER} {\n    container: ${ELEMENT_NAME} / inline-size;\n    overflow: hidden;\n  }\n    \n  ${MainContainerStyles}\n  ${UtilityContainerStyles}\n`;\n\nexport default (props: FooterProps) => {\n  const {\n    isThemeLight,\n    isTypeSimple,\n    isTypeVisual,\n    isTypeMega,\n    slotUtilityLinks,\n  } = props;\n  const wrapper = document.createElement('div');\n  const main = createMain(props);\n  const utility = createUtility({ slotUtilityLinks });\n  const theme = isThemeLight ? 'light' : 'dark';\n\n  wrapper.setAttribute(ATTRIBUTE_THEME, theme);\n  if (isTypeSimple) wrapper.setAttribute(ATTRIBUTE_TYPE, 'simple');\n  if (isTypeVisual) wrapper.setAttribute(ATTRIBUTE_TYPE, 'visual');\n  if (isTypeMega) wrapper.setAttribute(ATTRIBUTE_TYPE, 'mega');\n\n  wrapper.classList.add(ELEMENT_WRAPPER);\n\n  wrapper.appendChild(main);\n  wrapper.appendChild(utility);\n\n  return { element: wrapper, styles };\n};\n"],"names":["createMain","createUtility"],"mappings":";;;AAkBA,MAAM,EAAE,oBAAoB;AAC5B,MAAM,EAAE,cAAc,iBAAiB,eAAA,IAAmB;AAE1D,IAAI,SAAS;AAAA,KACR,eAAe;AAAA,iBACH,YAAY;AAAA;AAAA;AAAA;AAAA,IAIzB,mBAAmB;AAAA,IACnB,sBAAsB;AAAA;AAG1B,MAAA,UAAe,CAAC,UAAuB;AACrC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AACJ,QAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,QAAM,OAAOA,kBAAW,KAAK;AAC7B,QAAM,UAAUC,qBAAc,EAAE,kBAAkB;AAClD,QAAM,QAAQ,eAAe,UAAU;AAEvC,UAAQ,aAAa,iBAAiB,KAAK;AAC3C,MAAI,aAAc,SAAQ,aAAa,gBAAgB,QAAQ;AAC/D,MAAI,aAAc,SAAQ,aAAa,gBAAgB,QAAQ;AAC/D,MAAI,WAAY,SAAQ,aAAa,gBAAgB,MAAM;AAE3D,UAAQ,UAAU,IAAI,eAAe;AAErC,UAAQ,YAAY,IAAI;AACxB,UAAQ,YAAY,OAAO;AAE3B,SAAO,EAAE,SAAS,SAAS,OAAA;AAC7B;"}

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

@@ -1,4 +1,4 @@
-import { type ContentElement, type ImageElement, type VideoElement, type ThemeProps } from '../../_types';
+import { ContentElement, ImageElement, VideoElement, ThemeProps } from '../../_types';
 export interface HeroAnimationProps {
     includesAnimation?: boolean;
 }

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

@@ -1,5 +1,5 @@
-import { type ContentElement } from '../../../_types';
-import { type HeroExpandProps as BaseHeroExpandProps } from '../_types';
+import { HeroExpandProps as BaseHeroExpandProps } from '../_types';
+import { ContentElement } from '../../../_types';
 interface HeroExpandProps extends BaseHeroExpandProps {
     eyebrow?: ContentElement;
     additional?: HTMLSlotElement | null;

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,EAAsB,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC1E,OAAO,EAAE,KAAK,eAAe,IAAI,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAGxE,UAAU,eAAgB,SAAQ,mBAAmB;IACnD,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,UAAU,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CACrC;gCAsasB,eAAe;;oCAUD;YAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;SAAE;;;;;;AAV7D,wBAwBE"}
+{"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;AAG1E,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"}