@universityofmaryland/web-elements-library 1.4.8 → 1.5.0-beta.0

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

@@ -1,7 +1,9 @@
-import * as Styles from "@universityofmaryland/web-styles-library";
-import { truncateText, animationLinkSpan } from "../../utilities/markup/modify.mjs";
-import { convertJSSObjectToStyles } from "../../utilities/theme/index.mjs";
-const { animation, token, typography } = Styles;
+import * as animation from "@universityofmaryland/web-styles-library/animation";
+import * as token from "@universityofmaryland/web-styles-library/token";
+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}"]`;
@@ -12,13 +14,13 @@ const HeadlineStyles = `
     margin-left: ${token.spacing.sm};
   }
 
-  ${convertJSSObjectToStyles({
+  ${jssToCSS({
   styleObj: {
     [`.${EVENT_HEADLINE}`]: typography.sans.large
   }
 })}
 
-  ${convertJSSObjectToStyles({
+  ${jssToCSS({
   styleObj: {
     [`.${EVENT_HEADLINE} *`]: typography.sans.large
   }
@@ -32,13 +34,13 @@ const HeadlineStyles = `
     }
   }
 
-  ${convertJSSObjectToStyles({
+  ${jssToCSS({
   styleObj: {
     [`.${EVENT_HEADLINE} a`]: animation.line.slideUnderBlack
   }
 })}
 
-  ${convertJSSObjectToStyles({
+  ${jssToCSS({
   styleObj: {
     [`.${EVENT_DATE_CONTAINER}${IS_THEME_DARK} .${EVENT_HEADLINE} a`]: animation.line.slideUnderWhite
   }
@@ -75,7 +77,7 @@ const date = (props) => {
     });
     headline.innerHTML = modifiedText;
     headline.classList.add(EVENT_HEADLINE);
-    animationLinkSpan({ element: headline });
+    wrapLinkForAnimation({ element: headline });
     container.appendChild(headline);
   }
   return { element: container, styles };

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

@@ -1 +1 @@
-{"version":3,"file":"date.mjs","sources":["../../../source/atomic/text-lockup/date.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport * as Utility from 'utilities';\n\ntype TypeEventLockupDate = {\n  headline: HTMLElement | null;\n  dateSign?: { element: HTMLElement; styles: string };\n  isThemeDark?: boolean;\n};\n\n// To Do - Refactor to use element model\n\nconst { animation, token, typography } = Styles;\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  ${Utility.theme.convertJSSObjectToStyles({\n    styleObj: {\n      [`.${EVENT_HEADLINE}`]: typography.sans.large,\n    },\n  })}\n\n  ${Utility.theme.convertJSSObjectToStyles({\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  ${Utility.theme.convertJSSObjectToStyles({\n    styleObj: {\n      [`.${EVENT_HEADLINE} a`]: animation.line.slideUnderBlack,\n    },\n  })}\n\n  ${Utility.theme.convertJSSObjectToStyles({\n    styleObj: {\n      [`.${EVENT_DATE_CONTAINER}${IS_THEME_DARK} .${EVENT_HEADLINE} a`]: animation.line.slideUnderWhite, \n    },\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 = Utility.markup.modify.truncateText({\n      text: headline.innerHTML,\n      maxTextSize: 50,\n    });\n\n    headline.innerHTML = modifiedText;\n    headline.classList.add(EVENT_HEADLINE);\n    Utility.markup.modify.animationLinkSpan({ element: headline });\n    container.appendChild(headline);\n  }\n\n  return { element: container, styles };\n};\n"],"names":["Utility.theme.convertJSSObjectToStyles","Utility.markup.modify.truncateText","Utility.markup.modify.animationLinkSpan"],"mappings":";;;AAWA,MAAM,EAAE,WAAW,OAAO,WAAA,IAAe;AAEzC,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/BA,yBAAuC;AAAA,EACvC,UAAU;AAAA,IACR,CAAC,IAAI,cAAc,EAAE,GAAG,WAAW,KAAK;AAAA,EAAA;AAE5C,CAAC,CAAC;AAAA;AAAA,IAEAA,yBAAuC;AAAA,EACvC,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,IAKjCA,yBAAuC;AAAA,EACvC,UAAU;AAAA,IACR,CAAC,IAAI,cAAc,IAAI,GAAG,UAAU,KAAK;AAAA,EAAA;AAE7C,CAAC,CAAC;AAAA;AAAA,IAEAA,yBAAuC;AAAA,EACvC,UAAU;AAAA,IACR,CAAC,IAAI,oBAAoB,GAAG,aAAa,KAAK,cAAc,IAAI,GAAG,UAAU,KAAK;AAAA,EAAA;AAEtF,CAAC,CAAC;AAAA;AAIJ,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,eAAeC,aAAmC;AAAA,MACtD,MAAM,SAAS;AAAA,MACf,aAAa;AAAA,IAAA,CACd;AAED,aAAS,YAAY;AACrB,aAAS,UAAU,IAAI,cAAc;AACrCC,sBAAwC,EAAE,SAAS,UAAU;AAC7D,cAAU,YAAY,QAAQ;AAAA,EAChC;AAEA,SAAO,EAAE,SAAS,WAAW,OAAA;AAC/B;"}
+{"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-styles-library/token';\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\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;AAIJ,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/large.js

@@ -1,5 +1,5 @@
 "use strict";
-const Styles = require("@universityofmaryland/web-styles-library");
+const token = require("@universityofmaryland/web-styles-library/token");
 const index = require("../../model/elements/index.js");
 const headline = require("../../model/elements/headline.js");
 const text = require("../../model/elements/text.js");
@@ -21,7 +21,7 @@ function _interopNamespaceDefault(e) {
   n.default = e;
   return Object.freeze(n);
 }
-const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+const token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
 const large = ({
   eyebrow,
   ribbon,
@@ -41,10 +41,10 @@ const large = ({
           element: {
             textTransform: "uppercase",
             fontWeight: 600,
-            color: Styles__namespace.token.color.black
+            color: token__namespace.color.black
           },
           siblingAfter: {
-            marginTop: Styles__namespace.token.spacing.sm
+            marginTop: token__namespace.spacing.sm
           }
         },
         isThemeDark
@@ -57,7 +57,7 @@ const large = ({
         element: ribbon,
         elementStyles: {
           siblingAfter: {
-            marginTop: Styles__namespace.token.spacing.sm
+            marginTop: token__namespace.spacing.sm
           }
         }
       })
@@ -72,7 +72,7 @@ const large = ({
         element: text$1,
         elementStyles: {
           siblingAfter: {
-            marginTop: Styles__namespace.token.spacing.lg
+            marginTop: token__namespace.spacing.lg
           }
         },
         isThemeDark
@@ -85,7 +85,7 @@ const large = ({
         element: textLargest,
         elementStyles: {
           siblingAfter: {
-            marginTop: Styles__namespace.token.spacing.lg
+            marginTop: token__namespace.spacing.lg
           }
         },
         isThemeDark

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

@@ -1 +1 @@
-{"version":3,"file":"large.js","sources":["../../../source/atomic/text-lockup/large.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementModel } from 'model';\nimport { ElementVisual } from '../../_types';\n\ninterface TypeTextLockupLarge {\n  headlineComposite?: ElementVisual | 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 children: ElementVisual[] = [];\n\n  if (eyebrow) {\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: eyebrow,\n        elementStyles: {\n          element: {\n            textTransform: 'uppercase',\n            fontWeight: 600,\n            color: Styles.token.color.black,\n          },\n          siblingAfter: {\n            marginTop: Styles.token.spacing.sm,\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (ribbon) {\n    children.push(\n      ElementModel.text.ribbon({\n        element: ribbon,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: Styles.token.spacing.sm,\n          },\n        },\n      }),\n    );\n  }\n\n  if (headlineComposite) {\n    children.push(headlineComposite);\n  }\n\n  if (text) {\n    children.push(\n      ElementModel.richText.simpleLarge({\n        element: text,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: Styles.token.spacing.lg,\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (textLargest) {\n    children.push(\n      ElementModel.richText.simpleLargest({\n        element: textLargest,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: Styles.token.spacing.lg,\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (actions) {\n    children.push(\n      ElementModel.layout.gridStacked({\n        element: actions,\n      }),\n    );\n  }\n\n  return ElementModel.createDiv({\n    className: 'text-lockup-large',\n    children,\n    elementStyles: {\n      element: {\n        zIndex: '9',\n        position: 'relative',\n        ...additionalStyles,\n      },\n    },\n  });\n};\n"],"names":["text","ElementModel.headline.sansSmall","Styles","ElementModel.text.ribbon","ElementModel.richText.simpleLarge","ElementModel.richText.simpleLargest","ElementModel.layout.gridStacked","ElementModel.createDiv"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAA,QAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EAAA,MACAA;AAAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AACzB,QAAM,WAA4B,CAAA;AAElC,MAAI,SAAS;AACX,aAAS;AAAA,MACPC,mBAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,eAAe;AAAA,YACf,YAAY;AAAA,YACZ,OAAOC,kBAAO,MAAM,MAAM;AAAA,UAAA;AAAA,UAE5B,cAAc;AAAA,YACZ,WAAWA,kBAAO,MAAM,QAAQ;AAAA,UAAA;AAAA,QAClC;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,QAAQ;AACV,aAAS;AAAA,MACPC,YAAyB;AAAA,QACvB,SAAS;AAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAWD,kBAAO,MAAM,QAAQ;AAAA,UAAA;AAAA,QAClC;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,mBAAmB;AACrB,aAAS,KAAK,iBAAiB;AAAA,EACjC;AAEA,MAAIF,QAAM;AACR,aAAS;AAAA,MACPI,qBAAkC;AAAA,QAChC,SAASJ;AAAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAWE,kBAAO,MAAM,QAAQ;AAAA,UAAA;AAAA,QAClC;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,aAAa;AACf,aAAS;AAAA,MACPG,uBAAoC;AAAA,QAClC,SAAS;AAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAWH,kBAAO,MAAM,QAAQ;AAAA,UAAA;AAAA,QAClC;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,SAAS;AACX,aAAS;AAAA,MACPI,mBAAgC;AAAA,QAC9B,SAAS;AAAA,MAAA,CACV;AAAA,IAAA;AAAA,EAEL;AAEA,SAAOC,gBAAuB;AAAA,IAC5B,WAAW;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF,CACD;AACH;;"}
+{"version":3,"file":"large.js","sources":["../../../source/atomic/text-lockup/large.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport { ElementModel } from 'model';\nimport { ElementVisual } from '../../_types';\n\ninterface TypeTextLockupLarge {\n  headlineComposite?: ElementVisual | 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 children: ElementVisual[] = [];\n\n  if (eyebrow) {\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: eyebrow,\n        elementStyles: {\n          element: {\n            textTransform: 'uppercase',\n            fontWeight: 600,\n            color: token.color.black,\n          },\n          siblingAfter: {\n            marginTop: token.spacing.sm,\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (ribbon) {\n    children.push(\n      ElementModel.text.ribbon({\n        element: ribbon,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: token.spacing.sm,\n          },\n        },\n      }),\n    );\n  }\n\n  if (headlineComposite) {\n    children.push(headlineComposite);\n  }\n\n  if (text) {\n    children.push(\n      ElementModel.richText.simpleLarge({\n        element: text,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: token.spacing.lg,\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (textLargest) {\n    children.push(\n      ElementModel.richText.simpleLargest({\n        element: textLargest,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: token.spacing.lg,\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (actions) {\n    children.push(\n      ElementModel.layout.gridStacked({\n        element: actions,\n      }),\n    );\n  }\n\n  return ElementModel.createDiv({\n    className: 'text-lockup-large',\n    children,\n    elementStyles: {\n      element: {\n        zIndex: '9',\n        position: 'relative',\n        ...additionalStyles,\n      },\n    },\n  });\n};\n"],"names":["text","ElementModel.headline.sansSmall","token","ElementModel.text.ribbon","ElementModel.richText.simpleLarge","ElementModel.richText.simpleLargest","ElementModel.layout.gridStacked","ElementModel.createDiv"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAA,QAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EAAA,MACAA;AAAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AACzB,QAAM,WAA4B,CAAA;AAElC,MAAI,SAAS;AACX,aAAS;AAAA,MACPC,mBAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,eAAe;AAAA,YACf,YAAY;AAAA,YACZ,OAAOC,iBAAM,MAAM;AAAA,UAAA;AAAA,UAErB,cAAc;AAAA,YACZ,WAAWA,iBAAM,QAAQ;AAAA,UAAA;AAAA,QAC3B;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,QAAQ;AACV,aAAS;AAAA,MACPC,YAAyB;AAAA,QACvB,SAAS;AAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAWD,iBAAM,QAAQ;AAAA,UAAA;AAAA,QAC3B;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,mBAAmB;AACrB,aAAS,KAAK,iBAAiB;AAAA,EACjC;AAEA,MAAIF,QAAM;AACR,aAAS;AAAA,MACPI,qBAAkC;AAAA,QAChC,SAASJ;AAAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAWE,iBAAM,QAAQ;AAAA,UAAA;AAAA,QAC3B;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,aAAa;AACf,aAAS;AAAA,MACPG,uBAAoC;AAAA,QAClC,SAAS;AAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAWH,iBAAM,QAAQ;AAAA,UAAA;AAAA,QAC3B;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,SAAS;AACX,aAAS;AAAA,MACPI,mBAAgC;AAAA,QAC9B,SAAS;AAAA,MAAA,CACV;AAAA,IAAA;AAAA,EAEL;AAEA,SAAOC,gBAAuB;AAAA,IAC5B,WAAW;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF,CACD;AACH;;"}

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

@@ -1,4 +1,4 @@
-import * as Styles from "@universityofmaryland/web-styles-library";
+import * as token from "@universityofmaryland/web-styles-library/token";
 import { createDiv } from "../../model/elements/index.mjs";
 import { sansSmall } from "../../model/elements/headline.mjs";
 import { ribbon } from "../../model/elements/text.mjs";
@@ -23,10 +23,10 @@ const large = ({
           element: {
             textTransform: "uppercase",
             fontWeight: 600,
-            color: Styles.token.color.black
+            color: token.color.black
           },
           siblingAfter: {
-            marginTop: Styles.token.spacing.sm
+            marginTop: token.spacing.sm
           }
         },
         isThemeDark
@@ -39,7 +39,7 @@ const large = ({
         element: ribbon$1,
         elementStyles: {
           siblingAfter: {
-            marginTop: Styles.token.spacing.sm
+            marginTop: token.spacing.sm
           }
         }
       })
@@ -54,7 +54,7 @@ const large = ({
         element: text,
         elementStyles: {
           siblingAfter: {
-            marginTop: Styles.token.spacing.lg
+            marginTop: token.spacing.lg
           }
         },
         isThemeDark
@@ -67,7 +67,7 @@ const large = ({
         element: textLargest,
         elementStyles: {
           siblingAfter: {
-            marginTop: Styles.token.spacing.lg
+            marginTop: token.spacing.lg
           }
         },
         isThemeDark

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

@@ -1 +1 @@
-{"version":3,"file":"large.mjs","sources":["../../../source/atomic/text-lockup/large.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementModel } from 'model';\nimport { ElementVisual } from '../../_types';\n\ninterface TypeTextLockupLarge {\n  headlineComposite?: ElementVisual | 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 children: ElementVisual[] = [];\n\n  if (eyebrow) {\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: eyebrow,\n        elementStyles: {\n          element: {\n            textTransform: 'uppercase',\n            fontWeight: 600,\n            color: Styles.token.color.black,\n          },\n          siblingAfter: {\n            marginTop: Styles.token.spacing.sm,\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (ribbon) {\n    children.push(\n      ElementModel.text.ribbon({\n        element: ribbon,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: Styles.token.spacing.sm,\n          },\n        },\n      }),\n    );\n  }\n\n  if (headlineComposite) {\n    children.push(headlineComposite);\n  }\n\n  if (text) {\n    children.push(\n      ElementModel.richText.simpleLarge({\n        element: text,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: Styles.token.spacing.lg,\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (textLargest) {\n    children.push(\n      ElementModel.richText.simpleLargest({\n        element: textLargest,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: Styles.token.spacing.lg,\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (actions) {\n    children.push(\n      ElementModel.layout.gridStacked({\n        element: actions,\n      }),\n    );\n  }\n\n  return ElementModel.createDiv({\n    className: 'text-lockup-large',\n    children,\n    elementStyles: {\n      element: {\n        zIndex: '9',\n        position: 'relative',\n        ...additionalStyles,\n      },\n    },\n  });\n};\n"],"names":["ribbon","ElementModel.headline.sansSmall","ElementModel.text.ribbon","ElementModel.richText.simpleLarge","ElementModel.richText.simpleLargest","ElementModel.layout.gridStacked","ElementModel.createDiv"],"mappings":";;;;;;AAeA,MAAA,QAAe,CAAC;AAAA,EACd;AAAA,EAAA,QACAA;AAAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AACzB,QAAM,WAA4B,CAAA;AAElC,MAAI,SAAS;AACX,aAAS;AAAA,MACPC,UAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,eAAe;AAAA,YACf,YAAY;AAAA,YACZ,OAAO,OAAO,MAAM,MAAM;AAAA,UAAA;AAAA,UAE5B,cAAc;AAAA,YACZ,WAAW,OAAO,MAAM,QAAQ;AAAA,UAAA;AAAA,QAClC;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAID,UAAQ;AACV,aAAS;AAAA,MACPE,OAAyB;AAAA,QACvB,SAASF;AAAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAW,OAAO,MAAM,QAAQ;AAAA,UAAA;AAAA,QAClC;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,mBAAmB;AACrB,aAAS,KAAK,iBAAiB;AAAA,EACjC;AAEA,MAAI,MAAM;AACR,aAAS;AAAA,MACPG,YAAkC;AAAA,QAChC,SAAS;AAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAW,OAAO,MAAM,QAAQ;AAAA,UAAA;AAAA,QAClC;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,aAAa;AACf,aAAS;AAAA,MACPC,cAAoC;AAAA,QAClC,SAAS;AAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAW,OAAO,MAAM,QAAQ;AAAA,UAAA;AAAA,QAClC;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,SAAS;AACX,aAAS;AAAA,MACPC,YAAgC;AAAA,QAC9B,SAAS;AAAA,MAAA,CACV;AAAA,IAAA;AAAA,EAEL;AAEA,SAAOC,UAAuB;AAAA,IAC5B,WAAW;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF,CACD;AACH;"}
+{"version":3,"file":"large.mjs","sources":["../../../source/atomic/text-lockup/large.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport { ElementModel } from 'model';\nimport { ElementVisual } from '../../_types';\n\ninterface TypeTextLockupLarge {\n  headlineComposite?: ElementVisual | 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 children: ElementVisual[] = [];\n\n  if (eyebrow) {\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: eyebrow,\n        elementStyles: {\n          element: {\n            textTransform: 'uppercase',\n            fontWeight: 600,\n            color: token.color.black,\n          },\n          siblingAfter: {\n            marginTop: token.spacing.sm,\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (ribbon) {\n    children.push(\n      ElementModel.text.ribbon({\n        element: ribbon,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: token.spacing.sm,\n          },\n        },\n      }),\n    );\n  }\n\n  if (headlineComposite) {\n    children.push(headlineComposite);\n  }\n\n  if (text) {\n    children.push(\n      ElementModel.richText.simpleLarge({\n        element: text,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: token.spacing.lg,\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (textLargest) {\n    children.push(\n      ElementModel.richText.simpleLargest({\n        element: textLargest,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: token.spacing.lg,\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (actions) {\n    children.push(\n      ElementModel.layout.gridStacked({\n        element: actions,\n      }),\n    );\n  }\n\n  return ElementModel.createDiv({\n    className: 'text-lockup-large',\n    children,\n    elementStyles: {\n      element: {\n        zIndex: '9',\n        position: 'relative',\n        ...additionalStyles,\n      },\n    },\n  });\n};\n"],"names":["ribbon","ElementModel.headline.sansSmall","ElementModel.text.ribbon","ElementModel.richText.simpleLarge","ElementModel.richText.simpleLargest","ElementModel.layout.gridStacked","ElementModel.createDiv"],"mappings":";;;;;;AAeA,MAAA,QAAe,CAAC;AAAA,EACd;AAAA,EAAA,QACAA;AAAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AACzB,QAAM,WAA4B,CAAA;AAElC,MAAI,SAAS;AACX,aAAS;AAAA,MACPC,UAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,eAAe;AAAA,YACf,YAAY;AAAA,YACZ,OAAO,MAAM,MAAM;AAAA,UAAA;AAAA,UAErB,cAAc;AAAA,YACZ,WAAW,MAAM,QAAQ;AAAA,UAAA;AAAA,QAC3B;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAID,UAAQ;AACV,aAAS;AAAA,MACPE,OAAyB;AAAA,QACvB,SAASF;AAAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAW,MAAM,QAAQ;AAAA,UAAA;AAAA,QAC3B;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,mBAAmB;AACrB,aAAS,KAAK,iBAAiB;AAAA,EACjC;AAEA,MAAI,MAAM;AACR,aAAS;AAAA,MACPG,YAAkC;AAAA,QAChC,SAAS;AAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAW,MAAM,QAAQ;AAAA,UAAA;AAAA,QAC3B;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,aAAa;AACf,aAAS;AAAA,MACPC,cAAoC;AAAA,QAClC,SAAS;AAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAW,MAAM,QAAQ;AAAA,UAAA;AAAA,QAC3B;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,SAAS;AACX,aAAS;AAAA,MACPC,YAAgC;AAAA,QAC9B,SAAS;AAAA,MAAA,CACV;AAAA,IAAA;AAAA,EAEL;AAEA,SAAOC,UAAuB;AAAA,IAC5B,WAAW;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF,CACD;AACH;"}

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

@@ -1,5 +1,5 @@
 "use strict";
-const Styles = require("@universityofmaryland/web-styles-library");
+const token = require("@universityofmaryland/web-styles-library/token");
 const index = require("../../model/elements/index.js");
 const text = require("../../model/elements/text.js");
 const headline = require("../../model/elements/headline.js");
@@ -21,7 +21,7 @@ function _interopNamespaceDefault(e) {
   n.default = e;
   return Object.freeze(n);
 }
-const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+const token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
 const BREAKPOINTS = {
   large: `@container (min-width: 600px)`
 };
@@ -43,7 +43,7 @@ const medium = ({
         element: ribbon,
         elementStyles: {
           siblingAfter: {
-            marginTop: Styles__namespace.token.spacing.sm
+            marginTop: token__namespace.spacing.sm
           }
         }
       })
@@ -58,7 +58,7 @@ const medium = ({
         element: headline$1,
         elementStyles: {
           element: {
-            color: `${Styles__namespace.token.color.black}`,
+            color: `${token__namespace.color.black}`,
             fontWeight: 800,
             textTransform: "uppercase",
             textWrap: "balance",
@@ -67,7 +67,7 @@ const medium = ({
             }
           },
           siblingAfter: {
-            marginTop: Styles__namespace.token.spacing.sm
+            marginTop: token__namespace.spacing.sm
           }
         }
       })
@@ -80,7 +80,7 @@ const medium = ({
         children: [eventDetails],
         elementStyles: {
           siblingAfter: {
-            marginTop: Styles__namespace.token.spacing.md
+            marginTop: token__namespace.spacing.md
           }
         }
       })
@@ -92,7 +92,7 @@ const medium = ({
         element: text$1,
         elementStyles: {
           siblingAfter: {
-            marginTop: Styles__namespace.token.spacing.md
+            marginTop: token__namespace.spacing.md
           }
         },
         isThemeDark: isThemeDark || isThemeMaryland || false
@@ -108,9 +108,9 @@ const medium = ({
         element: actions,
         elementStyles: {
           element: {
-            marginTop: Styles__namespace.token.spacing.md,
+            marginTop: token__namespace.spacing.md,
             [`${BREAKPOINTS.large}`]: {
-              marginTop: Styles__namespace.token.spacing.lg
+              marginTop: token__namespace.spacing.lg
             }
           }
         }

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

@@ -1 +1 @@
-{"version":3,"file":"medium.js","sources":["../../../source/atomic/text-lockup/medium.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementModel } from 'model';\nimport { ElementVisual } from '../../_types';\n\ninterface TypeTextLockupMedium {\n  actions?: HTMLElement | null;\n  compositeHeadline?: ElementVisual | null;\n  eventDetails?: ElementVisual;\n  headline?: HTMLElement | null;\n  isThemeDark?: boolean;\n  isThemeMaryland?: boolean;\n  ribbon?: HTMLElement | null;\n  compositeStats?: ElementVisual | 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 children: ElementVisual[] = [];\n\n  if (ribbon) {\n    children.push(\n      ElementModel.text.ribbon({\n        element: ribbon,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: Styles.token.spacing.sm,\n          },\n        },\n      }),\n    );\n  }\n\n  if (compositeHeadline) {\n    children.push(compositeHeadline);\n  }\n\n  if (headline && !compositeHeadline) {\n    children.push(\n      ElementModel.headline.sansLargest({\n        element: headline,\n        elementStyles: {\n          element: {\n            color: `${Styles.token.color.black}`,\n            fontWeight: 800,\n            textTransform: 'uppercase',\n            textWrap: 'balance',\n\n            [`${BREAKPOINTS.large}`]: {\n              maxWidth: '90%',\n            },\n          },\n          siblingAfter: {\n            marginTop: Styles.token.spacing.sm,\n          },\n        },\n      }),\n    );\n  }\n\n  if (eventDetails) {\n    children.push(\n      ElementModel.createDiv({\n        className: 'text-lockup-medium-event-details',\n        children: [eventDetails],\n        elementStyles: {\n          siblingAfter: {\n            marginTop: Styles.token.spacing.md,\n          },\n        },\n      }),\n    );\n  }\n\n  if (text) {\n    children.push(\n      ElementModel.richText.advanced({\n        element: text,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: Styles.token.spacing.md,\n          },\n        },\n        isThemeDark: isThemeDark || isThemeMaryland || false,\n      }),\n    );\n  }\n\n  if (compositeStats) {\n    children.push(compositeStats);\n  }\n\n  if (actions) {\n    children.push(\n      ElementModel.layout.gridStacked({\n        element: actions,\n        elementStyles: {\n          element: {\n            marginTop: Styles.token.spacing.md,\n\n            [`${BREAKPOINTS.large}`]: {\n              marginTop: Styles.token.spacing.lg,\n            },\n          },\n        },\n      }),\n    );\n  }\n\n  return ElementModel.createDiv({\n    className: 'text-lockup-medium',\n    children,\n    elementStyles: {\n      element: {\n        zIndex: '9',\n        position: 'relative',\n      },\n    },\n  });\n};\n"],"names":["headline","text","ElementModel.text.ribbon","Styles","ElementModel.headline.sansLargest","ElementModel.createDiv","ElementModel.richText.advanced","ElementModel.layout.gridStacked"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,cAAc;AAAA,EAElB,OAAO;AACT;AAEA,MAAA,SAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAAA,UACAA;AAAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAAA,MACAC;AACF,MAA4B;AAC1B,QAAM,WAA4B,CAAA;AAElC,MAAI,QAAQ;AACV,aAAS;AAAA,MACPC,YAAyB;AAAA,QACvB,SAAS;AAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAWC,kBAAO,MAAM,QAAQ;AAAA,UAAA;AAAA,QAClC;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,mBAAmB;AACrB,aAAS,KAAK,iBAAiB;AAAA,EACjC;AAEA,MAAIH,cAAY,CAAC,mBAAmB;AAClC,aAAS;AAAA,MACPI,qBAAkC;AAAA,QAChC,SAASJ;AAAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,OAAO,GAAGG,kBAAO,MAAM,MAAM,KAAK;AAAA,YAClC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,UAAU;AAAA,YAEV,CAAC,GAAG,YAAY,KAAK,EAAE,GAAG;AAAA,cACxB,UAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEF,cAAc;AAAA,YACZ,WAAWA,kBAAO,MAAM,QAAQ;AAAA,UAAA;AAAA,QAClC;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,cAAc;AAChB,aAAS;AAAA,MACPE,gBAAuB;AAAA,QACrB,WAAW;AAAA,QACX,UAAU,CAAC,YAAY;AAAA,QACvB,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAWF,kBAAO,MAAM,QAAQ;AAAA,UAAA;AAAA,QAClC;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAIF,QAAM;AACR,aAAS;AAAA,MACPK,kBAA+B;AAAA,QAC7B,SAASL;AAAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAWE,kBAAO,MAAM,QAAQ;AAAA,UAAA;AAAA,QAClC;AAAA,QAEF,aAAa,eAAe,mBAAmB;AAAA,MAAA,CAChD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,gBAAgB;AAClB,aAAS,KAAK,cAAc;AAAA,EAC9B;AAEA,MAAI,SAAS;AACX,aAAS;AAAA,MACPI,mBAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,WAAWJ,kBAAO,MAAM,QAAQ;AAAA,YAEhC,CAAC,GAAG,YAAY,KAAK,EAAE,GAAG;AAAA,cACxB,WAAWA,kBAAO,MAAM,QAAQ;AAAA,YAAA;AAAA,UAClC;AAAA,QACF;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,SAAOE,gBAAuB;AAAA,IAC5B,WAAW;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,CACD;AACH;;"}
+{"version":3,"file":"medium.js","sources":["../../../source/atomic/text-lockup/medium.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport { ElementModel } from 'model';\nimport { ElementVisual } from '../../_types';\n\ninterface TypeTextLockupMedium {\n  actions?: HTMLElement | null;\n  compositeHeadline?: ElementVisual | null;\n  eventDetails?: ElementVisual;\n  headline?: HTMLElement | null;\n  isThemeDark?: boolean;\n  isThemeMaryland?: boolean;\n  ribbon?: HTMLElement | null;\n  compositeStats?: ElementVisual | 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 children: ElementVisual[] = [];\n\n  if (ribbon) {\n    children.push(\n      ElementModel.text.ribbon({\n        element: ribbon,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: token.spacing.sm,\n          },\n        },\n      }),\n    );\n  }\n\n  if (compositeHeadline) {\n    children.push(compositeHeadline);\n  }\n\n  if (headline && !compositeHeadline) {\n    children.push(\n      ElementModel.headline.sansLargest({\n        element: headline,\n        elementStyles: {\n          element: {\n            color: `${token.color.black}`,\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      }),\n    );\n  }\n\n  if (eventDetails) {\n    children.push(\n      ElementModel.createDiv({\n        className: 'text-lockup-medium-event-details',\n        children: [eventDetails],\n        elementStyles: {\n          siblingAfter: {\n            marginTop: token.spacing.md,\n          },\n        },\n      }),\n    );\n  }\n\n  if (text) {\n    children.push(\n      ElementModel.richText.advanced({\n        element: text,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: token.spacing.md,\n          },\n        },\n        isThemeDark: isThemeDark || isThemeMaryland || false,\n      }),\n    );\n  }\n\n  if (compositeStats) {\n    children.push(compositeStats);\n  }\n\n  if (actions) {\n    children.push(\n      ElementModel.layout.gridStacked({\n        element: actions,\n        elementStyles: {\n          element: {\n            marginTop: token.spacing.md,\n\n            [`${BREAKPOINTS.large}`]: {\n              marginTop: token.spacing.lg,\n            },\n          },\n        },\n      }),\n    );\n  }\n\n  return ElementModel.createDiv({\n    className: 'text-lockup-medium',\n    children,\n    elementStyles: {\n      element: {\n        zIndex: '9',\n        position: 'relative',\n      },\n    },\n  });\n};\n"],"names":["headline","text","ElementModel.text.ribbon","token","ElementModel.headline.sansLargest","ElementModel.createDiv","ElementModel.richText.advanced","ElementModel.layout.gridStacked"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,cAAc;AAAA,EAElB,OAAO;AACT;AAEA,MAAA,SAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAAA,UACAA;AAAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAAA,MACAC;AACF,MAA4B;AAC1B,QAAM,WAA4B,CAAA;AAElC,MAAI,QAAQ;AACV,aAAS;AAAA,MACPC,YAAyB;AAAA,QACvB,SAAS;AAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAWC,iBAAM,QAAQ;AAAA,UAAA;AAAA,QAC3B;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,mBAAmB;AACrB,aAAS,KAAK,iBAAiB;AAAA,EACjC;AAEA,MAAIH,cAAY,CAAC,mBAAmB;AAClC,aAAS;AAAA,MACPI,qBAAkC;AAAA,QAChC,SAASJ;AAAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,OAAO,GAAGG,iBAAM,MAAM,KAAK;AAAA,YAC3B,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,UAAU;AAAA,YAEV,CAAC,GAAG,YAAY,KAAK,EAAE,GAAG;AAAA,cACxB,UAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEF,cAAc;AAAA,YACZ,WAAWA,iBAAM,QAAQ;AAAA,UAAA;AAAA,QAC3B;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,cAAc;AAChB,aAAS;AAAA,MACPE,gBAAuB;AAAA,QACrB,WAAW;AAAA,QACX,UAAU,CAAC,YAAY;AAAA,QACvB,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAWF,iBAAM,QAAQ;AAAA,UAAA;AAAA,QAC3B;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAIF,QAAM;AACR,aAAS;AAAA,MACPK,kBAA+B;AAAA,QAC7B,SAASL;AAAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAWE,iBAAM,QAAQ;AAAA,UAAA;AAAA,QAC3B;AAAA,QAEF,aAAa,eAAe,mBAAmB;AAAA,MAAA,CAChD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,gBAAgB;AAClB,aAAS,KAAK,cAAc;AAAA,EAC9B;AAEA,MAAI,SAAS;AACX,aAAS;AAAA,MACPI,mBAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,WAAWJ,iBAAM,QAAQ;AAAA,YAEzB,CAAC,GAAG,YAAY,KAAK,EAAE,GAAG;AAAA,cACxB,WAAWA,iBAAM,QAAQ;AAAA,YAAA;AAAA,UAC3B;AAAA,QACF;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,SAAOE,gBAAuB;AAAA,IAC5B,WAAW;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,CACD;AACH;;"}

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

@@ -1,4 +1,4 @@
-import * as Styles from "@universityofmaryland/web-styles-library";
+import * as token from "@universityofmaryland/web-styles-library/token";
 import { createDiv } from "../../model/elements/index.mjs";
 import { ribbon } from "../../model/elements/text.mjs";
 import { sansLargest } from "../../model/elements/headline.mjs";
@@ -25,7 +25,7 @@ const medium = ({
         element: ribbon$1,
         elementStyles: {
           siblingAfter: {
-            marginTop: Styles.token.spacing.sm
+            marginTop: token.spacing.sm
           }
         }
       })
@@ -40,7 +40,7 @@ const medium = ({
         element: headline,
         elementStyles: {
           element: {
-            color: `${Styles.token.color.black}`,
+            color: `${token.color.black}`,
             fontWeight: 800,
             textTransform: "uppercase",
             textWrap: "balance",
@@ -49,7 +49,7 @@ const medium = ({
             }
           },
           siblingAfter: {
-            marginTop: Styles.token.spacing.sm
+            marginTop: token.spacing.sm
           }
         }
       })
@@ -62,7 +62,7 @@ const medium = ({
         children: [eventDetails],
         elementStyles: {
           siblingAfter: {
-            marginTop: Styles.token.spacing.md
+            marginTop: token.spacing.md
           }
         }
       })
@@ -74,7 +74,7 @@ const medium = ({
         element: text,
         elementStyles: {
           siblingAfter: {
-            marginTop: Styles.token.spacing.md
+            marginTop: token.spacing.md
           }
         },
         isThemeDark: isThemeDark || isThemeMaryland || false
@@ -90,9 +90,9 @@ const medium = ({
         element: actions,
         elementStyles: {
           element: {
-            marginTop: Styles.token.spacing.md,
+            marginTop: token.spacing.md,
             [`${BREAKPOINTS.large}`]: {
-              marginTop: Styles.token.spacing.lg
+              marginTop: token.spacing.lg
             }
           }
         }

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

@@ -1 +1 @@
-{"version":3,"file":"medium.mjs","sources":["../../../source/atomic/text-lockup/medium.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementModel } from 'model';\nimport { ElementVisual } from '../../_types';\n\ninterface TypeTextLockupMedium {\n  actions?: HTMLElement | null;\n  compositeHeadline?: ElementVisual | null;\n  eventDetails?: ElementVisual;\n  headline?: HTMLElement | null;\n  isThemeDark?: boolean;\n  isThemeMaryland?: boolean;\n  ribbon?: HTMLElement | null;\n  compositeStats?: ElementVisual | 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 children: ElementVisual[] = [];\n\n  if (ribbon) {\n    children.push(\n      ElementModel.text.ribbon({\n        element: ribbon,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: Styles.token.spacing.sm,\n          },\n        },\n      }),\n    );\n  }\n\n  if (compositeHeadline) {\n    children.push(compositeHeadline);\n  }\n\n  if (headline && !compositeHeadline) {\n    children.push(\n      ElementModel.headline.sansLargest({\n        element: headline,\n        elementStyles: {\n          element: {\n            color: `${Styles.token.color.black}`,\n            fontWeight: 800,\n            textTransform: 'uppercase',\n            textWrap: 'balance',\n\n            [`${BREAKPOINTS.large}`]: {\n              maxWidth: '90%',\n            },\n          },\n          siblingAfter: {\n            marginTop: Styles.token.spacing.sm,\n          },\n        },\n      }),\n    );\n  }\n\n  if (eventDetails) {\n    children.push(\n      ElementModel.createDiv({\n        className: 'text-lockup-medium-event-details',\n        children: [eventDetails],\n        elementStyles: {\n          siblingAfter: {\n            marginTop: Styles.token.spacing.md,\n          },\n        },\n      }),\n    );\n  }\n\n  if (text) {\n    children.push(\n      ElementModel.richText.advanced({\n        element: text,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: Styles.token.spacing.md,\n          },\n        },\n        isThemeDark: isThemeDark || isThemeMaryland || false,\n      }),\n    );\n  }\n\n  if (compositeStats) {\n    children.push(compositeStats);\n  }\n\n  if (actions) {\n    children.push(\n      ElementModel.layout.gridStacked({\n        element: actions,\n        elementStyles: {\n          element: {\n            marginTop: Styles.token.spacing.md,\n\n            [`${BREAKPOINTS.large}`]: {\n              marginTop: Styles.token.spacing.lg,\n            },\n          },\n        },\n      }),\n    );\n  }\n\n  return ElementModel.createDiv({\n    className: 'text-lockup-medium',\n    children,\n    elementStyles: {\n      element: {\n        zIndex: '9',\n        position: 'relative',\n      },\n    },\n  });\n};\n"],"names":["ribbon","ElementModel.text.ribbon","ElementModel.headline.sansLargest","ElementModel.createDiv","ElementModel.richText.advanced","ElementModel.layout.gridStacked"],"mappings":";;;;;;AAgBA,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,EAAA,QACAA;AAAAA,EACA;AACF,MAA4B;AAC1B,QAAM,WAA4B,CAAA;AAElC,MAAIA,UAAQ;AACV,aAAS;AAAA,MACPC,OAAyB;AAAA,QACvB,SAASD;AAAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAW,OAAO,MAAM,QAAQ;AAAA,UAAA;AAAA,QAClC;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,mBAAmB;AACrB,aAAS,KAAK,iBAAiB;AAAA,EACjC;AAEA,MAAI,YAAY,CAAC,mBAAmB;AAClC,aAAS;AAAA,MACPE,YAAkC;AAAA,QAChC,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,OAAO,GAAG,OAAO,MAAM,MAAM,KAAK;AAAA,YAClC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,UAAU;AAAA,YAEV,CAAC,GAAG,YAAY,KAAK,EAAE,GAAG;AAAA,cACxB,UAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEF,cAAc;AAAA,YACZ,WAAW,OAAO,MAAM,QAAQ;AAAA,UAAA;AAAA,QAClC;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,cAAc;AAChB,aAAS;AAAA,MACPC,UAAuB;AAAA,QACrB,WAAW;AAAA,QACX,UAAU,CAAC,YAAY;AAAA,QACvB,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAW,OAAO,MAAM,QAAQ;AAAA,UAAA;AAAA,QAClC;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,MAAM;AACR,aAAS;AAAA,MACPC,SAA+B;AAAA,QAC7B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAW,OAAO,MAAM,QAAQ;AAAA,UAAA;AAAA,QAClC;AAAA,QAEF,aAAa,eAAe,mBAAmB;AAAA,MAAA,CAChD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,gBAAgB;AAClB,aAAS,KAAK,cAAc;AAAA,EAC9B;AAEA,MAAI,SAAS;AACX,aAAS;AAAA,MACPC,YAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,WAAW,OAAO,MAAM,QAAQ;AAAA,YAEhC,CAAC,GAAG,YAAY,KAAK,EAAE,GAAG;AAAA,cACxB,WAAW,OAAO,MAAM,QAAQ;AAAA,YAAA;AAAA,UAClC;AAAA,QACF;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,SAAOF,UAAuB;AAAA,IAC5B,WAAW;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,CACD;AACH;"}
+{"version":3,"file":"medium.mjs","sources":["../../../source/atomic/text-lockup/medium.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport { ElementModel } from 'model';\nimport { ElementVisual } from '../../_types';\n\ninterface TypeTextLockupMedium {\n  actions?: HTMLElement | null;\n  compositeHeadline?: ElementVisual | null;\n  eventDetails?: ElementVisual;\n  headline?: HTMLElement | null;\n  isThemeDark?: boolean;\n  isThemeMaryland?: boolean;\n  ribbon?: HTMLElement | null;\n  compositeStats?: ElementVisual | 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 children: ElementVisual[] = [];\n\n  if (ribbon) {\n    children.push(\n      ElementModel.text.ribbon({\n        element: ribbon,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: token.spacing.sm,\n          },\n        },\n      }),\n    );\n  }\n\n  if (compositeHeadline) {\n    children.push(compositeHeadline);\n  }\n\n  if (headline && !compositeHeadline) {\n    children.push(\n      ElementModel.headline.sansLargest({\n        element: headline,\n        elementStyles: {\n          element: {\n            color: `${token.color.black}`,\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      }),\n    );\n  }\n\n  if (eventDetails) {\n    children.push(\n      ElementModel.createDiv({\n        className: 'text-lockup-medium-event-details',\n        children: [eventDetails],\n        elementStyles: {\n          siblingAfter: {\n            marginTop: token.spacing.md,\n          },\n        },\n      }),\n    );\n  }\n\n  if (text) {\n    children.push(\n      ElementModel.richText.advanced({\n        element: text,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: token.spacing.md,\n          },\n        },\n        isThemeDark: isThemeDark || isThemeMaryland || false,\n      }),\n    );\n  }\n\n  if (compositeStats) {\n    children.push(compositeStats);\n  }\n\n  if (actions) {\n    children.push(\n      ElementModel.layout.gridStacked({\n        element: actions,\n        elementStyles: {\n          element: {\n            marginTop: token.spacing.md,\n\n            [`${BREAKPOINTS.large}`]: {\n              marginTop: token.spacing.lg,\n            },\n          },\n        },\n      }),\n    );\n  }\n\n  return ElementModel.createDiv({\n    className: 'text-lockup-medium',\n    children,\n    elementStyles: {\n      element: {\n        zIndex: '9',\n        position: 'relative',\n      },\n    },\n  });\n};\n"],"names":["ribbon","ElementModel.text.ribbon","ElementModel.headline.sansLargest","ElementModel.createDiv","ElementModel.richText.advanced","ElementModel.layout.gridStacked"],"mappings":";;;;;;AAgBA,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,EAAA,QACAA;AAAAA,EACA;AACF,MAA4B;AAC1B,QAAM,WAA4B,CAAA;AAElC,MAAIA,UAAQ;AACV,aAAS;AAAA,MACPC,OAAyB;AAAA,QACvB,SAASD;AAAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAW,MAAM,QAAQ;AAAA,UAAA;AAAA,QAC3B;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,mBAAmB;AACrB,aAAS,KAAK,iBAAiB;AAAA,EACjC;AAEA,MAAI,YAAY,CAAC,mBAAmB;AAClC,aAAS;AAAA,MACPE,YAAkC;AAAA,QAChC,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,OAAO,GAAG,MAAM,MAAM,KAAK;AAAA,YAC3B,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,UAAU;AAAA,YAEV,CAAC,GAAG,YAAY,KAAK,EAAE,GAAG;AAAA,cACxB,UAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEF,cAAc;AAAA,YACZ,WAAW,MAAM,QAAQ;AAAA,UAAA;AAAA,QAC3B;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,cAAc;AAChB,aAAS;AAAA,MACPC,UAAuB;AAAA,QACrB,WAAW;AAAA,QACX,UAAU,CAAC,YAAY;AAAA,QACvB,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAW,MAAM,QAAQ;AAAA,UAAA;AAAA,QAC3B;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,MAAM;AACR,aAAS;AAAA,MACPC,SAA+B;AAAA,QAC7B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAW,MAAM,QAAQ;AAAA,UAAA;AAAA,QAC3B;AAAA,QAEF,aAAa,eAAe,mBAAmB;AAAA,MAAA,CAChD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,gBAAgB;AAClB,aAAS,KAAK,cAAc;AAAA,EAC9B;AAEA,MAAI,SAAS;AACX,aAAS;AAAA,MACPC,YAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,WAAW,MAAM,QAAQ;AAAA,YAEzB,CAAC,GAAG,YAAY,KAAK,EAAE,GAAG;AAAA,cACxB,WAAW,MAAM,QAAQ;AAAA,YAAA;AAAA,UAC3B;AAAA,QACF;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,SAAOF,UAAuB;AAAA,IAC5B,WAAW;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,CACD;AACH;"}

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

@@ -1,5 +1,5 @@
 "use strict";
-const Styles = require("@universityofmaryland/web-styles-library");
+const token = require("@universityofmaryland/web-styles-library/token");
 const index = require("../../model/elements/index.js");
 const headline = require("../../model/elements/headline.js");
 const layout = require("../../model/elements/layout.js");
@@ -19,7 +19,7 @@ function _interopNamespaceDefault(e) {
   n.default = e;
   return Object.freeze(n);
 }
-const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+const token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
 const person = ({
   actions,
   association,
@@ -41,7 +41,7 @@ const person = ({
         elementStyles: {
           element: {
             fontWeight: "700",
-            color: `${Styles__namespace.token.color.black}`,
+            color: `${token__namespace.color.black}`,
             [`& + *`]: {
               marginTop: "4px"
             }
@@ -78,7 +78,7 @@ const person = ({
           element: {
             lineHeight: "1.2em",
             display: "block",
-            color: `${Styles__namespace.token.color.gray.dark}`,
+            color: `${token__namespace.color.gray.dark}`,
             [`& + *`]: {
               marginTop: "4px"
             },
@@ -132,7 +132,7 @@ const person = ({
         element: actions,
         elementStyles: {
           element: {
-            marginTop: Styles__namespace.token.spacing.sm
+            marginTop: token__namespace.spacing.sm
           }
         }
       })

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

@@ -1 +1 @@
-{"version":3,"file":"person.js","sources":["../../../source/atomic/text-lockup/person.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementModel } from 'model';\nimport { type ElementVisual } from '../../_types';\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  let children: ElementVisual[] = [];\n\n  if (nameComposite && !name) {\n    children.push(nameComposite);\n  }\n\n  if (name) {\n    children.push(\n      ElementModel.headline.sansLarger({\n        element: name,\n        elementStyles: {\n          element: {\n            fontWeight: '700',\n            color: `${Styles.token.color.black}`,\n\n            [`& + *`]: {\n              marginTop: '4px',\n            },\n          },\n          subElement: {\n            color: 'currentColor',\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (job) {\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: job,\n        elementStyles: {\n          element: {\n            lineHeight: `1.25em`,\n          },\n          subElement: {\n            color: 'currentColor',\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (association) {\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: association,\n        elementStyles: {\n          element: {\n            lineHeight: '1.2em',\n            display: 'block',\n            color: `${Styles.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        isThemeDark,\n      }),\n    );\n  }\n\n  if (pronouns) {\n    pronouns.innerHTML = `<i>${pronouns.innerHTML}</i>`;\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: pronouns,\n        elementStyles: {\n          element: {\n            [`& + *`]: {\n              marginTop: '4px',\n            },\n          },\n          subElement: {\n            color: 'currentColor',\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (subText) {\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: subText,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: '4px',\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (actions) {\n    children.push(\n      ElementModel.layout.gridInlineTabletRows({\n        element: actions,\n        elementStyles: {\n          element: {\n            marginTop: Styles.token.spacing.sm,\n          },\n        },\n      }),\n    );\n  }\n\n  return ElementModel.createDiv({\n    className: 'text-lockup-person-container',\n    children,\n    elementStyles: {\n      element: {\n        zIndex: '9',\n        position: 'relative',\n      },\n    },\n  });\n};\n"],"names":["ElementModel.headline.sansLarger","Styles","ElementModel.headline.sansSmall","ElementModel.layout.gridInlineTabletRows","ElementModel.createDiv"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,MAAA,SAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,MAAI,WAA4B,CAAA;AAEhC,MAAI,iBAAiB,CAAC,MAAM;AAC1B,aAAS,KAAK,aAAa;AAAA,EAC7B;AAEA,MAAI,MAAM;AACR,aAAS;AAAA,MACPA,oBAAiC;AAAA,QAC/B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,YAAY;AAAA,YACZ,OAAO,GAAGC,kBAAO,MAAM,MAAM,KAAK;AAAA,YAElC,CAAC,OAAO,GAAG;AAAA,cACT,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UAEF,YAAY;AAAA,YACV,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,KAAK;AACP,aAAS;AAAA,MACPC,mBAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,UAEd,YAAY;AAAA,YACV,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,aAAa;AACf,aAAS;AAAA,MACPA,mBAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,YAAY;AAAA,YACZ,SAAS;AAAA,YACT,OAAO,GAAGD,kBAAO,MAAM,MAAM,KAAK,IAAI;AAAA,YAEtC,CAAC,OAAO,GAAG;AAAA,cACT,WAAW;AAAA,YAAA;AAAA,YAGb,CAAC,oBAAoB,GAAG;AAAA,cACtB,gBAAgB;AAAA,YAAA;AAAA,UAClB;AAAA,UAEF,YAAY;AAAA,YACV,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,UAAU;AACZ,aAAS,YAAY,MAAM,SAAS,SAAS;AAC7C,aAAS;AAAA,MACPC,mBAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,CAAC,OAAO,GAAG;AAAA,cACT,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UAEF,YAAY;AAAA,YACV,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,SAAS;AACX,aAAS;AAAA,MACPA,mBAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,SAAS;AACX,aAAS;AAAA,MACPC,4BAAyC;AAAA,QACvC,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,WAAWF,kBAAO,MAAM,QAAQ;AAAA,UAAA;AAAA,QAClC;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,SAAOG,gBAAuB;AAAA,IAC5B,WAAW;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,CACD;AACH;;"}
+{"version":3,"file":"person.js","sources":["../../../source/atomic/text-lockup/person.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport { ElementModel } from 'model';\nimport { type ElementVisual } from '../../_types';\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  let children: ElementVisual[] = [];\n\n  if (nameComposite && !name) {\n    children.push(nameComposite);\n  }\n\n  if (name) {\n    children.push(\n      ElementModel.headline.sansLarger({\n        element: name,\n        elementStyles: {\n          element: {\n            fontWeight: '700',\n            color: `${token.color.black}`,\n\n            [`& + *`]: {\n              marginTop: '4px',\n            },\n          },\n          subElement: {\n            color: 'currentColor',\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (job) {\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: job,\n        elementStyles: {\n          element: {\n            lineHeight: `1.25em`,\n          },\n          subElement: {\n            color: 'currentColor',\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (association) {\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: association,\n        elementStyles: {\n          element: {\n            lineHeight: '1.2em',\n            display: 'block',\n            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        isThemeDark,\n      }),\n    );\n  }\n\n  if (pronouns) {\n    pronouns.innerHTML = `<i>${pronouns.innerHTML}</i>`;\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: pronouns,\n        elementStyles: {\n          element: {\n            [`& + *`]: {\n              marginTop: '4px',\n            },\n          },\n          subElement: {\n            color: 'currentColor',\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (subText) {\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: subText,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: '4px',\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (actions) {\n    children.push(\n      ElementModel.layout.gridInlineTabletRows({\n        element: actions,\n        elementStyles: {\n          element: {\n            marginTop: token.spacing.sm,\n          },\n        },\n      }),\n    );\n  }\n\n  return ElementModel.createDiv({\n    className: 'text-lockup-person-container',\n    children,\n    elementStyles: {\n      element: {\n        zIndex: '9',\n        position: 'relative',\n      },\n    },\n  });\n};\n"],"names":["ElementModel.headline.sansLarger","token","ElementModel.headline.sansSmall","ElementModel.layout.gridInlineTabletRows","ElementModel.createDiv"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,MAAA,SAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,MAAI,WAA4B,CAAA;AAEhC,MAAI,iBAAiB,CAAC,MAAM;AAC1B,aAAS,KAAK,aAAa;AAAA,EAC7B;AAEA,MAAI,MAAM;AACR,aAAS;AAAA,MACPA,oBAAiC;AAAA,QAC/B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,YAAY;AAAA,YACZ,OAAO,GAAGC,iBAAM,MAAM,KAAK;AAAA,YAE3B,CAAC,OAAO,GAAG;AAAA,cACT,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UAEF,YAAY;AAAA,YACV,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,KAAK;AACP,aAAS;AAAA,MACPC,mBAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,UAEd,YAAY;AAAA,YACV,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,aAAa;AACf,aAAS;AAAA,MACPA,mBAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,YAAY;AAAA,YACZ,SAAS;AAAA,YACT,OAAO,GAAGD,iBAAM,MAAM,KAAK,IAAI;AAAA,YAE/B,CAAC,OAAO,GAAG;AAAA,cACT,WAAW;AAAA,YAAA;AAAA,YAGb,CAAC,oBAAoB,GAAG;AAAA,cACtB,gBAAgB;AAAA,YAAA;AAAA,UAClB;AAAA,UAEF,YAAY;AAAA,YACV,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,UAAU;AACZ,aAAS,YAAY,MAAM,SAAS,SAAS;AAC7C,aAAS;AAAA,MACPC,mBAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,CAAC,OAAO,GAAG;AAAA,cACT,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UAEF,YAAY;AAAA,YACV,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,SAAS;AACX,aAAS;AAAA,MACPA,mBAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,SAAS;AACX,aAAS;AAAA,MACPC,4BAAyC;AAAA,QACvC,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,WAAWF,iBAAM,QAAQ;AAAA,UAAA;AAAA,QAC3B;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,SAAOG,gBAAuB;AAAA,IAC5B,WAAW;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,CACD;AACH;;"}

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

@@ -1,4 +1,4 @@
-import * as Styles from "@universityofmaryland/web-styles-library";
+import * as token from "@universityofmaryland/web-styles-library/token";
 import { createDiv } from "../../model/elements/index.mjs";
 import { sansLarger, sansSmall } from "../../model/elements/headline.mjs";
 import { gridInlineTabletRows } from "../../model/elements/layout.mjs";
@@ -23,7 +23,7 @@ const person = ({
         elementStyles: {
           element: {
             fontWeight: "700",
-            color: `${Styles.token.color.black}`,
+            color: `${token.color.black}`,
             [`& + *`]: {
               marginTop: "4px"
             }
@@ -60,7 +60,7 @@ const person = ({
           element: {
             lineHeight: "1.2em",
             display: "block",
-            color: `${Styles.token.color.gray.dark}`,
+            color: `${token.color.gray.dark}`,
             [`& + *`]: {
               marginTop: "4px"
             },
@@ -114,7 +114,7 @@ const person = ({
         element: actions,
         elementStyles: {
           element: {
-            marginTop: Styles.token.spacing.sm
+            marginTop: token.spacing.sm
           }
         }
       })

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

@@ -1 +1 @@
-{"version":3,"file":"person.mjs","sources":["../../../source/atomic/text-lockup/person.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementModel } from 'model';\nimport { type ElementVisual } from '../../_types';\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  let children: ElementVisual[] = [];\n\n  if (nameComposite && !name) {\n    children.push(nameComposite);\n  }\n\n  if (name) {\n    children.push(\n      ElementModel.headline.sansLarger({\n        element: name,\n        elementStyles: {\n          element: {\n            fontWeight: '700',\n            color: `${Styles.token.color.black}`,\n\n            [`& + *`]: {\n              marginTop: '4px',\n            },\n          },\n          subElement: {\n            color: 'currentColor',\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (job) {\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: job,\n        elementStyles: {\n          element: {\n            lineHeight: `1.25em`,\n          },\n          subElement: {\n            color: 'currentColor',\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (association) {\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: association,\n        elementStyles: {\n          element: {\n            lineHeight: '1.2em',\n            display: 'block',\n            color: `${Styles.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        isThemeDark,\n      }),\n    );\n  }\n\n  if (pronouns) {\n    pronouns.innerHTML = `<i>${pronouns.innerHTML}</i>`;\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: pronouns,\n        elementStyles: {\n          element: {\n            [`& + *`]: {\n              marginTop: '4px',\n            },\n          },\n          subElement: {\n            color: 'currentColor',\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (subText) {\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: subText,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: '4px',\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (actions) {\n    children.push(\n      ElementModel.layout.gridInlineTabletRows({\n        element: actions,\n        elementStyles: {\n          element: {\n            marginTop: Styles.token.spacing.sm,\n          },\n        },\n      }),\n    );\n  }\n\n  return ElementModel.createDiv({\n    className: 'text-lockup-person-container',\n    children,\n    elementStyles: {\n      element: {\n        zIndex: '9',\n        position: 'relative',\n      },\n    },\n  });\n};\n"],"names":["ElementModel.headline.sansLarger","ElementModel.headline.sansSmall","ElementModel.layout.gridInlineTabletRows","ElementModel.createDiv"],"mappings":";;;;AAKA,MAAA,SAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,MAAI,WAA4B,CAAA;AAEhC,MAAI,iBAAiB,CAAC,MAAM;AAC1B,aAAS,KAAK,aAAa;AAAA,EAC7B;AAEA,MAAI,MAAM;AACR,aAAS;AAAA,MACPA,WAAiC;AAAA,QAC/B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,YAAY;AAAA,YACZ,OAAO,GAAG,OAAO,MAAM,MAAM,KAAK;AAAA,YAElC,CAAC,OAAO,GAAG;AAAA,cACT,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UAEF,YAAY;AAAA,YACV,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,KAAK;AACP,aAAS;AAAA,MACPC,UAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,UAEd,YAAY;AAAA,YACV,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,aAAa;AACf,aAAS;AAAA,MACPA,UAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,YAAY;AAAA,YACZ,SAAS;AAAA,YACT,OAAO,GAAG,OAAO,MAAM,MAAM,KAAK,IAAI;AAAA,YAEtC,CAAC,OAAO,GAAG;AAAA,cACT,WAAW;AAAA,YAAA;AAAA,YAGb,CAAC,oBAAoB,GAAG;AAAA,cACtB,gBAAgB;AAAA,YAAA;AAAA,UAClB;AAAA,UAEF,YAAY;AAAA,YACV,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,UAAU;AACZ,aAAS,YAAY,MAAM,SAAS,SAAS;AAC7C,aAAS;AAAA,MACPA,UAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,CAAC,OAAO,GAAG;AAAA,cACT,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UAEF,YAAY;AAAA,YACV,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,SAAS;AACX,aAAS;AAAA,MACPA,UAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,SAAS;AACX,aAAS;AAAA,MACPC,qBAAyC;AAAA,QACvC,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,WAAW,OAAO,MAAM,QAAQ;AAAA,UAAA;AAAA,QAClC;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,SAAOC,UAAuB;AAAA,IAC5B,WAAW;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,CACD;AACH;"}
+{"version":3,"file":"person.mjs","sources":["../../../source/atomic/text-lockup/person.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-styles-library/token';\nimport { ElementModel } from 'model';\nimport { type ElementVisual } from '../../_types';\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  let children: ElementVisual[] = [];\n\n  if (nameComposite && !name) {\n    children.push(nameComposite);\n  }\n\n  if (name) {\n    children.push(\n      ElementModel.headline.sansLarger({\n        element: name,\n        elementStyles: {\n          element: {\n            fontWeight: '700',\n            color: `${token.color.black}`,\n\n            [`& + *`]: {\n              marginTop: '4px',\n            },\n          },\n          subElement: {\n            color: 'currentColor',\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (job) {\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: job,\n        elementStyles: {\n          element: {\n            lineHeight: `1.25em`,\n          },\n          subElement: {\n            color: 'currentColor',\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (association) {\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: association,\n        elementStyles: {\n          element: {\n            lineHeight: '1.2em',\n            display: 'block',\n            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        isThemeDark,\n      }),\n    );\n  }\n\n  if (pronouns) {\n    pronouns.innerHTML = `<i>${pronouns.innerHTML}</i>`;\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: pronouns,\n        elementStyles: {\n          element: {\n            [`& + *`]: {\n              marginTop: '4px',\n            },\n          },\n          subElement: {\n            color: 'currentColor',\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (subText) {\n    children.push(\n      ElementModel.headline.sansSmall({\n        element: subText,\n        elementStyles: {\n          siblingAfter: {\n            marginTop: '4px',\n          },\n        },\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (actions) {\n    children.push(\n      ElementModel.layout.gridInlineTabletRows({\n        element: actions,\n        elementStyles: {\n          element: {\n            marginTop: token.spacing.sm,\n          },\n        },\n      }),\n    );\n  }\n\n  return ElementModel.createDiv({\n    className: 'text-lockup-person-container',\n    children,\n    elementStyles: {\n      element: {\n        zIndex: '9',\n        position: 'relative',\n      },\n    },\n  });\n};\n"],"names":["ElementModel.headline.sansLarger","ElementModel.headline.sansSmall","ElementModel.layout.gridInlineTabletRows","ElementModel.createDiv"],"mappings":";;;;AAKA,MAAA,SAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,MAAI,WAA4B,CAAA;AAEhC,MAAI,iBAAiB,CAAC,MAAM;AAC1B,aAAS,KAAK,aAAa;AAAA,EAC7B;AAEA,MAAI,MAAM;AACR,aAAS;AAAA,MACPA,WAAiC;AAAA,QAC/B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,YAAY;AAAA,YACZ,OAAO,GAAG,MAAM,MAAM,KAAK;AAAA,YAE3B,CAAC,OAAO,GAAG;AAAA,cACT,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UAEF,YAAY;AAAA,YACV,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,KAAK;AACP,aAAS;AAAA,MACPC,UAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,UAEd,YAAY;AAAA,YACV,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,aAAa;AACf,aAAS;AAAA,MACPA,UAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,YAAY;AAAA,YACZ,SAAS;AAAA,YACT,OAAO,GAAG,MAAM,MAAM,KAAK,IAAI;AAAA,YAE/B,CAAC,OAAO,GAAG;AAAA,cACT,WAAW;AAAA,YAAA;AAAA,YAGb,CAAC,oBAAoB,GAAG;AAAA,cACtB,gBAAgB;AAAA,YAAA;AAAA,UAClB;AAAA,UAEF,YAAY;AAAA,YACV,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,UAAU;AACZ,aAAS,YAAY,MAAM,SAAS,SAAS;AAC7C,aAAS;AAAA,MACPA,UAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,CAAC,OAAO,GAAG;AAAA,cACT,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UAEF,YAAY;AAAA,YACV,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,SAAS;AACX,aAAS;AAAA,MACPA,UAAgC;AAAA,QAC9B,SAAS;AAAA,QACT,eAAe;AAAA,UACb,cAAc;AAAA,YACZ,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,QAEF;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,SAAS;AACX,aAAS;AAAA,MACPC,qBAAyC;AAAA,QACvC,SAAS;AAAA,QACT,eAAe;AAAA,UACb,SAAS;AAAA,YACP,WAAW,MAAM,QAAQ;AAAA,UAAA;AAAA,QAC3B;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,SAAOC,UAAuB;AAAA,IAC5B,WAAW;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,CACD;AACH;"}

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

@@ -1 +1 @@
-{"version":3,"file":"small.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/small.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,KAAK,SAAS,GAAG;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,KAAK,WAAW,GAAG,SAAS,GAAG;IAC7B,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG;IAC5C,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAoBF,eAAO,MAAM,aAAa;;;;;;;CAOzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;CAkB1B,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;CAOtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;CAWtB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,0BAA0B,WAAW;;;;CAK/D,CAAC;AAEL,eAAO,MAAM,mBAAmB,GAAI,aAAa,WAAW;;;;CAIxD,CAAC;AAEL,eAAO,MAAM,aAAa,GAAI,aAAa,WAAW;;;;CAQlD,CAAC;AAEL,eAAO,MAAM,qBAAqB,GAAI,qEAQnC,mBAAmB;;;;CA2DrB,CAAC"}
+{"version":3,"file":"small.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/small.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,KAAK,SAAS,GAAG;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,KAAK,WAAW,GAAG,SAAS,GAAG;IAC7B,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG;IAC5C,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAkBF,eAAO,MAAM,aAAa;;;;;;;CAOzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;CAkB1B,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;CAOtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;CAWtB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,0BAA0B,WAAW;;;;CAK/D,CAAC;AAEL,eAAO,MAAM,mBAAmB,GAAI,aAAa,WAAW;;;;CAIxD,CAAC;AAEL,eAAO,MAAM,aAAa,GAAI,aAAa,WAAW;;;;CAQlD,CAAC;AAEL,eAAO,MAAM,qBAAqB,GAAI,qEAQnC,mBAAmB;;;;CA2DrB,CAAC"}