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

package/dist/atomic/text/stat.mjs

@@ -1,152 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import * as token from "@universityofmaryland/web-token-library";
-import * as elementStyles from "@universityofmaryland/web-styles-library/element";
-import { sans, stats } from "@universityofmaryland/web-styles-library/typography";
-const BLOCK_TEXTURE = `<svg id="stat_block-texture" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" ><defs><style>.cls-1{opacity:.02;}.cls-1,.cls-2{fill:#454545;fill-rule:evenodd;isolation:isolate;stroke-width:0px;}.cls-2{opacity:.04;}</style></defs><path class="cls-1" d="M109.49,0H0v63.18l181.67,182.32L0,427.82v63.18h109.49l244.61-245.5L109.49,0Z"/><path class="cls-2" d="M108.94,0h172.44l244.61,245.5-244.61,245.5H108.94l244.61-245.5L108.94,0ZM0,179.11l58.16-58.29L0,62.54v116.57Z"/></svg>`;
-const createStat = ({
-  stat: statElement,
-  isThemeDark,
-  isSizeLarge
-}) => {
-  if (!statElement) return;
-  let rawText = statElement.textContent;
-  if (!rawText) return;
-  rawText = rawText.trim();
-  if (rawText.length > 6) {
-    console.error("Stat text is too long. Please limit to 6 characters.");
-    statElement.textContent = rawText.slice(0, 6);
-  }
-  return new ElementBuilder(statElement).withClassName("stat-display").styled(
-    stats.compose(isSizeLarge ? "large" : "medium", {
-      theme: isThemeDark ? "dark" : "light"
-    })
-  ).withStyles({
-    element: {
-      WebkitFontSmoothing: "antialiased",
-      [`& *`]: {
-        color: "currentColor",
-        WebkitFontSmoothing: "antialiased"
-      },
-      [`& + *`]: { marginTop: token.spacing.min }
-    },
-    siblingAfter: { marginTop: token.spacing.min }
-  }).build();
-};
-const createSubtext = (props) => {
-  const { subText, isThemeDark, isSizeLarge } = props;
-  if (!subText) return;
-  const fontStyle = isSizeLarge ? sans.small : sans.min;
-  return new ElementBuilder(subText).withClassName("stat-sub-text").styled(fontStyle).withStyles({
-    element: {
-      marginTop: token.spacing.min,
-      color: token.color.gray.mediumAA,
-      ...isThemeDark && { color: token.color.gray.light },
-      ["& *"]: {
-        color: "currentColor"
-      }
-    }
-  }).build();
-};
-const createText = (props) => {
-  const { text, isThemeDark, isSizeLarge } = props;
-  if (!text) return;
-  const styles = elementStyles.text.rich.composeSimple({
-    size: isSizeLarge ? "largest" : "large",
-    theme: isThemeDark ? "dark" : "light"
-  });
-  const marginTop = isSizeLarge ? token.spacing.md : token.spacing.min;
-  return new ElementBuilder(text).styled(styles).withStyles({
-    siblingAfter: { marginTop }
-  }).build();
-};
-const createWrapper = (props) => {
-  const { isThemeDark, hasLine, isSizeLarge, stat: stat2, text, subText } = props;
-  const subTextElement = createSubtext({ subText, isThemeDark, isSizeLarge });
-  const textElement = createText({ text, isThemeDark, isSizeLarge });
-  const statElement = createStat({ stat: stat2, isThemeDark, isSizeLarge });
-  const isDark = isThemeDark;
-  const wrapper = new ElementBuilder().withClassName("stat-wrapper").withStyles({
-    element: {
-      maxWidth: "720px",
-      position: "relative",
-      ...hasLine && {
-        paddingLeft: token.spacing.md,
-        borderLeft: `2px solid ${token.color.gold}`,
-        [`@container umd-element-stat (min-width: 400px)`]: {
-          paddingLeft: token.spacing.xl
-        }
-      },
-      ...isDark && {
-        [`& .stat-sub-text`]: { color: token.color.gray.light }
-      }
-    }
-  });
-  if (statElement) {
-    wrapper.withChild(statElement);
-  }
-  if (textElement) {
-    wrapper.withChild(textElement);
-  }
-  if (subTextElement) {
-    wrapper.withChild(subTextElement);
-  }
-  return wrapper.build();
-};
-const createDisplayBlock = (props) => {
-  const { isDisplayBlock, wrapperElement } = props;
-  if (!isDisplayBlock) return null;
-  return new ElementBuilder().withClassName("stat-display-block").withStyles({
-    element: {
-      padding: `${token.spacing.lg} ${token.spacing.sm}`,
-      borderTop: `2px solid ${token.color.red}`,
-      backgroundColor: `${token.color.gray.lightest}`,
-      position: "relative",
-      overflow: "hidden",
-      height: `100%`,
-      display: `flex`,
-      alignItems: `center`,
-      [`@media (min-width: ${token.media.breakpoints.large.min})`]: {
-        padding: token.spacing.lg
-      },
-      [`@media (min-width: ${token.media.breakpoints.highDef.min})`]: {
-        padding: `${token.spacing["2xl"]} ${token.spacing["3xl"]}`
-      },
-      [`& > svg`]: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        width: "100%",
-        height: "100%"
-      }
-    }
-  }).withModifier((el) => {
-    el.insertAdjacentHTML("afterbegin", BLOCK_TEXTURE);
-  }).withChild(wrapperElement).build();
-};
-const createContainer = (containerChild) => {
-  const container = new ElementBuilder().withClassName("stat-container").withStyles({
-    element: {
-      containerType: `inline-size`,
-      height: `inherit`
-    }
-  });
-  if (containerChild) {
-    container.withChild(containerChild);
-  }
-  return container.build();
-};
-const stat = (props) => {
-  const wrapperElement = createWrapper(props);
-  if (props.isDisplayBlock) {
-    const blockElement = createDisplayBlock({
-      isDisplayBlock: props.isDisplayBlock,
-      wrapperElement
-    });
-    return createContainer(blockElement);
-  }
-  return createContainer(wrapperElement);
-};
-export {
-  stat as default
-};
-//# sourceMappingURL=stat.mjs.map

