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

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

@@ -1,29 +1,9 @@
-"use strict";
-const animation = require("@universityofmaryland/web-styles-library/animation");
-const token = require("@universityofmaryland/web-token-library");
-const typography = require("@universityofmaryland/web-styles-library/typography");
-const styles = require("@universityofmaryland/web-utilities-library/styles");
-const string = require("@universityofmaryland/web-utilities-library/string");
-const animation$1 = require("@universityofmaryland/web-utilities-library/animation");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const animation__namespace = /* @__PURE__ */ _interopNamespaceDefault(animation);
-const token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
-const typography__namespace = /* @__PURE__ */ _interopNamespaceDefault(typography);
+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}"]`;
@@ -31,44 +11,44 @@ const EVENT_DATE_CONTAINER = "event-lockup-container";
 const EVENT_HEADLINE = "event-lockup-headline";
 const HeadlineStyles = `
   .${EVENT_HEADLINE} {
-    margin-left: ${token__namespace.spacing.sm};
+    margin-left: ${token.spacing.sm};
   }
 
-  ${styles.jssToCSS({
+  ${jssToCSS({
   styleObj: {
-    [`.${EVENT_HEADLINE}`]: typography__namespace.sans.large
+    [`.${EVENT_HEADLINE}`]: typography.sans.large
   }
 })}
 
-  ${styles.jssToCSS({
+  ${jssToCSS({
   styleObj: {
-    [`.${EVENT_HEADLINE} *`]: typography__namespace.sans.large
+    [`.${EVENT_HEADLINE} *`]: typography.sans.large
   }
 })}
 
   @media (max-width: 767px) {
     .${EVENT_HEADLINE},
     .${EVENT_HEADLINE} * {
-      font-size: ${token__namespace.font.size.sm};
+      font-size: ${token.font.size.sm};
       font-weight: 600;
     }
   }
 
-  ${styles.jssToCSS({
+  ${jssToCSS({
   styleObj: {
-    [`.${EVENT_HEADLINE} a`]: animation__namespace.line.slideUnderBlack
+    [`.${EVENT_HEADLINE} a`]: animation.line.slideUnderBlack
   }
 })}
 
-  ${styles.jssToCSS({
+  ${jssToCSS({
   styleObj: {
-    [`.${EVENT_DATE_CONTAINER}${IS_THEME_DARK} .${EVENT_HEADLINE} a`]: animation__namespace.line.slideUnderWhite
+    [`.${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__namespace.color.white};
+    color: ${token.color.white};
   }
 `;
 const ComponentStyles = `
@@ -85,27 +65,29 @@ const ComponentStyles = `
 
   ${HeadlineStyles}
 `;
