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

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

@@ -1,135 +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 animation from "@universityofmaryland/web-styles-library/animation";
-import { theme } from "@universityofmaryland/web-utilities-library/theme";
-import { wrapTextNodeInSpan } from "@universityofmaryland/web-utilities-library/dom";
-const person = ({
-  actions,
-  association,
-  isThemeDark,
-  job,
-  name,
-  nameComposite,
-  pronouns,
-  subText
-}) => {
-  const container = new ElementBuilder().withClassName("text-lockup-person-container").withStyles({
-    element: {
-      zIndex: "9",
-      position: "relative"
-    }
-  });
-  if (nameComposite && !name) {
-    container.withChild(nameComposite);
-  }
-  if (name) {
-    const headlineStyles = {
-      ...typography.sans.compose("larger", {
-        theme: theme.fontColor(isThemeDark)
-      }),
-      ...animation.line.composeSlideUnder({
-        color: theme.foreground(isThemeDark)
-      })
-    };
-    const nameElement = new ElementBuilder(name).styled(headlineStyles).withStyles({
-      element: {
-        fontWeight: "700",
-        [`& + *`]: {
-          marginTop: "4px"
-        }
-      },
-      subElement: {
-        color: "currentColor"
-      }
-    }).withModifier((el) => wrapTextNodeInSpan(el)).build();
-    container.withChild(nameElement);
-  }
-  if (job) {
-    const jobElement = new ElementBuilder(job).styled(
-      typography.sans.compose("small", {
-        theme: theme.fontColor(isThemeDark)
-      })
-    ).withStyles({
-      element: {
-        lineHeight: `1.25em`,
-        ...!isThemeDark && { color: `${token.color.gray.dark}` }
-      },
-      subElement: {
-        color: "currentColor"
-      }
-    }).build();
-    container.withChild(jobElement);
-  }
-  if (association) {
-    const associationElement = new ElementBuilder(association).styled(
-      typography.sans.compose("small", {
-        theme: theme.fontColor(isThemeDark)
-      })
-    ).withStyles({
-      element: {
-        lineHeight: "1.2em",
-        display: "block",
-        ...!isThemeDark && { color: `${token.color.gray.dark}` },
-        [`& + *`]: {
-          marginTop: "4px"
-        },
-        [`& a:hover, a:focus`]: {
-          textDecoration: "underline"
-        }
-      },
-      subElement: {
-        color: "currentColor"
-      }
-    }).build();
-    container.withChild(associationElement);
-  }
-  if (pronouns) {
-    pronouns.innerHTML = `<i>${pronouns.innerHTML}</i>`;
-    const pronounsElement = new ElementBuilder(pronouns).styled(
-      typography.sans.compose("small", {
-        theme: theme.fontColor(isThemeDark)
-      })
-    ).withStyles({
-      element: {
-        ...!isThemeDark && { color: `${token.color.gray.dark}` },
-        [`& + *`]: {
-          marginTop: "4px"
-        }
-      },
-      subElement: {
-        color: "currentColor"
-      }
-    }).build();
-    container.withChild(pronounsElement);
-  }
-  if (subText) {
-    const subTextElement = new ElementBuilder(subText).styled(
-      typography.sans.compose("small", {
-        theme: theme.fontColor(isThemeDark)
-      })
-    ).withStyles({
-      element: {
-        ...!isThemeDark && { color: `${token.color.gray.dark}` }
-      },
-      siblingAfter: {
-        marginTop: "4px"
-      }
-    }).build();
-    container.withChild(subTextElement);
-  }
-  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 {
-  person as default
-};
-//# sourceMappingURL=person.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"person.mjs","sources":["../../../source/atomic/text-lockup/person.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 animationStyles from '@universityofmaryland/web-styles-library/animation';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport { wrapTextNodeInSpan } from '@universityofmaryland/web-utilities-library/dom';\nimport { type PersonTextLockupProps } from '../_types';\n\nexport default ({\n  actions,\n  association,\n  isThemeDark,\n  job,\n  name,\n  nameComposite,\n  pronouns,\n  subText,\n}: PersonTextLockupProps) => {\n  const container = new ElementBuilder()\n    .withClassName('text-lockup-person-container')\n    .withStyles({\n      element: {\n        zIndex: '9',\n        position: 'relative',\n      },\n    });\n\n  if (nameComposite && !name) {\n    container.withChild(nameComposite);\n  }\n\n  if (name) {\n    const headlineStyles = {\n      ...typography.sans.compose('larger', {\n        theme: theme.fontColor(isThemeDark),\n      }),\n      ...animationStyles.line.composeSlideUnder({\n        color: theme.foreground(isThemeDark),\n      }),\n    };\n\n    const nameElement = new ElementBuilder(name)\n      .styled(headlineStyles)\n      .withStyles({\n        element: {\n          fontWeight: '700',\n\n          [`& + *`]: {\n            marginTop: '4px',\n          },\n        },\n        subElement: {\n          color: 'currentColor',\n        },\n      })\n      .withModifier((el) => wrapTextNodeInSpan(el))\n      .build();\n\n    container.withChild(nameElement);\n  }\n\n  if (job) {\n    const jobElement = new ElementBuilder(job)\n      .styled(\n        typography.sans.compose('small', {\n          theme: theme.fontColor(isThemeDark),\n        }),\n      )\n      .withStyles({\n        element: {\n          lineHeight: `1.25em`,\n\n          ...(!isThemeDark && { color: `${token.color.gray.dark}` }),\n        },\n        subElement: {\n          color: 'currentColor',\n        },\n      })\n      .build();\n\n    container.withChild(jobElement);\n  }\n\n  if (association) {\n    const associationElement = new ElementBuilder(association)\n      .styled(\n        typography.sans.compose('small', {\n          theme: theme.fontColor(isThemeDark),\n        }),\n      )\n      .withStyles({\n        element: {\n          lineHeight: '1.2em',\n          display: 'block',\n          ...(!isThemeDark && { color: `${token.color.gray.dark}` }),\n\n          [`& + *`]: {\n            marginTop: '4px',\n          },\n\n          [`& a:hover, a:focus`]: {\n            textDecoration: 'underline',\n          },\n        },\n        subElement: {\n          color: 'currentColor',\n        },\n      })\n      .build();\n\n    container.withChild(associationElement);\n  }\n\n  if (pronouns) {\n    pronouns.innerHTML = `<i>${pronouns.innerHTML}</i>`;\n    const pronounsElement = new ElementBuilder(pronouns)\n      .styled(\n        typography.sans.compose('small', {\n          theme: theme.fontColor(isThemeDark),\n        }),\n      )\n      .withStyles({\n        element: {\n          ...(!isThemeDark && { color: `${token.color.gray.dark}` }),\n\n          [`& + *`]: {\n            marginTop: '4px',\n          },\n        },\n        subElement: {\n          color: 'currentColor',\n        },\n      })\n      .build();\n\n    container.withChild(pronounsElement);\n  }\n\n  if (subText) {\n    const subTextElement = new ElementBuilder(subText)\n      .styled(\n        typography.sans.compose('small', {\n          theme: theme.fontColor(isThemeDark),\n        }),\n      )\n      .withStyles({\n        element: {\n          ...(!isThemeDark && { color: `${token.color.gray.dark}` }),\n        },\n        siblingAfter: {\n          marginTop: '4px',\n        },\n      })\n      .build();\n\n    container.withChild(subTextElement);\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":["animationStyles"],"mappings":"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"}

package/dist/atomic/text-lockup/small-scaling.mjs

@@ -1,77 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import * as typography from "@universityofmaryland/web-styles-library/typography";
-import * as elementStyles from "@universityofmaryland/web-styles-library/element";
-import { theme } from "@universityofmaryland/web-utilities-library/theme";
-import * as animation from "@universityofmaryland/web-styles-library/animation";
-import { wrapTextNodeInSpan } from "@universityofmaryland/web-utilities-library/dom";
-import { createEyebrow, createRibbonEyebrow, headlineStyles, textStyles, dateStyles, createActions } from "./small.mjs";
-const smallScaling = ({
-  actions,
-  customStyles = {},
-  date,
-  eventMeta,
-  eyebrow,
-  hasEyebrowRibbon = false,
-  headline,
-  isThemeDark,
-  text
-}) => {
-  const container = new ElementBuilder().withClassName("scaling-font-block-container").withStyles({
-    element: {
-      zIndex: "9",
-      position: "relative",
-      ...customStyles
-    }
-  });
-  if (eyebrow && !hasEyebrowRibbon) {
-    const eyebrowElement = createEyebrow({ eyebrow, isThemeDark });
-    container.withChild(eyebrowElement);
-  }
-  if (eyebrow && hasEyebrowRibbon) {
-    const ribbonEyebrowElement = createRibbonEyebrow({ eyebrow });
-    container.withChild(ribbonEyebrowElement);
-  }
-  if (headline) {
-    const composeHeadlineStyles = {
-      ...typography.sans.compose("larger", {
-        theme: theme.fontColor(isThemeDark),
-        scaling: true
-      }),
-      ...animation.line.composeSlideUnder({
-        color: theme.foreground(isThemeDark)
-      })
-    };
-    const headlineElement = new ElementBuilder(headline).styled(composeHeadlineStyles).withStyles(headlineStyles).withModifier((el) => wrapTextNodeInSpan(el)).build();
-    container.withChild(headlineElement);
-  }
-  if (eventMeta) {
-    container.withChild(eventMeta);
-  }
-  if (text) {
-    const textElement = new ElementBuilder(text).styled(
-      elementStyles.text.rich.composeSimple({
-        theme: theme.fontColor(isThemeDark),
-        scaling: true
-      })
-    ).withStyles(textStyles(isThemeDark)).build();
-    container.withChild(textElement);
-  }
-  if (date) {
-    const dateElement = new ElementBuilder(date).styled(
-      typography.sans.compose("min", {
-        theme: theme.fontColor(isThemeDark),
-        scaling: true
-      })
-    ).withStyles(dateStyles(isThemeDark)).build();
-    container.withChild(dateElement);
-  }
-  if (actions) {
-    const actionsElement = createActions({ actions });
-    container.withChild(actionsElement);
-  }
-  return container.build();
-};
-export {
-  smallScaling as default
-};
-//# sourceMappingURL=small-scaling.mjs.map

package/dist/atomic/text-lockup/small-scaling.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"small-scaling.mjs","sources":["../../../source/atomic/text-lockup/small-scaling.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport * as elementStyles from '@universityofmaryland/web-styles-library/element';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport * as animationStyles from '@universityofmaryland/web-styles-library/animation';\nimport { wrapTextNodeInSpan } from '@universityofmaryland/web-utilities-library/dom';\nimport {\n  createEyebrow,\n  createRibbonEyebrow,\n  createActions,\n  headlineStyles,\n  textStyles,\n  dateStyles,\n} from './small';\nimport { type UMDElement } from '../../_types';\n\nexport type TypeTextLockupSmallScaling = {\n  actions?: HTMLElement | null;\n  customStyles?: Record<string, string>;\n  date?: HTMLElement | null;\n  eventMeta?: UMDElement;\n  eyebrow?: HTMLElement | null;\n  hasEyebrowRibbon?: boolean;\n  headline?: HTMLElement | null;\n  isThemeDark?: boolean;\n  text?: HTMLElement | null;\n};\n\nexport default ({\n  actions,\n  customStyles = {},\n  date,\n  eventMeta,\n  eyebrow,\n  hasEyebrowRibbon = false,\n  headline,\n  isThemeDark,\n  text,\n}: TypeTextLockupSmallScaling) => {\n  const container = new ElementBuilder()\n    .withClassName('scaling-font-block-container')\n    .withStyles({\n      element: {\n        zIndex: '9',\n        position: 'relative',\n        ...customStyles,\n      },\n    });\n\n  if (eyebrow && !hasEyebrowRibbon) {\n    const eyebrowElement = createEyebrow({ eyebrow, isThemeDark });\n    container.withChild(eyebrowElement);\n  }\n\n  if (eyebrow && hasEyebrowRibbon) {\n    const ribbonEyebrowElement = createRibbonEyebrow({ eyebrow });\n    container.withChild(ribbonEyebrowElement);\n  }\n\n  if (headline) {\n    const composeHeadlineStyles = {\n      ...typography.sans.compose('larger', {\n        theme: theme.fontColor(isThemeDark),\n        scaling: true,\n      }),\n      ...animationStyles.line.composeSlideUnder({\n        color: theme.foreground(isThemeDark),\n      }),\n    };\n\n    const headlineElement = new ElementBuilder(headline)\n      .styled(composeHeadlineStyles)\n      .withStyles(headlineStyles)\n      .withModifier((el) => wrapTextNodeInSpan(el))\n      .build();\n\n    container.withChild(headlineElement);\n  }\n\n  if (eventMeta) {\n    container.withChild(eventMeta);\n  }\n\n  if (text) {\n    const textElement = new ElementBuilder(text)\n      .styled(\n        elementStyles.text.rich.composeSimple({\n          theme: theme.fontColor(isThemeDark),\n          scaling: true,\n        }),\n      )\n      .withStyles(textStyles(isThemeDark))\n      .build();\n\n    container.withChild(textElement);\n  }\n\n  if (date) {\n    const dateElement = new ElementBuilder(date)\n      .styled(\n        typography.sans.compose('min', {\n          theme: theme.fontColor(isThemeDark),\n          scaling: true,\n        }),\n      )\n      .withStyles(dateStyles(isThemeDark))\n      .build();\n\n    container.withChild(dateElement);\n  }\n\n  if (actions) {\n    const actionsElement = createActions({ actions });\n    container.withChild(actionsElement);\n  }\n\n  return container.build();\n};\n"],"names":["animationStyles"],"mappings":";;;;;;;AA4BA,MAAA,eAAe,CAAC;AAAA,EACd;AAAA,EACA,eAAe,CAAA;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AACF,MAAkC;AAChC,QAAM,YAAY,IAAI,eAAA,EACnB,cAAc,8BAA8B,EAC5C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,GAAG;AAAA,IAAA;AAAA,EACL,CACD;AAEH,MAAI,WAAW,CAAC,kBAAkB;AAChC,UAAM,iBAAiB,cAAc,EAAE,SAAS,aAAa;AAC7D,cAAU,UAAU,cAAc;AAAA,EACpC;AAEA,MAAI,WAAW,kBAAkB;AAC/B,UAAM,uBAAuB,oBAAoB,EAAE,SAAS;AAC5D,cAAU,UAAU,oBAAoB;AAAA,EAC1C;AAEA,MAAI,UAAU;AACZ,UAAM,wBAAwB;AAAA,MAC5B,GAAG,WAAW,KAAK,QAAQ,UAAU;AAAA,QACnC,OAAO,MAAM,UAAU,WAAW;AAAA,QAClC,SAAS;AAAA,MAAA,CACV;AAAA,MACD,GAAGA,UAAgB,KAAK,kBAAkB;AAAA,QACxC,OAAO,MAAM,WAAW,WAAW;AAAA,MAAA,CACpC;AAAA,IAAA;AAGH,UAAM,kBAAkB,IAAI,eAAe,QAAQ,EAChD,OAAO,qBAAqB,EAC5B,WAAW,cAAc,EACzB,aAAa,CAAC,OAAO,mBAAmB,EAAE,CAAC,EAC3C,MAAA;AAEH,cAAU,UAAU,eAAe;AAAA,EACrC;AAEA,MAAI,WAAW;AACb,cAAU,UAAU,SAAS;AAAA,EAC/B;AAEA,MAAI,MAAM;AACR,UAAM,cAAc,IAAI,eAAe,IAAI,EACxC;AAAA,MACC,cAAc,KAAK,KAAK,cAAc;AAAA,QACpC,OAAO,MAAM,UAAU,WAAW;AAAA,QAClC,SAAS;AAAA,MAAA,CACV;AAAA,IAAA,EAEF,WAAW,WAAW,WAAW,CAAC,EAClC,MAAA;AAEH,cAAU,UAAU,WAAW;AAAA,EACjC;AAEA,MAAI,MAAM;AACR,UAAM,cAAc,IAAI,eAAe,IAAI,EACxC;AAAA,MACC,WAAW,KAAK,QAAQ,OAAO;AAAA,QAC7B,OAAO,MAAM,UAAU,WAAW;AAAA,QAClC,SAAS;AAAA,MAAA,CACV;AAAA,IAAA,EAEF,WAAW,WAAW,WAAW,CAAC,EAClC,MAAA;AAEH,cAAU,UAAU,WAAW;AAAA,EACjC;AAEA,MAAI,SAAS;AACX,UAAM,iBAAiB,cAAc,EAAE,SAAS;AAChD,cAAU,UAAU,cAAc;AAAA,EACpC;AAEA,SAAO,UAAU,MAAA;AACnB;"}

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