package/dist/atomic/text/stat.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"stat.mjs","sources":["../../../source/atomic/text/stat.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as elementStyles from '@universityofmaryland/web-styles-library/element';\nimport {\n  stats as statsFont,\n  sans as sansFonts,\n} from '@universityofmaryland/web-styles-library/typography';\nimport { type ElementModel } from '../../_types';\n\nexport interface StatProps {\n  isThemeDark?: boolean;\n  isDisplayBlock: boolean;\n  isSizeLarge: boolean;\n  hasLine: boolean;\n  stat?: HTMLElement;\n  text?: HTMLElement;\n  subText?: HTMLElement;\n}\n\nconst BLOCK_TEXTURE = `<svg id=\"stat_block-texture\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" ><defs><style>.cls-1{opacity:.02;}.cls-1,.cls-2{fill:#454545;fill-rule:evenodd;isolation:isolate;stroke-width:0px;}.cls-2{opacity:.04;}</style></defs><path class=\"cls-1\" d=\"M109.49,0H0v63.18l181.67,182.32L0,427.82v63.18h109.49l244.61-245.5L109.49,0Z\"/><path class=\"cls-2\" d=\"M108.94,0h172.44l244.61,245.5-244.61,245.5H108.94l244.61-245.5L108.94,0ZM0,179.11l58.16-58.29L0,62.54v116.57Z\"/></svg>`;\n\nconst createStat = ({\n  stat: statElement,\n  isThemeDark,\n  isSizeLarge,\n}: Pick<StatProps, 'stat' | 'isThemeDark' | 'isSizeLarge'>) => {\n  if (!statElement) return;\n\n  let rawText = statElement.textContent;\n  if (!rawText) return;\n\n  rawText = rawText.trim();\n\n  if (rawText.length > 6) {\n    console.error('Stat text is too long. Please limit to 6 characters.');\n    statElement.textContent = rawText.slice(0, 6);\n  }\n\n  return new ElementBuilder(statElement)\n    .withClassName('stat-display')\n    .styled(\n      statsFont.compose(isSizeLarge ? 'large' : 'medium', {\n        theme: isThemeDark ? 'dark' : 'light',\n      }),\n    )\n    .withStyles({\n      element: {\n        WebkitFontSmoothing: 'antialiased',\n\n        [`& *`]: {\n          color: 'currentColor',\n          WebkitFontSmoothing: 'antialiased',\n        },\n\n        [`& + *`]: { marginTop: token.spacing.min },\n      },\n\n      siblingAfter: { marginTop: token.spacing.min },\n    })\n    .build();\n};\n\nconst createSubtext = (\n  props: Pick<StatProps, 'subText' | 'isThemeDark' | 'isSizeLarge'>,\n) => {\n  const { subText, isThemeDark, isSizeLarge } = props;\n  if (!subText) return;\n\n  const fontStyle = isSizeLarge ? sansFonts.small : sansFonts.min;\n\n  return new ElementBuilder(subText)\n    .withClassName('stat-sub-text')\n    .styled(fontStyle)\n    .withStyles({\n      element: {\n        marginTop: token.spacing.min,\n        color: token.color.gray.mediumAA,\n\n        ...(isThemeDark && { color: token.color.gray.light }),\n\n        ['& *']: {\n          color: 'currentColor',\n        },\n      },\n    })\n    .build();\n};\n\nconst createText = (\n  props: Pick<StatProps, 'text' | 'isThemeDark' | 'isSizeLarge'>,\n) => {\n  const { text, isThemeDark, isSizeLarge } = props;\n  if (!text) return;\n\n  const styles = elementStyles.text.rich.composeSimple({\n    size: isSizeLarge ? 'largest' : 'large',\n    theme: isThemeDark ? 'dark' : 'light',\n  });\n\n  const marginTop = isSizeLarge ? token.spacing.md : token.spacing.min;\n\n  return new ElementBuilder(text)\n    .styled(styles)\n    .withStyles({\n      siblingAfter: { marginTop },\n    })\n    .build();\n};\n\nconst createWrapper = (\n  props: Pick<\n    StatProps,\n    'isThemeDark' | 'hasLine' | 'isSizeLarge' | 'stat' | 'text' | 'subText'\n  >,\n) => {\n  const { isThemeDark, hasLine, isSizeLarge, stat, text, subText } = props;\n\n  const subTextElement = createSubtext({ subText, isThemeDark, isSizeLarge });\n  const textElement = createText({ text, isThemeDark, isSizeLarge });\n  const statElement = createStat({ stat, isThemeDark, isSizeLarge });\n\n  const isDark = isThemeDark;\n\n  const wrapper = new ElementBuilder()\n    .withClassName('stat-wrapper')\n    .withStyles({\n      element: {\n        maxWidth: '720px',\n        position: 'relative',\n\n        ...(hasLine && {\n          paddingLeft: token.spacing.md,\n          borderLeft: `2px solid ${token.color.gold}`,\n\n          [`@container umd-element-stat (min-width: 400px)`]: {\n            paddingLeft: token.spacing.xl,\n          },\n        }),\n\n        ...(isDark && {\n          [`& .stat-sub-text`]: { color: token.color.gray.light },\n        }),\n      },\n    });\n\n  if (statElement) {\n    wrapper.withChild(statElement);\n  }\n\n  if (textElement) {\n    wrapper.withChild(textElement);\n  }\n\n  if (subTextElement) {\n    wrapper.withChild(subTextElement);\n  }\n\n  return wrapper.build();\n};\n\nconst createDisplayBlock = (\n  props: Pick<StatProps, 'isDisplayBlock'> & { wrapperElement: ElementModel },\n) => {\n  const { isDisplayBlock, wrapperElement } = props;\n  if (!isDisplayBlock) return null;\n\n  return new ElementBuilder()\n    .withClassName('stat-display-block')\n    .withStyles({\n      element: {\n        padding: `${token.spacing.lg} ${token.spacing.sm}`,\n        borderTop: `2px solid ${token.color.red}`,\n        backgroundColor: `${token.color.gray.lightest}`,\n        position: 'relative',\n        overflow: 'hidden',\n        height: `100%`,\n        display: `flex`,\n        alignItems: `center`,\n\n        [`@media (min-width: ${token.media.breakpoints.large.min})`]: {\n          padding: token.spacing.lg,\n        },\n\n        [`@media (min-width: ${token.media.breakpoints.highDef.min})`]: {\n          padding: `${token.spacing['2xl']} ${token.spacing['3xl']}`,\n        },\n\n        [`& > svg`]: {\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          width: '100%',\n          height: '100%',\n        },\n      },\n    })\n    .withModifier((el) => {\n      el.insertAdjacentHTML('afterbegin', BLOCK_TEXTURE);\n    })\n    .withChild(wrapperElement)\n    .build();\n};\n\nconst createContainer = (containerChild: ElementModel) => {\n  const container = new ElementBuilder()\n    .withClassName('stat-container')\n    .withStyles({\n      element: {\n        containerType: `inline-size`,\n        height: `inherit`,\n      },\n    });\n\n  if (containerChild) {\n    container.withChild(containerChild);\n  }\n\n  return container.build();\n};\n\nexport default (props: StatProps) => {\n  const wrapperElement = createWrapper(props);\n\n  if (props.isDisplayBlock) {\n    const blockElement = createDisplayBlock({\n      isDisplayBlock: props.isDisplayBlock,\n      wrapperElement,\n    });\n    return createContainer(blockElement!);\n  }\n\n  return createContainer(wrapperElement);\n};\n"],"names":["statsFont","sansFonts","stat"],"mappings":"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"}

package/dist/atomic/text-lockup/contact.mjs

@@ -1,119 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import * as token from "@universityofmaryland/web-token-library";
-import * as typography from "@universityofmaryland/web-styles-library/typography";
-import * as layout from "@universityofmaryland/web-styles-library/layout";
-import * as elementStyles from "@universityofmaryland/web-styles-library/element";
-import { theme } from "@universityofmaryland/web-utilities-library/theme";
-import { phone, email } from "@universityofmaryland/web-icons-library/communication";
-import { pin } from "@universityofmaryland/web-icons-library/location";
-import { linkedin } from "@universityofmaryland/web-icons-library/social";
-const makeIcon = ({
-  icon,
-  isThemeDark
-}) => {
-  return new ElementBuilder("span").withHTML(icon).styled(
-    elementStyles.action.icon.composeIcon({
-      theme: theme.variant(isThemeDark)
-    })
-  ).build();
-};
-const makeText = ({
-  text,
-  isThemeDark
-}) => {
-  return new ElementBuilder("span").withHTML(text).styled(
-    typography.sans.compose("smaller", {
-      theme: theme.fontColor(isThemeDark)
-    })
-  ).withStyles({
-    element: {
-      ...!isThemeDark && { color: `${token.color.gray.dark}` }
-    }
-  }).build();
-};
-const makeContactLink = ({
-  element,
-  icon,
-  isThemeDark
-}) => {
-  const isLink = element.getAttribute("href") && icon !== pin;
-  const textSpan = makeText({ text: element.innerHTML, isThemeDark });
-  const iconSpan = makeIcon({ icon, isThemeDark });
-  const containerStyles = {
-    element: {
-      marginTop: "4px",
-      lineHeight: "1.2em",
-      [`&a:hover, &a:focus`]: {
-        textDecoration: "underline",
-        ...isThemeDark && {
-          color: `${token.color.white}`
-        }
-      }
-    }
-  };
-  if (isLink) {
-    const ariaLabel = element.getAttribute("aria-label");
-    const href = element.getAttribute("href") || "";
-    const linkBuilder = new ElementBuilder("a").styled(layout.grid.inline.row).withStyles(containerStyles).withChildren(iconSpan, textSpan).withAttribute("href", href);
-    if (ariaLabel) {
-      linkBuilder.withAttribute("aria-label", ariaLabel);
-    }
-    return linkBuilder.build();
-  }
-  return new ElementBuilder().styled(layout.grid.inline.row).withStyles(containerStyles).withChildren(iconSpan, textSpan).build();
-};
-const contact = ({
-  actions,
-  address,
-  email: email$1,
-  isThemeDark,
-  linkendIn,
-  phone: phone$1
-}) => {
-  const container = new ElementBuilder().withClassName("text-lockup-contact").withStyles({
-    element: {
-      marginTop: `${token.spacing.sm}`
-    }
-  });
-  if (phone$1) {
-    const phoneElement = new ElementBuilder().withClassName("text-lockup-contact-phone").withChild(
-      makeContactLink({ element: phone$1, icon: phone, isThemeDark })
-    ).build();
-    container.withChild(phoneElement);
-  }
-  if (email$1) {
-    const emailElement = new ElementBuilder().withClassName("text-lockup-contact-email").withChild(
-      makeContactLink({ element: email$1, icon: email, isThemeDark })
-    ).build();
-    container.withChild(emailElement);
-  }
-  if (linkendIn) {
-    const linkedInElement = new ElementBuilder().withClassName("text-lockup-contact-linkedin").withChild(
-      makeContactLink({
-        element: linkendIn,
-        icon: linkedin,
-        isThemeDark
-      })
-    ).build();
-    container.withChild(linkedInElement);
-  }
-  if (address) {
-    const addressElement = new ElementBuilder().withClassName("text-lockup-contact-address").withChild(
-      makeContactLink({ element: address, icon: pin, isThemeDark })
-    ).build();
-    container.withChild(addressElement);
-  }
-  if (actions) {
-    const actionsElement = new ElementBuilder(actions).styled(layout.grid.inline.tabletRows).withStyles({
-      element: {
-        marginTop: token.spacing.sm
-      }
-    }).build();
-    container.withChild(actionsElement);
-  }
-  return container.build();
-};
-export {
-  contact as default
-};
-//# sourceMappingURL=contact.mjs.map

package/dist/atomic/text-lockup/contact.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"contact.mjs","sources":["../../../source/atomic/text-lockup/contact.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport * as layout from '@universityofmaryland/web-styles-library/layout';\nimport * as elementStyles from '@universityofmaryland/web-styles-library/element';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport {\n  email as iconEmail,\n  phone as iconPhone,\n} from '@universityofmaryland/web-icons-library/communication';\nimport { pin as iconPin } from '@universityofmaryland/web-icons-library/location';\nimport { linkedin as iconLinkedIn } from '@universityofmaryland/web-icons-library/social';\nimport { type PersonContactProps } from '../_types';\n\nconst makeIcon = ({\n  icon,\n  isThemeDark,\n}: {\n  icon: string;\n  isThemeDark?: boolean;\n}) => {\n  return new ElementBuilder('span')\n    .withHTML(icon)\n    .styled(\n      elementStyles.action.icon.composeIcon({\n        theme: theme.variant(isThemeDark),\n      }),\n    )\n    .build();\n};\n\nconst makeText = ({\n  text,\n  isThemeDark,\n}: {\n  text: string;\n  isThemeDark?: boolean;\n}) => {\n  return new ElementBuilder('span')\n    .withHTML(text)\n    .styled(\n      typography.sans.compose('smaller', {\n        theme: theme.fontColor(isThemeDark),\n      }),\n    )\n    .withStyles({\n      element: {\n        ...(!isThemeDark && { color: `${token.color.gray.dark}` }),\n      },\n    })\n    .build();\n};\n\nconst makeContactLink = ({\n  element,\n  icon,\n  isThemeDark,\n}: {\n  element: HTMLElement | HTMLAnchorElement;\n  icon: string;\n  isThemeDark?: boolean;\n}) => {\n  const isLink = element.getAttribute('href') && icon !== iconPin;\n  const textSpan = makeText({ text: element.innerHTML, isThemeDark });\n  const iconSpan = makeIcon({ icon, isThemeDark });\n  const containerStyles = {\n    element: {\n      marginTop: '4px',\n      lineHeight: '1.2em',\n\n      [`&a:hover, &a:focus`]: {\n        textDecoration: 'underline',\n\n        ...(isThemeDark && {\n          color: `${token.color.white}`,\n        }),\n      },\n    },\n  };\n\n  if (isLink) {\n    const ariaLabel = element.getAttribute('aria-label');\n    const href = element.getAttribute('href') || '';\n\n    const linkBuilder = new ElementBuilder('a')\n      .styled(layout.grid.inline.row)\n      .withStyles(containerStyles)\n      .withChildren(iconSpan, textSpan)\n      .withAttribute('href', href);\n\n    if (ariaLabel) {\n      linkBuilder.withAttribute('aria-label', ariaLabel);\n    }\n\n    return linkBuilder.build();\n  }\n\n  return new ElementBuilder()\n    .styled(layout.grid.inline.row)\n    .withStyles(containerStyles)\n    .withChildren(iconSpan, textSpan)\n    .build();\n};\n\nexport default ({\n  actions,\n  address,\n  email,\n  isThemeDark,\n  linkendIn,\n  phone,\n}: PersonContactProps) => {\n  const container = new ElementBuilder()\n    .withClassName('text-lockup-contact')\n    .withStyles({\n      element: {\n        marginTop: `${token.spacing.sm}`,\n      },\n    });\n\n  if (phone) {\n    const phoneElement = new ElementBuilder()\n      .withClassName('text-lockup-contact-phone')\n      .withChild(\n        makeContactLink({ element: phone, icon: iconPhone, isThemeDark }),\n      )\n      .build();\n\n    container.withChild(phoneElement);\n  }\n\n  if (email) {\n    const emailElement = new ElementBuilder()\n      .withClassName('text-lockup-contact-email')\n      .withChild(\n        makeContactLink({ element: email, icon: iconEmail, isThemeDark }),\n      )\n      .build();\n\n    container.withChild(emailElement);\n  }\n\n  if (linkendIn) {\n    const linkedInElement = new ElementBuilder()\n      .withClassName('text-lockup-contact-linkedin')\n      .withChild(\n        makeContactLink({\n          element: linkendIn,\n          icon: iconLinkedIn,\n          isThemeDark,\n        }),\n      )\n      .build();\n\n    container.withChild(linkedInElement);\n  }\n\n  if (address) {\n    const addressElement = new ElementBuilder()\n      .withClassName('text-lockup-contact-address')\n      .withChild(\n        makeContactLink({ element: address, icon: iconPin, isThemeDark }),\n      )\n      .build();\n\n    container.withChild(addressElement);\n  }\n\n  if (actions) {\n    const actionsElement = new ElementBuilder(actions)\n      .styled(layout.grid.inline.tabletRows)\n      .withStyles({\n        element: {\n          marginTop: token.spacing.sm,\n        },\n      })\n      .build();\n\n    container.withChild(actionsElement);\n  }\n\n  return container.build();\n};\n"],"names":["iconPin","email","phone","iconPhone","iconEmail","iconLinkedIn"],"mappings":"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"}

package/dist/atomic/text-lockup/date.mjs

@@ -1,93 +0,0 @@
-import * as animation from "@universityofmaryland/web-styles-library/animation";
-import * as token from "@universityofmaryland/web-token-library";
-import * as typography from "@universityofmaryland/web-styles-library/typography";
-import { jssToCSS } from "@universityofmaryland/web-utilities-library/styles";
-import { truncateText } from "@universityofmaryland/web-utilities-library/string";
-import { wrapLinkForAnimation } from "@universityofmaryland/web-utilities-library/animation";
-const ATTRIBUTE_THEME = "theme";
-const THEME_DARK = "dark";
-const IS_THEME_DARK = `[${ATTRIBUTE_THEME}="${THEME_DARK}"]`;
-const EVENT_DATE_CONTAINER = "event-lockup-container";
-const EVENT_HEADLINE = "event-lockup-headline";
-const HeadlineStyles = `
-  .${EVENT_HEADLINE} {
-    margin-left: ${token.spacing.sm};
-  }
-
-  ${jssToCSS({
-  styleObj: {
-    [`.${EVENT_HEADLINE}`]: typography.sans.large
-  }
-})}
-
-  ${jssToCSS({
-  styleObj: {
-    [`.${EVENT_HEADLINE} *`]: typography.sans.large
-  }
-})}
-
-  @media (max-width: 767px) {
-    .${EVENT_HEADLINE},
-    .${EVENT_HEADLINE} * {
-      font-size: ${token.font.size.sm};
-      font-weight: 600;
-    }
-  }
-
-  ${jssToCSS({
-  styleObj: {
-    [`.${EVENT_HEADLINE} a`]: animation.line.slideUnderBlack
-  }
-})}
-
-  ${jssToCSS({
-  styleObj: {
-    [`.${EVENT_DATE_CONTAINER}${IS_THEME_DARK} .${EVENT_HEADLINE} a`]: animation.line.slideUnderWhite
-  }
-})}
-
-  .${EVENT_DATE_CONTAINER}${IS_THEME_DARK} .${EVENT_HEADLINE},
-  .${EVENT_DATE_CONTAINER}${IS_THEME_DARK} .${EVENT_HEADLINE} * { 
-    color: ${token.color.white};
-  }
-`;
-const ComponentStyles = `
-  .${EVENT_DATE_CONTAINER} {
-    display: flex;
-    align-items: center;
-    text-align: left;
-  }
-  
-  .${EVENT_DATE_CONTAINER} * {
-    color: currentColor;
-  }
-
-
-  ${HeadlineStyles}
-`;
-const date = (props) => {
-  const { headline, dateSign, isThemeDark } = props;
-  const container = document.createElement("div");
-  let styles = ComponentStyles;
-  container.classList.add(EVENT_DATE_CONTAINER);
-  if (isThemeDark) container.setAttribute(ATTRIBUTE_THEME, THEME_DARK);
-  if (dateSign) {
-    container.appendChild(dateSign.element);
-    styles += dateSign.styles;
-  }
-  if (headline) {
-    const modifiedText = truncateText({
-      text: headline.innerHTML,
-      maxTextSize: 50
-    });
-    headline.innerHTML = modifiedText;
-    headline.classList.add(EVENT_HEADLINE);
-    wrapLinkForAnimation({ element: headline });
-    container.appendChild(headline);
-  }
-  return { element: container, styles };
-};
-export {
-  date as default
-};
-//# sourceMappingURL=date.mjs.map

package/dist/atomic/text-lockup/date.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"date.mjs","sources":["../../../source/atomic/text-lockup/date.ts"],"sourcesContent":["import * as animation from '@universityofmaryland/web-styles-library/animation';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport { jssToCSS } from '@universityofmaryland/web-utilities-library/styles';\nimport { truncateText } from '@universityofmaryland/web-utilities-library/string';\nimport { wrapLinkForAnimation } from '@universityofmaryland/web-utilities-library/animation';\n\ntype TypeEventLockupDate = {\n  headline: HTMLElement | null;\n  dateSign?: { element: HTMLElement; styles: string };\n  isThemeDark?: boolean;\n};\n\nconst ATTRIBUTE_THEME = 'theme';\nconst THEME_DARK = 'dark';\nconst IS_THEME_DARK = `[${ATTRIBUTE_THEME}=\"${THEME_DARK}\"]`;\n\nconst EVENT_DATE_CONTAINER = 'event-lockup-container';\nconst EVENT_HEADLINE = 'event-lockup-headline';\n\n// prettier-ignore\nconst HeadlineStyles = `\n  .${EVENT_HEADLINE} {\n    margin-left: ${token.spacing.sm};\n  }\n\n  ${jssToCSS({\n    styleObj: {\n      [`.${EVENT_HEADLINE}`]: typography.sans.large,\n    },\n  })}\n\n  ${jssToCSS({\n    styleObj: {\n      [`.${EVENT_HEADLINE} *`]: typography.sans.large,\n    },\n  })}\n\n  @media (max-width: 767px) {\n    .${EVENT_HEADLINE},\n    .${EVENT_HEADLINE} * {\n      font-size: ${token.font.size.sm};\n      font-weight: 600;\n    }\n  }\n\n  ${jssToCSS({\n    styleObj: {\n      [`.${EVENT_HEADLINE} a`]: animation.line.slideUnderBlack,\n    },\n  })}\n\n  ${jssToCSS({\n    styleObj: {\n      [`.${EVENT_DATE_CONTAINER}${IS_THEME_DARK} .${EVENT_HEADLINE} a`]: animation.line.slideUnderWhite,\n    },\n  })}\n\n  .${EVENT_DATE_CONTAINER}${IS_THEME_DARK} .${EVENT_HEADLINE},\n  .${EVENT_DATE_CONTAINER}${IS_THEME_DARK} .${EVENT_HEADLINE} * { \n    color: ${token.color.white};\n  }\n`;\n\n// prettier-ignore\nconst ComponentStyles = `\n  .${EVENT_DATE_CONTAINER} {\n    display: flex;\n    align-items: center;\n    text-align: left;\n  }\n  \n  .${EVENT_DATE_CONTAINER} * {\n    color: currentColor;\n  }\n\n\n  ${HeadlineStyles}\n`;\n\nexport default (props: TypeEventLockupDate) => {\n  const { headline, dateSign, isThemeDark } = props;\n  const container = document.createElement('div');\n  let styles = ComponentStyles;\n\n  container.classList.add(EVENT_DATE_CONTAINER);\n  if (isThemeDark) container.setAttribute(ATTRIBUTE_THEME, THEME_DARK);\n\n  if (dateSign) {\n    container.appendChild(dateSign.element);\n    styles += dateSign.styles;\n  }\n\n  if (headline) {\n    const modifiedText = truncateText({\n      text: headline.innerHTML,\n      maxTextSize: 50,\n    });\n\n    headline.innerHTML = modifiedText;\n    headline.classList.add(EVENT_HEADLINE);\n    wrapLinkForAnimation({ element: headline });\n    container.appendChild(headline);\n  }\n\n  return { element: container, styles };\n};\n"],"names":[],"mappings":";;;;;;AAaA,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,gBAAgB,IAAI,eAAe,KAAK,UAAU;AAExD,MAAM,uBAAuB;AAC7B,MAAM,iBAAiB;AAGvB,MAAM,iBAAiB;AAAA,KAClB,cAAc;AAAA,mBACA,MAAM,QAAQ,EAAE;AAAA;AAAA;AAAA,IAG/B,SAAS;AAAA,EACT,UAAU;AAAA,IACR,CAAC,IAAI,cAAc,EAAE,GAAG,WAAW,KAAK;AAAA,EAAA;AAE5C,CAAC,CAAC;AAAA;AAAA,IAEA,SAAS;AAAA,EACT,UAAU;AAAA,IACR,CAAC,IAAI,cAAc,IAAI,GAAG,WAAW,KAAK;AAAA,EAAA;AAE9C,CAAC,CAAC;AAAA;AAAA;AAAA,OAGG,cAAc;AAAA,OACd,cAAc;AAAA,mBACF,MAAM,KAAK,KAAK,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjC,SAAS;AAAA,EACT,UAAU;AAAA,IACR,CAAC,IAAI,cAAc,IAAI,GAAG,UAAU,KAAK;AAAA,EAAA;AAE7C,CAAC,CAAC;AAAA;AAAA,IAEA,SAAS;AAAA,EACT,UAAU;AAAA,IACR,CAAC,IAAI,oBAAoB,GAAG,aAAa,KAAK,cAAc,IAAI,GAAG,UAAU,KAAK;AAAA,EAAA;AAEtF,CAAC,CAAC;AAAA;AAAA,KAEC,oBAAoB,GAAG,aAAa,KAAK,cAAc;AAAA,KACvD,oBAAoB,GAAG,aAAa,KAAK,cAAc;AAAA,aAC/C,MAAM,MAAM,KAAK;AAAA;AAAA;AAK9B,MAAM,kBAAkB;AAAA,KACnB,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMpB,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKrB,cAAc;AAAA;AAGlB,MAAA,OAAe,CAAC,UAA+B;AAC7C,QAAM,EAAE,UAAU,UAAU,YAAA,IAAgB;AAC5C,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,MAAI,SAAS;AAEb,YAAU,UAAU,IAAI,oBAAoB;AAC5C,MAAI,YAAa,WAAU,aAAa,iBAAiB,UAAU;AAEnE,MAAI,UAAU;AACZ,cAAU,YAAY,SAAS,OAAO;AACtC,cAAU,SAAS;AAAA,EACrB;AAEA,MAAI,UAAU;AACZ,UAAM,eAAe,aAAa;AAAA,MAChC,MAAM,SAAS;AAAA,MACf,aAAa;AAAA,IAAA,CACd;AAED,aAAS,YAAY;AACrB,aAAS,UAAU,IAAI,cAAc;AACrC,yBAAqB,EAAE,SAAS,UAAU;AAC1C,cAAU,YAAY,QAAQ;AAAA,EAChC;AAEA,SAAO,EAAE,SAAS,WAAW,OAAA;AAC/B;"}