-const date = (props) => {
+const createTextLockupDate = (props) => {
   const { headline, dateSign, isThemeDark } = props;
   const container = document.createElement("div");
-  let styles2 = ComponentStyles;
+  let styles = ComponentStyles;
   container.classList.add(EVENT_DATE_CONTAINER);
   if (isThemeDark) container.setAttribute(ATTRIBUTE_THEME, THEME_DARK);
   if (dateSign) {
     container.appendChild(dateSign.element);
-    styles2 += dateSign.styles;
+    styles += dateSign.styles;
   }
   if (headline) {
-    const modifiedText = string.truncateText({
+    const modifiedText = truncateText({
       text: headline.innerHTML,
       maxTextSize: 50
     });
     headline.innerHTML = modifiedText;
     headline.classList.add(EVENT_HEADLINE);
-    animation$1.wrapLinkForAnimation({ element: headline });
+    wrapLinkForAnimation({ element: headline });
     container.appendChild(headline);
   }
-  return { element: container, styles: styles2 };
+  return { element: container, styles };
+};
+export {
+  createTextLockupDate
 };
-module.exports = date;
 //# sourceMappingURL=date.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"date.js","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":["token","jssToCSS","typography","animation","styles","truncateText","wrapLinkForAnimation"],"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,mBACAA,iBAAM,QAAQ,EAAE;AAAA;AAAA;AAAA,IAG/BC,gBAAS;AAAA,EACT,UAAU;AAAA,IACR,CAAC,IAAI,cAAc,EAAE,GAAGC,sBAAW,KAAK;AAAA,EAAA;AAE5C,CAAC,CAAC;AAAA;AAAA,IAEAD,gBAAS;AAAA,EACT,UAAU;AAAA,IACR,CAAC,IAAI,cAAc,IAAI,GAAGC,sBAAW,KAAK;AAAA,EAAA;AAE9C,CAAC,CAAC;AAAA;AAAA;AAAA,OAGG,cAAc;AAAA,OACd,cAAc;AAAA,mBACFF,iBAAM,KAAK,KAAK,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjCC,gBAAS;AAAA,EACT,UAAU;AAAA,IACR,CAAC,IAAI,cAAc,IAAI,GAAGE,qBAAU,KAAK;AAAA,EAAA;AAE7C,CAAC,CAAC;AAAA;AAAA,IAEAF,gBAAS;AAAA,EACT,UAAU;AAAA,IACR,CAAC,IAAI,oBAAoB,GAAG,aAAa,KAAK,cAAc,IAAI,GAAGE,qBAAU,KAAK;AAAA,EAAA;AAEtF,CAAC,CAAC;AAAA;AAAA,KAEC,oBAAoB,GAAG,aAAa,KAAK,cAAc;AAAA,KACvD,oBAAoB,GAAG,aAAa,KAAK,cAAc;AAAA,aAC/CH,iBAAM,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,MAAII,UAAS;AAEb,YAAU,UAAU,IAAI,oBAAoB;AAC5C,MAAI,YAAa,WAAU,aAAa,iBAAiB,UAAU;AAEnE,MAAI,UAAU;AACZ,cAAU,YAAY,SAAS,OAAO;AACtC,IAAAA,WAAU,SAAS;AAAA,EACrB;AAEA,MAAI,UAAU;AACZ,UAAM,eAAeC,OAAAA,aAAa;AAAA,MAChC,MAAM,SAAS;AAAA,MACf,aAAa;AAAA,IAAA,CACd;AAED,aAAS,YAAY;AACrB,aAAS,UAAU,IAAI,cAAc;AACrCC,qCAAqB,EAAE,SAAS,UAAU;AAC1C,cAAU,YAAY,QAAQ;AAAA,EAChC;AAEA,SAAO,EAAE,SAAS,WAAW,QAAAF,QAAA;AAC/B;;"}
+{"version":3,"file":"date.js","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 const createTextLockupDate = (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;AAGX,MAAM,uBAAuB,CAAC,UAA+B;AAClE,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.d.ts

@@ -1,8 +1,8 @@
-export { default as contact } from './contact';
-export { default as date } from './date';
-export { default as large } from './large';
-export { default as medium } from './medium';
-export { default as person } from './person';
+export { createTextLockupContact as contact } from './contact';
+export { createTextLockupDate as date } from './date';
+export { createTextLockupLarge as large } from './large';
+export { createTextLockupMedium as medium } from './medium';
+export { createTextLockupPerson as person } from './person';
 export { createTextLockupSmall as small } from './small';
-export { default as smallScaling } from './small-scaling';
+export { createTextLockupSmallScaling as smallScaling } from './small-scaling';
 //# sourceMappingURL=index.d.ts.map

package/dist/atomic/text-lockup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,qBAAqB,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/D,OAAO,EAAE,oBAAoB,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACtD,OAAO,EAAE,qBAAqB,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,sBAAsB,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAE,sBAAsB,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAE,qBAAqB,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,4BAA4B,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -1,17 +1,17 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const contact = require("./contact.js");
-const date = require("./date.js");
-const large = require("./large.js");
-const medium = require("./medium.js");
-const person = require("./person.js");
-const small = require("./small.js");
-const smallScaling = require("./small-scaling.js");
-exports.contact = contact;
-exports.date = date;
-exports.large = large;
-exports.medium = medium;
-exports.person = person;
-exports.small = small.createTextLockupSmall;
-exports.smallScaling = smallScaling;
+import { createTextLockupContact } from "./contact.js";
+import { createTextLockupDate } from "./date.js";
+import { createTextLockupLarge } from "./large.js";
+import { createTextLockupMedium } from "./medium.js";
+import { createTextLockupPerson } from "./person.js";
+import { createTextLockupSmall } from "./small.js";
+import { createTextLockupSmallScaling } from "./small-scaling.js";
+export {
+  createTextLockupContact as contact,
+  createTextLockupDate as date,
+  createTextLockupLarge as large,
+  createTextLockupMedium as medium,
+  createTextLockupPerson as person,
+  createTextLockupSmall as small,
+  createTextLockupSmallScaling as smallScaling
+};
 //# sourceMappingURL=index.js.map

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

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

package/dist/atomic/text-lockup/large.d.ts

@@ -9,6 +9,6 @@ interface TypeTextLockupLarge {
     isThemeDark?: boolean;
     additionalStyles?: Record<string, unknown>;
 }
-declare const _default: ({ eyebrow, ribbon, headlineComposite, text, textLargest, actions, isThemeDark, additionalStyles, }: TypeTextLockupLarge) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
-export default _default;
+export declare const createTextLockupLarge: ({ eyebrow, ribbon, headlineComposite, text, textLargest, actions, isThemeDark, additionalStyles, }: TypeTextLockupLarge) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
+export {};
 //# sourceMappingURL=large.d.ts.map

package/dist/atomic/text-lockup/large.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"large.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/large.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,UAAU,mBAAmB;IAC3B,iBAAiB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC5C;yBAEe,oGASb,mBAAmB;AATtB,wBAwGE"}
+{"version":3,"file":"large.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/large.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,UAAU,mBAAmB;IAC3B,iBAAiB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,qBAAqB,GAAI,oGASnC,mBAAmB,kFA+FrB,CAAC"}

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

@@ -1,31 +1,10 @@
-"use strict";
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const token = require("@universityofmaryland/web-token-library");
-const typography = require("@universityofmaryland/web-styles-library/typography");
-const layout = require("@universityofmaryland/web-styles-library/layout");
-const elementStyles = require("@universityofmaryland/web-styles-library/element");
-const theme = require("@universityofmaryland/web-utilities-library/theme");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
-const typography__namespace = /* @__PURE__ */ _interopNamespaceDefault(typography);
-const layout__namespace = /* @__PURE__ */ _interopNamespaceDefault(layout);
-const elementStyles__namespace = /* @__PURE__ */ _interopNamespaceDefault(elementStyles);
-const large = ({
+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 createTextLockupLarge = ({
   eyebrow,
   ribbon,
   headlineComposite,
@@ -35,7 +14,7 @@ const large = ({
   isThemeDark,
   additionalStyles
 }) => {
-  const container = new webBuilderLibrary.ElementBuilder().withClassName("text-lockup-large").withStyles({
+  const container = new ElementBuilder().withClassName("text-lockup-large").withStyles({
     element: {
       zIndex: "9",
       position: "relative",
@@ -43,26 +22,26 @@ const large = ({
     }
   });
   if (eyebrow) {
-    const eyebrowElement = new webBuilderLibrary.ElementBuilder(eyebrow).styled(
-      typography__namespace.sans.compose("small", {
-        theme: theme.theme.fontColor(isThemeDark)
+    const eyebrowElement = new ElementBuilder(eyebrow).styled(
+      typography.sans.compose("small", {
+        theme: theme.fontColor(isThemeDark)
       })
     ).withStyles({
       element: {
         textTransform: "uppercase",
         fontWeight: 600,
-        ...!isThemeDark && { color: token__namespace.color.black }
+        ...!isThemeDark && { color: token.color.black }
       },
       siblingAfter: {
-        marginTop: token__namespace.spacing.sm
+        marginTop: token.spacing.sm
       }
     }).build();
     container.withChild(eyebrowElement);
   }
   if (ribbon) {
-    const ribbonElement = new webBuilderLibrary.ElementBuilder(ribbon).styled(elementStyles__namespace.text.decoration.ribbon).withStyles({
+    const ribbonElement = new ElementBuilder(ribbon).styled(elementStyles.text.decoration.ribbon).withStyles({
       siblingAfter: {
-        marginTop: token__namespace.spacing.sm
+        marginTop: token.spacing.sm
       }
     }).build();
     container.withChild(ribbonElement);
@@ -71,36 +50,38 @@ const large = ({
     container.withChild(headlineComposite);
   }
   if (text) {
-    const textElement = new webBuilderLibrary.ElementBuilder(text).styled(
-      elementStyles__namespace.text.rich.composeSimple({
+    const textElement = new ElementBuilder(text).styled(
+      elementStyles.text.rich.composeSimple({
         size: "large",
-        theme: theme.theme.fontColor(isThemeDark)
+        theme: theme.fontColor(isThemeDark)
       })
     ).withStyles({
       siblingAfter: {
-        marginTop: token__namespace.spacing.lg
+        marginTop: token.spacing.lg
       }
     }).build();
     container.withChild(textElement);
   }
   if (textLargest) {
-    const textLargestElement = new webBuilderLibrary.ElementBuilder(textLargest).styled(
-      elementStyles__namespace.text.rich.composeSimple({
+    const textLargestElement = new ElementBuilder(textLargest).styled(
+      elementStyles.text.rich.composeSimple({
         size: "largest",
-        theme: theme.theme.fontColor(isThemeDark)
+        theme: theme.fontColor(isThemeDark)
       })
     ).withStyles({
       siblingAfter: {
-        marginTop: token__namespace.spacing.lg
+        marginTop: token.spacing.lg
       }
     }).build();
     container.withChild(textLargestElement);
   }
   if (actions) {
-    const actionsElement = new webBuilderLibrary.ElementBuilder(actions).styled(layout__namespace.grid.stacked).build();
+    const actionsElement = new ElementBuilder(actions).styled(layout.grid.stacked).build();
     container.withChild(actionsElement);
   }
   return container.build();
 };
-module.exports = large;
+export {
+  createTextLockupLarge
+};
 //# sourceMappingURL=large.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"large.js","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":["ElementBuilder","typography","theme","token","elementStyles","layout"],"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,IAAIA,kBAAAA,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,IAAIA,iCAAe,OAAO,EAC9C;AAAA,MACCC,sBAAW,KAAK,QAAQ,SAAS;AAAA,QAC/B,OAAOC,MAAAA,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,OAAOC,iBAAM,MAAM,MAAA;AAAA,MAAM;AAAA,MAEjD,cAAc;AAAA,QACZ,WAAWA,iBAAM,QAAQ;AAAA,MAAA;AAAA,IAC3B,CACD,EACA,MAAA;AAEH,cAAU,UAAU,cAAc;AAAA,EACpC;AAEA,MAAI,QAAQ;AACV,UAAM,gBAAgB,IAAIH,iCAAe,MAAM,EAC5C,OAAOI,yBAAc,KAAK,WAAW,MAAM,EAC3C,WAAW;AAAA,MACV,cAAc;AAAA,QACZ,WAAWD,iBAAM,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,IAAIH,iCAAe,IAAI,EACxC;AAAA,MACCI,yBAAc,KAAK,KAAK,cAAc;AAAA,QACpC,MAAM;AAAA,QACN,OAAOF,MAAAA,MAAM,UAAU,WAAW;AAAA,MAAA,CACnC;AAAA,IAAA,EAEF,WAAW;AAAA,MACV,cAAc;AAAA,QACZ,WAAWC,iBAAM,QAAQ;AAAA,MAAA;AAAA,IAC3B,CACD,EACA,MAAA;AAEH,cAAU,UAAU,WAAW;AAAA,EACjC;AAEA,MAAI,aAAa;AACf,UAAM,qBAAqB,IAAIH,iCAAe,WAAW,EACtD;AAAA,MACCI,yBAAc,KAAK,KAAK,cAAc;AAAA,QACpC,MAAM;AAAA,QACN,OAAOF,MAAAA,MAAM,UAAU,WAAW;AAAA,MAAA,CACnC;AAAA,IAAA,EAEF,WAAW;AAAA,MACV,cAAc;AAAA,QACZ,WAAWC,iBAAM,QAAQ;AAAA,MAAA;AAAA,IAC3B,CACD,EACA,MAAA;AAEH,cAAU,UAAU,kBAAkB;AAAA,EACxC;AAEA,MAAI,SAAS;AACX,UAAM,iBAAiB,IAAIH,kBAAAA,eAAe,OAAO,EAC9C,OAAOK,kBAAO,KAAK,OAAO,EAC1B,MAAA;AAEH,cAAU,UAAU,cAAc;AAAA,EACpC;AAEA,SAAO,UAAU,MAAA;AACnB;;"}
+{"version":3,"file":"large.js","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 const createTextLockupLarge = ({\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":";;;;;;AAmBO,MAAM,wBAAwB,CAAC;AAAA,EACpC;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.d.ts

@@ -10,6 +10,6 @@ interface TypeTextLockupMedium {
     compositeStats?: ElementModel<HTMLElement> | null;
     text?: HTMLElement | null;
 }
-declare const _default: ({ actions, eventDetails, compositeHeadline, compositeStats, headline, isThemeDark, isThemeMaryland, ribbon, text, }: TypeTextLockupMedium) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
-export default _default;
+export declare const createTextLockupMedium: ({ actions, eventDetails, compositeHeadline, compositeStats, headline, isThemeDark, isThemeMaryland, ribbon, text, }: TypeTextLockupMedium) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
+export {};
 //# sourceMappingURL=medium.d.ts.map

package/dist/atomic/text-lockup/medium.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"medium.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/medium.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,iBAAiB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IACrD,YAAY,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAClD,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC3B;yBAOe,qHAUb,oBAAoB;AAVvB,wBA4HE"}
+{"version":3,"file":"medium.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/medium.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,iBAAiB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IACrD,YAAY,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAClD,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC3B;AAOD,eAAO,MAAM,sBAAsB,GAAI,qHAUpC,oBAAoB,kFAkHtB,CAAC"}

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

@@ -1,37 +1,15 @@
-"use strict";
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const token = require("@universityofmaryland/web-token-library");
-const typography = require("@universityofmaryland/web-styles-library/typography");
-const elementStyles = require("@universityofmaryland/web-styles-library/element");
-const layout = require("@universityofmaryland/web-styles-library/layout");
-const animation = require("@universityofmaryland/web-styles-library/animation");
-const theme = require("@universityofmaryland/web-utilities-library/theme");
-const dom = require("@universityofmaryland/web-utilities-library/dom");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
-const typography__namespace = /* @__PURE__ */ _interopNamespaceDefault(typography);
-const elementStyles__namespace = /* @__PURE__ */ _interopNamespaceDefault(elementStyles);
-const layout__namespace = /* @__PURE__ */ _interopNamespaceDefault(layout);
-const animation__namespace = /* @__PURE__ */ _interopNamespaceDefault(animation);
+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 = ({
+const createTextLockupMedium = ({
   actions,
   eventDetails,
   compositeHeadline,
@@ -43,16 +21,16 @@ const medium = ({
   text
 }) => {
   const finalIsThemeDark = isThemeDark || isThemeMaryland;
-  const container = new webBuilderLibrary.ElementBuilder().withClassName("text-lockup-medium").withStyles({
+  const container = new ElementBuilder().withClassName("text-lockup-medium").withStyles({
     element: {
       zIndex: "9",
       position: "relative"
     }
   });
   if (ribbon) {
-    const ribbonElement = new webBuilderLibrary.ElementBuilder(ribbon).styled(elementStyles__namespace.text.decoration.ribbon).withStyles({
+    const ribbonElement = new ElementBuilder(ribbon).styled(elementStyles.text.decoration.ribbon).withStyles({
       siblingAfter: {
-        marginTop: token__namespace.spacing.sm
+        marginTop: token.spacing.sm
       }
     }).build();
     container.withChild(ribbonElement);
@@ -62,14 +40,14 @@ const medium = ({
   }
   if (headline && !compositeHeadline) {
     const headlineStyles = {
-      ...typography__namespace.sans.compose("largest", {
-        theme: theme.theme.fontColor(finalIsThemeDark)
+      ...typography.sans.compose("largest", {
+        theme: theme.fontColor(finalIsThemeDark)
       }),
-      ...animation__namespace.line.composeSlideUnder({
-        color: theme.theme.foreground(finalIsThemeDark)
+      ...animation.line.composeSlideUnder({
+        color: theme.foreground(finalIsThemeDark)
       })
     };
-    const headlineElement = new webBuilderLibrary.ElementBuilder(headline).styled(headlineStyles).withStyles({
+    const headlineElement = new ElementBuilder(headline).styled(headlineStyles).withStyles({
       element: {
         fontWeight: 800,
         textTransform: "uppercase",
@@ -79,27 +57,27 @@ const medium = ({
         }
       },
       siblingAfter: {
-        marginTop: token__namespace.spacing.sm
+        marginTop: token.spacing.sm
       }
-    }).withModifier((el) => dom.wrapTextNodeInSpan(el)).build();
+    }).withModifier((el) => wrapTextNodeInSpan(el)).build();
     container.withChild(headlineElement);
   }
   if (eventDetails) {
-    const eventDetailsElement = new webBuilderLibrary.ElementBuilder().withClassName("text-lockup-medium-event-details").withChild(eventDetails).withStyles({
+    const eventDetailsElement = new ElementBuilder().withClassName("text-lockup-medium-event-details").withChild(eventDetails).withStyles({
       siblingAfter: {
-        marginTop: token__namespace.spacing.md
+        marginTop: token.spacing.md
       }
     }).build();
     container.withChild(eventDetailsElement);
   }
   if (text) {
-    const textElement = new webBuilderLibrary.ElementBuilder(text).styled(
-      elementStyles__namespace.text.rich.composeAdvanced({
-        theme: theme.theme.fontColor(finalIsThemeDark)
+    const textElement = new ElementBuilder(text).styled(
+      elementStyles.text.rich.composeAdvanced({
+        theme: theme.fontColor(finalIsThemeDark)
       })
     ).withStyles({
       siblingAfter: {
-        marginTop: token__namespace.spacing.md
+        marginTop: token.spacing.md
       }
     }).build();
     container.withChild(textElement);
@@ -108,11 +86,11 @@ const medium = ({
     container.withChild(compositeStats);
   }
   if (actions) {
-    const actionsElement = new webBuilderLibrary.ElementBuilder(actions).styled(layout__namespace.grid.stacked).withStyles({
+    const actionsElement = new ElementBuilder(actions).styled(layout.grid.stacked).withStyles({
       element: {
-        marginTop: token__namespace.spacing.md,
+        marginTop: token.spacing.md,
         [`${BREAKPOINTS.large}`]: {
-          marginTop: token__namespace.spacing.lg
+          marginTop: token.spacing.lg
         }
       }
     }).build();
@@ -120,5 +98,7 @@ const medium = ({
   }
   return container.build();
 };
-module.exports = medium;
+export {
+  createTextLockupMedium
+};
 //# sourceMappingURL=medium.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"medium.js","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":["ElementBuilder","elementStyles","token","typography","theme","animationStyles","wrapTextNodeInSpan","layout"],"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,IAAIA,kBAAAA,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,IAAIA,iCAAe,MAAM,EAC5C,OAAOC,yBAAc,KAAK,WAAW,MAAM,EAC3C,WAAW;AAAA,MACV,cAAc;AAAA,QACZ,WAAWC,iBAAM,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,GAAGC,sBAAW,KAAK,QAAQ,WAAW;AAAA,QACpC,OAAOC,MAAAA,MAAM,UAAU,gBAAgB;AAAA,MAAA,CACxC;AAAA,MACD,GAAGC,qBAAgB,KAAK,kBAAkB;AAAA,QACxC,OAAOD,MAAAA,MAAM,WAAW,gBAAgB;AAAA,MAAA,CACzC;AAAA,IAAA;AAGH,UAAM,kBAAkB,IAAIJ,iCAAe,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,WAAWE,iBAAM,QAAQ;AAAA,MAAA;AAAA,IAC3B,CACD,EACA,aAAa,CAAC,OAAOI,IAAAA,mBAAmB,EAAE,CAAC,EAC3C,MAAA;AAEH,cAAU,UAAU,eAAe;AAAA,EACrC;AAEA,MAAI,cAAc;AAChB,UAAM,sBAAsB,IAAIN,kBAAAA,eAAA,EAC7B,cAAc,kCAAkC,EAChD,UAAU,YAAY,EACtB,WAAW;AAAA,MACV,cAAc;AAAA,QACZ,WAAWE,iBAAM,QAAQ;AAAA,MAAA;AAAA,IAC3B,CACD,EACA,MAAA;AAEH,cAAU,UAAU,mBAAmB;AAAA,EACzC;AAEA,MAAI,MAAM;AACR,UAAM,cAAc,IAAIF,iCAAe,IAAI,EACxC;AAAA,MACCC,yBAAc,KAAK,KAAK,gBAAgB;AAAA,QACtC,OAAOG,MAAAA,MAAM,UAAU,gBAAgB;AAAA,MAAA,CACxC;AAAA,IAAA,EAEF,WAAW;AAAA,MACV,cAAc;AAAA,QACZ,WAAWF,iBAAM,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,IAAIF,kBAAAA,eAAe,OAAO,EAC9C,OAAOO,kBAAO,KAAK,OAAO,EAC1B,WAAW;AAAA,MACV,SAAS;AAAA,QACP,WAAWL,iBAAM,QAAQ;AAAA,QAEzB,CAAC,GAAG,YAAY,KAAK,EAAE,GAAG;AAAA,UACxB,WAAWA,iBAAM,QAAQ;AAAA,QAAA;AAAA,MAC3B;AAAA,IACF,CACD,EACA,MAAA;AAEH,cAAU,UAAU,cAAc;AAAA,EACpC;AAEA,SAAO,UAAU,MAAA;AACnB;;"}
+{"version":3,"file":"medium.js","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 const createTextLockupMedium = ({\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;AAEO,MAAM,yBAAyB,CAAC;AAAA,EACrC;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;"}

package/dist/atomic/text-lockup/person.d.ts

@@ -1,4 +1,3 @@
 import { PersonTextLockupProps } from '../_types';
-declare const _default: ({ actions, association, isThemeDark, job, name, nameComposite, pronouns, subText, }: PersonTextLockupProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
-export default _default;
+export declare const createTextLockupPerson: ({ actions, association, isThemeDark, job, name, nameComposite, pronouns, subText, }: PersonTextLockupProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
 //# sourceMappingURL=person.d.ts.map

package/dist/atomic/text-lockup/person.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"person.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/person.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,WAAW,CAAC;yBAEvC,qFASb,qBAAqB;AATxB,wBAoKE"}
+{"version":3,"file":"person.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/person.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAEvD,eAAO,MAAM,sBAAsB,GAAI,qFASpC,qBAAqB,kFA4JvB,CAAC"}