@@ -1,157 +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 * as typography from "@universityofmaryland/web-styles-library/typography";
-import * as layout from "@universityofmaryland/web-styles-library/layout";
-import * as animation from "@universityofmaryland/web-styles-library/animation";
-import { wrapTextNodeInSpan } from "@universityofmaryland/web-utilities-library/dom";
-import { theme } from "@universityofmaryland/web-utilities-library/theme";
-const ELEMENT_TEXT_LOCKUP_SMALL_CONTAINER = "text-lockup-small-container";
-const metaContainer = elementStyles?.event?.meta?.container;
-const metaClass = (() => {
-  if (!metaContainer?.className) return "";
-  if (Array.isArray(metaContainer.className)) {
-    return metaContainer.className[0] || "";
-  }
-  if (typeof metaContainer.className === "string") {
-    return metaContainer.className;
-  }
-  return "";
-})();
-const eyebrowStyles = {
-  element: {
-    display: "block"
-  },
-  siblingAfter: {
-    marginTop: token.spacing.min
-  }
-};
-const ribbonStyles = {
-  siblingAfter: {
-    marginTop: token.spacing.sm
-  }
-};
-const headlineStyles = {
-  element: {
-    fontWeight: "700",
-    [`& + *`]: {
-      marginTop: token.spacing.sm
-    },
-    [`& + .${metaClass}`]: {
-      [`@media (max-width: 479px)`]: {
-        marginTop: token.spacing.min
-      }
-    }
-  },
-  subElement: {
-    color: "currentColor"
-  }
-};
-const textStyles = (isThemeDark) => ({
-  element: {
-    ...!isThemeDark && {
-      color: `${token.color.gray.dark}`
-    }
-  },
-  child: {
-    ...!isThemeDark && {
-      color: `${token.color.gray.dark}`
-    }
-  },
-  siblingAfter: {
-    marginTop: token.spacing.min
-  }
-});
-const dateStyles = (isThemeDark) => ({
-  element: {
-    display: "block",
-    ...!isThemeDark && {
-      color: `${token.color.gray.mediumAA}`
-    }
-  },
-  child: {
-    color: "currentColor"
-  },
-  siblingAfter: {
-    marginTop: token.spacing.min
-  }
-});
-const createEyebrow = ({ eyebrow, isThemeDark }) => new ElementBuilder(eyebrow).styled(
-  typography.elements.compose("eyebrow", {
-    theme: theme.fontColor(isThemeDark)
-  })
-).withStyles(eyebrowStyles).build();
-const createRibbonEyebrow = ({ eyebrow }) => new ElementBuilder(eyebrow).styled(elementStyles.text.decoration.ribbon).withStyles(ribbonStyles).build();
-const createActions = ({ actions }) => new ElementBuilder(actions).styled(layout.grid.inline.tabletRows).withStyles({
-  element: {
-    marginTop: token.spacing.sm
-  }
-}).build();
-const createTextLockupSmall = ({
-  eyebrow,
-  headline,
-  text,
-  actions,
-  date,
-  eventMeta,
-  isThemeDark
-}) => {
-  const container = new ElementBuilder().withClassName(ELEMENT_TEXT_LOCKUP_SMALL_CONTAINER).withStyles({
-    element: {
-      zIndex: "9",
-      position: "relative"
-    }
-  });
-  if (eyebrow) {
-    const eyebrowElement = createEyebrow({ eyebrow, isThemeDark });
-    container.withChild(eyebrowElement);
-  }
-  if (headline) {
-    const composeHeadlineStyles = {
-      ...typography.sans.compose("larger", {
-        theme: theme.fontColor(isThemeDark)
-      }),
-      ...animation.line.composeSlideUnder({
-        color: theme.foreground(isThemeDark)
-      })
-    };
-    const headlineElement = new ElementBuilder(headline).styled(composeHeadlineStyles).withStyles(headlineStyles).withModifier((el) => wrapTextNodeInSpan(el)).build();
-    container.withChild(headlineElement);
-  }
-  if (eventMeta) {
-    container.withChild(eventMeta);
-  }
-  if (text) {
-    const textElement = new ElementBuilder(text).styled(
-      elementStyles.text.rich.composeSimple({
-        theme: theme.fontColor(isThemeDark)
-      })
-    ).withStyles(textStyles(isThemeDark)).build();
-    container.withChild(textElement);
-  }
-  if (date) {
-    const dateElement = new ElementBuilder("slot").withClassName("umd-headline-sans-min").styled(
-      typography.sans.compose("min", {
-        theme: theme.fontColor(isThemeDark)
-      })
-    ).withAnimation("slideUnder").withChild(date).withStyles(dateStyles(isThemeDark)).build();
-    container.withChild(dateElement);
-  }
-  if (actions) {
-    const actionsElement = createActions({ actions });
-    container.withChild(actionsElement);
-  }
-  return container.build();
-};
-export {
-  createActions,
-  createEyebrow,
-  createRibbonEyebrow,
-  createTextLockupSmall,
-  dateStyles,
-  eyebrowStyles,
-  headlineStyles,
-  ribbonStyles,
-  textStyles
-};
-//# sourceMappingURL=small.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"small.mjs","sources":["../../../source/atomic/text-lockup/small.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 * as typography from '@universityofmaryland/web-styles-library/typography';\nimport * as layout from '@universityofmaryland/web-styles-library/layout';\nimport * as animationStyles from '@universityofmaryland/web-styles-library/animation';\nimport { wrapTextNodeInSpan } from '@universityofmaryland/web-utilities-library/dom';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport { type UMDElement } from '../../_types';\n\ntype TypeTheme = {\n  isThemeDark?: boolean;\n};\n\ntype TypeEyebrow = TypeTheme & {\n  eyebrow: HTMLElement;\n};\n\ntype TypeActions = {\n  actions: HTMLElement;\n};\n\nexport type TypeTextLockupSmall = TypeTheme & {\n  headline: HTMLElement | null;\n  eyebrow?: HTMLElement | null;\n  text?: HTMLElement | null;\n  date?: HTMLElement | null;\n  actions?: HTMLElement | null;\n  eventMeta?: UMDElement;\n  hasEyebrowRibbon?: boolean;\n};\n\nconst ELEMENT_TEXT_LOCKUP_SMALL_CONTAINER = 'text-lockup-small-container';\nconst metaContainer = elementStyles?.event?.meta?.container;\nconst metaClass: string = (() => {\n  if (!metaContainer?.className) return '';\n\n  if (Array.isArray(metaContainer.className)) {\n    return metaContainer.className[0] || '';\n  }\n\n  if (typeof metaContainer.className === 'string') {\n    return metaContainer.className;\n  }\n\n  return '';\n})();\n\nexport const eyebrowStyles = {\n  element: {\n    display: 'block',\n  },\n  siblingAfter: {\n    marginTop: token.spacing.min,\n  },\n};\n\nexport const ribbonStyles = {\n  siblingAfter: {\n    marginTop: token.spacing.sm,\n  },\n};\n\nexport const headlineStyles = {\n  element: {\n    fontWeight: '700',\n\n    [`& + *`]: {\n      marginTop: token.spacing.sm,\n    },\n\n    [`& + .${metaClass}`]: {\n      [`@media (max-width: 479px)`]: {\n        marginTop: token.spacing.min,\n      },\n    },\n  },\n  subElement: {\n    color: 'currentColor',\n  },\n};\n\nexport const textStyles = (isThemeDark?: boolean) => ({\n  element: {\n    ...(!isThemeDark && {\n      color: `${token.color.gray.dark}`,\n    }),\n  },\n  child: {\n    ...(!isThemeDark && {\n      color: `${token.color.gray.dark}`,\n    }),\n  },\n  siblingAfter: {\n    marginTop: token.spacing.min,\n  },\n});\n\nexport const dateStyles = (isThemeDark?: boolean) => ({\n  element: {\n    display: 'block',\n\n    ...(!isThemeDark && {\n      color: `${token.color.gray.mediumAA}`,\n    }),\n  },\n  child: {\n    color: 'currentColor',\n  },\n  siblingAfter: {\n    marginTop: token.spacing.min,\n  },\n});\n\nexport const createEyebrow = ({ eyebrow, isThemeDark }: TypeEyebrow) =>\n  new ElementBuilder(eyebrow)\n    .styled(\n      typography.elements.compose('eyebrow', {\n        theme: theme.fontColor(isThemeDark),\n      }),\n    )\n    .withStyles(eyebrowStyles)\n    .build();\n\nexport const createRibbonEyebrow = ({ eyebrow }: TypeEyebrow) =>\n  new ElementBuilder(eyebrow)\n    .styled(elementStyles.text.decoration.ribbon)\n    .withStyles(ribbonStyles)\n    .build();\n\nexport const createActions = ({ actions }: TypeActions) =>\n  new ElementBuilder(actions)\n    .styled(layout.grid.inline.tabletRows)\n    .withStyles({\n      element: {\n        marginTop: token.spacing.sm,\n      },\n    })\n    .build();\n\nexport const createTextLockupSmall = ({\n  eyebrow,\n  headline,\n  text,\n  actions,\n  date,\n  eventMeta,\n  isThemeDark,\n}: TypeTextLockupSmall) => {\n  const container = new ElementBuilder()\n    .withClassName(ELEMENT_TEXT_LOCKUP_SMALL_CONTAINER)\n    .withStyles({\n      element: {\n        zIndex: '9',\n        position: 'relative',\n      },\n    });\n\n  if (eyebrow) {\n    const eyebrowElement = createEyebrow({ eyebrow, isThemeDark });\n    container.withChild(eyebrowElement);\n  }\n\n  if (headline) {\n    const composeHeadlineStyles = {\n      ...typography.sans.compose('larger', {\n        theme: theme.fontColor(isThemeDark),\n      }),\n      ...animationStyles.line.composeSlideUnder({\n        color: theme.foreground(isThemeDark),\n      }),\n    };\n\n    const headlineElement = new ElementBuilder(headline)\n      .styled(composeHeadlineStyles)\n      .withStyles(headlineStyles)\n      .withModifier((el) => wrapTextNodeInSpan(el))\n      .build();\n\n    container.withChild(headlineElement);\n  }\n\n  if (eventMeta) {\n    container.withChild(eventMeta);\n  }\n\n  if (text) {\n    const textElement = new ElementBuilder(text)\n      .styled(\n        elementStyles.text.rich.composeSimple({\n          theme: theme.fontColor(isThemeDark),\n        }),\n      )\n      .withStyles(textStyles(isThemeDark))\n      .build();\n\n    container.withChild(textElement);\n  }\n\n  if (date) {\n    const dateElement = new ElementBuilder('slot')\n      .withClassName('umd-headline-sans-min')\n      .styled(\n        typography.sans.compose('min', {\n          theme: theme.fontColor(isThemeDark),\n        }),\n      )\n      .withAnimation('slideUnder')\n      .withChild(date)\n      .withStyles(dateStyles(isThemeDark))\n      .build();\n\n    container.withChild(dateElement);\n  }\n\n  if (actions) {\n    const actionsElement = createActions({ actions });\n    container.withChild(actionsElement);\n  }\n\n  return container.build();\n};\n"],"names":["animationStyles"],"mappings":"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"}

package/dist/atomic.mjs

@@ -1,19 +0,0 @@
-import * as index from "./atomic/actions/index.mjs";
-import * as index$1 from "./atomic/animations/index.mjs";
-import * as index$2 from "./atomic/assets/index.mjs";
-import * as index$3 from "./atomic/buttons/index.mjs";
-import * as index$4 from "./atomic/events/index.mjs";
-import * as index$5 from "./atomic/layout/index.mjs";
-import * as index$6 from "./atomic/text-lockup/index.mjs";
-import * as index$7 from "./atomic/text/index.mjs";
-export {
-  index as actions,
-  index$1 as animations,
-  index$2 as assets,
-  index$3 as buttons,
-  index$4 as events,
-  index$5 as layout,
-  index$7 as text,
-  index$6 as textLockup
-};
-//# sourceMappingURL=atomic.mjs.map

package/dist/atomic.mjs.map

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

package/dist/composite/accordion/index.mjs

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

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

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