package/dist/atomic/text-lockup/index.mjs

@@ -1,17 +0,0 @@
-import { default as default2 } from "./contact.mjs";
-import { default as default3 } from "./date.mjs";
-import { default as default4 } from "./large.mjs";
-import { default as default5 } from "./medium.mjs";
-import { default as default6 } from "./person.mjs";
-import { createTextLockupSmall } from "./small.mjs";
-import { default as default7 } from "./small-scaling.mjs";
-export {
-  default2 as contact,
-  default3 as date,
-  default4 as large,
-  default5 as medium,
-  default6 as person,
-  createTextLockupSmall as small,
-  default7 as smallScaling
-};
-//# sourceMappingURL=index.mjs.map

package/dist/atomic/text-lockup/index.mjs.map

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

package/dist/atomic/text-lockup/large.mjs

@@ -1,87 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import * as token from "@universityofmaryland/web-token-library";
-import * as typography from "@universityofmaryland/web-styles-library/typography";
-import * as layout from "@universityofmaryland/web-styles-library/layout";
-import * as elementStyles from "@universityofmaryland/web-styles-library/element";
-import { theme } from "@universityofmaryland/web-utilities-library/theme";
-const large = ({
-  eyebrow,
-  ribbon,
-  headlineComposite,
-  text,
-  textLargest,
-  actions,
-  isThemeDark,
-  additionalStyles
-}) => {
-  const container = new ElementBuilder().withClassName("text-lockup-large").withStyles({
-    element: {
-      zIndex: "9",
-      position: "relative",
-      ...additionalStyles
-    }
-  });
-  if (eyebrow) {
-    const eyebrowElement = new ElementBuilder(eyebrow).styled(
-      typography.sans.compose("small", {
-        theme: theme.fontColor(isThemeDark)
-      })
-    ).withStyles({
-      element: {
-        textTransform: "uppercase",
-        fontWeight: 600,
-        ...!isThemeDark && { color: token.color.black }
-      },
-      siblingAfter: {
-        marginTop: token.spacing.sm
-      }
-    }).build();
-    container.withChild(eyebrowElement);
-  }
-  if (ribbon) {
-    const ribbonElement = new ElementBuilder(ribbon).styled(elementStyles.text.decoration.ribbon).withStyles({
-      siblingAfter: {
-        marginTop: token.spacing.sm
-      }
-    }).build();
-    container.withChild(ribbonElement);
-  }
-  if (headlineComposite) {
-    container.withChild(headlineComposite);
-  }
-  if (text) {
-    const textElement = new ElementBuilder(text).styled(
-      elementStyles.text.rich.composeSimple({
-        size: "large",
-        theme: theme.fontColor(isThemeDark)
-      })
-    ).withStyles({
-      siblingAfter: {
-        marginTop: token.spacing.lg
-      }
-    }).build();
-    container.withChild(textElement);
-  }
-  if (textLargest) {
-    const textLargestElement = new ElementBuilder(textLargest).styled(
-      elementStyles.text.rich.composeSimple({
-        size: "largest",
-        theme: theme.fontColor(isThemeDark)
-      })
-    ).withStyles({
-      siblingAfter: {
-        marginTop: token.spacing.lg
-      }
-    }).build();
-    container.withChild(textLargestElement);
-  }
-  if (actions) {
-    const actionsElement = new ElementBuilder(actions).styled(layout.grid.stacked).build();
-    container.withChild(actionsElement);
-  }
-  return container.build();
-};
-export {
-  large as default
-};
-//# sourceMappingURL=large.mjs.map

package/dist/atomic/text-lockup/large.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"large.mjs","sources":["../../../source/atomic/text-lockup/large.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport * as layout from '@universityofmaryland/web-styles-library/layout';\nimport * as elementStyles from '@universityofmaryland/web-styles-library/element';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport { ElementModel } from '../../_types';\n\ninterface TypeTextLockupLarge {\n  headlineComposite?: ElementModel<HTMLElement> | null;\n  eyebrow?: HTMLElement | null;\n  ribbon?: HTMLElement | null;\n  text?: HTMLElement | null;\n  textLargest?: HTMLElement | null;\n  actions?: HTMLElement | null;\n  isThemeDark?: boolean;\n  additionalStyles?: Record<string, unknown>;\n}\n\nexport default ({\n  eyebrow,\n  ribbon,\n  headlineComposite,\n  text,\n  textLargest,\n  actions,\n  isThemeDark,\n  additionalStyles,\n}: TypeTextLockupLarge) => {\n  const container = new ElementBuilder()\n    .withClassName('text-lockup-large')\n    .withStyles({\n      element: {\n        zIndex: '9',\n        position: 'relative',\n        ...additionalStyles,\n      },\n    });\n\n  if (eyebrow) {\n    const eyebrowElement = new ElementBuilder(eyebrow)\n      .styled(\n        typography.sans.compose('small', {\n          theme: theme.fontColor(isThemeDark),\n        }),\n      )\n      .withStyles({\n        element: {\n          textTransform: 'uppercase',\n          fontWeight: 600,\n          ...(!isThemeDark && { color: token.color.black }),\n        },\n        siblingAfter: {\n          marginTop: token.spacing.sm,\n        },\n      })\n      .build();\n\n    container.withChild(eyebrowElement);\n  }\n\n  if (ribbon) {\n    const ribbonElement = new ElementBuilder(ribbon)\n      .styled(elementStyles.text.decoration.ribbon)\n      .withStyles({\n        siblingAfter: {\n          marginTop: token.spacing.sm,\n        },\n      })\n      .build();\n\n    container.withChild(ribbonElement);\n  }\n\n  if (headlineComposite) {\n    container.withChild(headlineComposite);\n  }\n\n  if (text) {\n    const textElement = new ElementBuilder(text)\n      .styled(\n        elementStyles.text.rich.composeSimple({\n          size: 'large',\n          theme: theme.fontColor(isThemeDark),\n        }),\n      )\n      .withStyles({\n        siblingAfter: {\n          marginTop: token.spacing.lg,\n        },\n      })\n      .build();\n\n    container.withChild(textElement);\n  }\n\n  if (textLargest) {\n    const textLargestElement = new ElementBuilder(textLargest)\n      .styled(\n        elementStyles.text.rich.composeSimple({\n          size: 'largest',\n          theme: theme.fontColor(isThemeDark),\n        }),\n      )\n      .withStyles({\n        siblingAfter: {\n          marginTop: token.spacing.lg,\n        },\n      })\n      .build();\n\n    container.withChild(textLargestElement);\n  }\n\n  if (actions) {\n    const actionsElement = new ElementBuilder(actions)\n      .styled(layout.grid.stacked)\n      .build();\n\n    container.withChild(actionsElement);\n  }\n\n  return container.build();\n};\n"],"names":[],"mappings":";;;;;;AAmBA,MAAA,QAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AACzB,QAAM,YAAY,IAAI,eAAA,EACnB,cAAc,mBAAmB,EACjC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,GAAG;AAAA,IAAA;AAAA,EACL,CACD;AAEH,MAAI,SAAS;AACX,UAAM,iBAAiB,IAAI,eAAe,OAAO,EAC9C;AAAA,MACC,WAAW,KAAK,QAAQ,SAAS;AAAA,QAC/B,OAAO,MAAM,UAAU,WAAW;AAAA,MAAA,CACnC;AAAA,IAAA,EAEF,WAAW;AAAA,MACV,SAAS;AAAA,QACP,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,GAAI,CAAC,eAAe,EAAE,OAAO,MAAM,MAAM,MAAA;AAAA,MAAM;AAAA,MAEjD,cAAc;AAAA,QACZ,WAAW,MAAM,QAAQ;AAAA,MAAA;AAAA,IAC3B,CACD,EACA,MAAA;AAEH,cAAU,UAAU,cAAc;AAAA,EACpC;AAEA,MAAI,QAAQ;AACV,UAAM,gBAAgB,IAAI,eAAe,MAAM,EAC5C,OAAO,cAAc,KAAK,WAAW,MAAM,EAC3C,WAAW;AAAA,MACV,cAAc;AAAA,QACZ,WAAW,MAAM,QAAQ;AAAA,MAAA;AAAA,IAC3B,CACD,EACA,MAAA;AAEH,cAAU,UAAU,aAAa;AAAA,EACnC;AAEA,MAAI,mBAAmB;AACrB,cAAU,UAAU,iBAAiB;AAAA,EACvC;AAEA,MAAI,MAAM;AACR,UAAM,cAAc,IAAI,eAAe,IAAI,EACxC;AAAA,MACC,cAAc,KAAK,KAAK,cAAc;AAAA,QACpC,MAAM;AAAA,QACN,OAAO,MAAM,UAAU,WAAW;AAAA,MAAA,CACnC;AAAA,IAAA,EAEF,WAAW;AAAA,MACV,cAAc;AAAA,QACZ,WAAW,MAAM,QAAQ;AAAA,MAAA;AAAA,IAC3B,CACD,EACA,MAAA;AAEH,cAAU,UAAU,WAAW;AAAA,EACjC;AAEA,MAAI,aAAa;AACf,UAAM,qBAAqB,IAAI,eAAe,WAAW,EACtD;AAAA,MACC,cAAc,KAAK,KAAK,cAAc;AAAA,QACpC,MAAM;AAAA,QACN,OAAO,MAAM,UAAU,WAAW;AAAA,MAAA,CACnC;AAAA,IAAA,EAEF,WAAW;AAAA,MACV,cAAc;AAAA,QACZ,WAAW,MAAM,QAAQ;AAAA,MAAA;AAAA,IAC3B,CACD,EACA,MAAA;AAEH,cAAU,UAAU,kBAAkB;AAAA,EACxC;AAEA,MAAI,SAAS;AACX,UAAM,iBAAiB,IAAI,eAAe,OAAO,EAC9C,OAAO,OAAO,KAAK,OAAO,EAC1B,MAAA;AAEH,cAAU,UAAU,cAAc;AAAA,EACpC;AAEA,SAAO,UAAU,MAAA;AACnB;"}

package/dist/atomic/text-lockup/medium.mjs

@@ -1,104 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import * as token from "@universityofmaryland/web-token-library";
-import * as typography from "@universityofmaryland/web-styles-library/typography";
-import * as elementStyles from "@universityofmaryland/web-styles-library/element";
-import * as layout from "@universityofmaryland/web-styles-library/layout";
-import * as animation from "@universityofmaryland/web-styles-library/animation";
-import { theme } from "@universityofmaryland/web-utilities-library/theme";
-import { wrapTextNodeInSpan } from "@universityofmaryland/web-utilities-library/dom";
-const BREAKPOINTS = {
-  large: `@container (min-width: 600px)`
-};
-const medium = ({
-  actions,
-  eventDetails,
-  compositeHeadline,
-  compositeStats,
-  headline,
-  isThemeDark,
-  isThemeMaryland,
-  ribbon,
-  text
-}) => {
-  const finalIsThemeDark = isThemeDark || isThemeMaryland;
-  const container = new ElementBuilder().withClassName("text-lockup-medium").withStyles({
-    element: {
-      zIndex: "9",
-      position: "relative"
-    }
-  });
-  if (ribbon) {
-    const ribbonElement = new ElementBuilder(ribbon).styled(elementStyles.text.decoration.ribbon).withStyles({
-      siblingAfter: {
-        marginTop: token.spacing.sm
-      }
-    }).build();
-    container.withChild(ribbonElement);
-  }
-  if (compositeHeadline) {
-    container.withChild(compositeHeadline);
-  }
-  if (headline && !compositeHeadline) {
-    const headlineStyles = {
-      ...typography.sans.compose("largest", {
-        theme: theme.fontColor(finalIsThemeDark)
-      }),
-      ...animation.line.composeSlideUnder({
-        color: theme.foreground(finalIsThemeDark)
-      })
-    };
-    const headlineElement = new ElementBuilder(headline).styled(headlineStyles).withStyles({
-      element: {
-        fontWeight: 800,
-        textTransform: "uppercase",
-        textWrap: "balance",
-        [`${BREAKPOINTS.large}`]: {
-          maxWidth: "90%"
-        }
-      },
-      siblingAfter: {
-        marginTop: token.spacing.sm
-      }
-    }).withModifier((el) => wrapTextNodeInSpan(el)).build();
-    container.withChild(headlineElement);
-  }
-  if (eventDetails) {
-    const eventDetailsElement = new ElementBuilder().withClassName("text-lockup-medium-event-details").withChild(eventDetails).withStyles({
-      siblingAfter: {
-        marginTop: token.spacing.md
-      }
-    }).build();
-    container.withChild(eventDetailsElement);
-  }
-  if (text) {
-    const textElement = new ElementBuilder(text).styled(
-      elementStyles.text.rich.composeAdvanced({
-        theme: theme.fontColor(finalIsThemeDark)
-      })
-    ).withStyles({
-      siblingAfter: {
-        marginTop: token.spacing.md
-      }
-    }).build();
-    container.withChild(textElement);
-  }
-  if (compositeStats) {
-    container.withChild(compositeStats);
-  }
-  if (actions) {
-    const actionsElement = new ElementBuilder(actions).styled(layout.grid.stacked).withStyles({
-      element: {
-        marginTop: token.spacing.md,
-        [`${BREAKPOINTS.large}`]: {
-          marginTop: token.spacing.lg
-        }
-      }
-    }).build();
-    container.withChild(actionsElement);
-  }
-  return container.build();
-};
-export {
-  medium as default
-};
-//# sourceMappingURL=medium.mjs.map

package/dist/atomic/text-lockup/medium.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"medium.mjs","sources":["../../../source/atomic/text-lockup/medium.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport * as elementStyles from '@universityofmaryland/web-styles-library/element';\nimport * as layout from '@universityofmaryland/web-styles-library/layout';\nimport * as animationStyles from '@universityofmaryland/web-styles-library/animation';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport { wrapTextNodeInSpan } from '@universityofmaryland/web-utilities-library/dom';\nimport { ElementModel } from '../../_types';\n\ninterface TypeTextLockupMedium {\n  actions?: HTMLElement | null;\n  compositeHeadline?: ElementModel<HTMLElement> | null;\n  eventDetails?: ElementModel<HTMLElement>;\n  headline?: HTMLElement | null;\n  isThemeDark?: boolean;\n  isThemeMaryland?: boolean;\n  ribbon?: HTMLElement | null;\n  compositeStats?: ElementModel<HTMLElement> | null;\n  text?: HTMLElement | null;\n}\n\nconst BREAKPOINTS = {\n  medium: `@container (min-width: 400px)`,\n  large: `@container (min-width: 600px)`,\n};\n\nexport default ({\n  actions,\n  eventDetails,\n  compositeHeadline,\n  compositeStats,\n  headline,\n  isThemeDark,\n  isThemeMaryland,\n  ribbon,\n  text,\n}: TypeTextLockupMedium) => {\n  const finalIsThemeDark = isThemeDark || isThemeMaryland;\n\n  const container = new ElementBuilder()\n    .withClassName('text-lockup-medium')\n    .withStyles({\n      element: {\n        zIndex: '9',\n        position: 'relative',\n      },\n    });\n\n  if (ribbon) {\n    const ribbonElement = new ElementBuilder(ribbon)\n      .styled(elementStyles.text.decoration.ribbon)\n      .withStyles({\n        siblingAfter: {\n          marginTop: token.spacing.sm,\n        },\n      })\n      .build();\n\n    container.withChild(ribbonElement);\n  }\n\n  if (compositeHeadline) {\n    container.withChild(compositeHeadline);\n  }\n\n  if (headline && !compositeHeadline) {\n    const headlineStyles = {\n      ...typography.sans.compose('largest', {\n        theme: theme.fontColor(finalIsThemeDark),\n      }),\n      ...animationStyles.line.composeSlideUnder({\n        color: theme.foreground(finalIsThemeDark),\n      }),\n    };\n\n    const headlineElement = new ElementBuilder(headline)\n      .styled(headlineStyles)\n      .withStyles({\n        element: {\n          fontWeight: 800,\n          textTransform: 'uppercase',\n          textWrap: 'balance',\n\n          [`${BREAKPOINTS.large}`]: {\n            maxWidth: '90%',\n          },\n        },\n        siblingAfter: {\n          marginTop: token.spacing.sm,\n        },\n      })\n      .withModifier((el) => wrapTextNodeInSpan(el))\n      .build();\n\n    container.withChild(headlineElement);\n  }\n\n  if (eventDetails) {\n    const eventDetailsElement = new ElementBuilder()\n      .withClassName('text-lockup-medium-event-details')\n      .withChild(eventDetails)\n      .withStyles({\n        siblingAfter: {\n          marginTop: token.spacing.md,\n        },\n      })\n      .build();\n\n    container.withChild(eventDetailsElement);\n  }\n\n  if (text) {\n    const textElement = new ElementBuilder(text)\n      .styled(\n        elementStyles.text.rich.composeAdvanced({\n          theme: theme.fontColor(finalIsThemeDark),\n        }),\n      )\n      .withStyles({\n        siblingAfter: {\n          marginTop: token.spacing.md,\n        },\n      })\n      .build();\n\n    container.withChild(textElement);\n  }\n\n  if (compositeStats) {\n    container.withChild(compositeStats);\n  }\n\n  if (actions) {\n    const actionsElement = new ElementBuilder(actions)\n      .styled(layout.grid.stacked)\n      .withStyles({\n        element: {\n          marginTop: token.spacing.md,\n\n          [`${BREAKPOINTS.large}`]: {\n            marginTop: token.spacing.lg,\n          },\n        },\n      })\n      .build();\n\n    container.withChild(actionsElement);\n  }\n\n  return container.build();\n};\n"],"names":["animationStyles"],"mappings":";;;;;;;;AAsBA,MAAM,cAAc;AAAA,EAElB,OAAO;AACT;AAEA,MAAA,SAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,QAAM,mBAAmB,eAAe;AAExC,QAAM,YAAY,IAAI,eAAA,EACnB,cAAc,oBAAoB,EAClC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,IAAA;AAAA,EACZ,CACD;AAEH,MAAI,QAAQ;AACV,UAAM,gBAAgB,IAAI,eAAe,MAAM,EAC5C,OAAO,cAAc,KAAK,WAAW,MAAM,EAC3C,WAAW;AAAA,MACV,cAAc;AAAA,QACZ,WAAW,MAAM,QAAQ;AAAA,MAAA;AAAA,IAC3B,CACD,EACA,MAAA;AAEH,cAAU,UAAU,aAAa;AAAA,EACnC;AAEA,MAAI,mBAAmB;AACrB,cAAU,UAAU,iBAAiB;AAAA,EACvC;AAEA,MAAI,YAAY,CAAC,mBAAmB;AAClC,UAAM,iBAAiB;AAAA,MACrB,GAAG,WAAW,KAAK,QAAQ,WAAW;AAAA,QACpC,OAAO,MAAM,UAAU,gBAAgB;AAAA,MAAA,CACxC;AAAA,MACD,GAAGA,UAAgB,KAAK,kBAAkB;AAAA,QACxC,OAAO,MAAM,WAAW,gBAAgB;AAAA,MAAA,CACzC;AAAA,IAAA;AAGH,UAAM,kBAAkB,IAAI,eAAe,QAAQ,EAChD,OAAO,cAAc,EACrB,WAAW;AAAA,MACV,SAAS;AAAA,QACP,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,UAAU;AAAA,QAEV,CAAC,GAAG,YAAY,KAAK,EAAE,GAAG;AAAA,UACxB,UAAU;AAAA,QAAA;AAAA,MACZ;AAAA,MAEF,cAAc;AAAA,QACZ,WAAW,MAAM,QAAQ;AAAA,MAAA;AAAA,IAC3B,CACD,EACA,aAAa,CAAC,OAAO,mBAAmB,EAAE,CAAC,EAC3C,MAAA;AAEH,cAAU,UAAU,eAAe;AAAA,EACrC;AAEA,MAAI,cAAc;AAChB,UAAM,sBAAsB,IAAI,eAAA,EAC7B,cAAc,kCAAkC,EAChD,UAAU,YAAY,EACtB,WAAW;AAAA,MACV,cAAc;AAAA,QACZ,WAAW,MAAM,QAAQ;AAAA,MAAA;AAAA,IAC3B,CACD,EACA,MAAA;AAEH,cAAU,UAAU,mBAAmB;AAAA,EACzC;AAEA,MAAI,MAAM;AACR,UAAM,cAAc,IAAI,eAAe,IAAI,EACxC;AAAA,MACC,cAAc,KAAK,KAAK,gBAAgB;AAAA,QACtC,OAAO,MAAM,UAAU,gBAAgB;AAAA,MAAA,CACxC;AAAA,IAAA,EAEF,WAAW;AAAA,MACV,cAAc;AAAA,QACZ,WAAW,MAAM,QAAQ;AAAA,MAAA;AAAA,IAC3B,CACD,EACA,MAAA;AAEH,cAAU,UAAU,WAAW;AAAA,EACjC;AAEA,MAAI,gBAAgB;AAClB,cAAU,UAAU,cAAc;AAAA,EACpC;AAEA,MAAI,SAAS;AACX,UAAM,iBAAiB,IAAI,eAAe,OAAO,EAC9C,OAAO,OAAO,KAAK,OAAO,EAC1B,WAAW;AAAA,MACV,SAAS;AAAA,QACP,WAAW,MAAM,QAAQ;AAAA,QAEzB,CAAC,GAAG,YAAY,KAAK,EAAE,GAAG;AAAA,UACxB,WAAW,MAAM,QAAQ;AAAA,QAAA;AAAA,MAC3B;AAAA,IACF,CACD,EACA,MAAA;AAEH,cAAU,UAAU,cAAc;AAAA,EACpC;AAEA,SAAO,UAAU,MAAA;AACnB;"}