@universityofmaryland/web-elements-library 1.3.7 → 1.4.0

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

@@ -0,0 +1,132 @@
+"use strict";
+const Styles = require("@universityofmaryland/web-styles-library");
+const index = require("../../model/elements/index.js");
+const text = require("../../model/elements/text.js");
+const headline = require("../../model/elements/headline.js");
+const richText = require("../../model/elements/rich-text.js");
+const layout = require("../../model/elements/layout.js");
+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 Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+const BREAKPOINTS = {
+  large: `@container (min-width: 600px)`
+};
+const medium = ({
+  actions,
+  eventDetails,
+  compositeHeadline,
+  compositeStats,
+  headline: headline$1,
+  isThemeDark,
+  isThemeMaryland,
+  ribbon,
+  text: text$1
+}) => {
+  const children = [];
+  if (ribbon) {
+    children.push(
+      text.ribbon({
+        element: ribbon,
+        elementStyles: {
+          siblingAfter: {
+            marginTop: Styles__namespace.token.spacing.sm
+          }
+        }
+      })
+    );
+  }
+  if (compositeHeadline) {
+    children.push(compositeHeadline);
+  }
+  if (headline$1 && !compositeHeadline) {
+    children.push(
+      headline.sansLargest({
+        element: headline$1,
+        elementStyles: {
+          element: {
+            color: `${Styles__namespace.token.color.black}`,
+            fontWeight: 800,
+            textTransform: "uppercase",
+            textWrap: "balance",
+            [`${BREAKPOINTS.large}`]: {
+              maxWidth: "90%"
+            }
+          },
+          siblingAfter: {
+            marginTop: Styles__namespace.token.spacing.sm
+          }
+        }
+      })
+    );
+  }
+  if (eventDetails) {
+    children.push(
+      index.createDiv({
+        className: "text-lockup-medium-event-details",
+        children: [eventDetails],
+        elementStyles: {
+          siblingAfter: {
+            marginTop: Styles__namespace.token.spacing.md
+          }
+        }
+      })
+    );
+  }
+  if (text$1) {
+    children.push(
+      richText.advanced({
+        element: text$1,
+        elementStyles: {
+          siblingAfter: {
+            marginTop: Styles__namespace.token.spacing.md
+          }
+        },
+        isThemeDark: isThemeDark || isThemeMaryland || false
+      })
+    );
+  }
+  if (compositeStats) {
+    children.push(compositeStats);
+  }
+  if (actions) {
+    children.push(
+      layout.gridStacked({
+        element: actions,
+        elementStyles: {
+          element: {
+            marginTop: Styles__namespace.token.spacing.md,
+            [`${BREAKPOINTS.large}`]: {
+              marginTop: Styles__namespace.token.spacing.lg
+            }
+          }
+        }
+      })
+    );
+  }
+  return index.createDiv({
+    className: "text-lockup-medium",
+    children,
+    elementStyles: {
+      element: {
+        zIndex: "9",
+        position: "relative"
+      }
+    }
+  });
+};
+module.exports = medium;
+//# sourceMappingURL=medium.js.map

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

@@ -0,0 +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;;"}

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

@@ -0,0 +1,116 @@
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { createDiv } from "../../model/elements/index.mjs";
+import { ribbon } from "../../model/elements/text.mjs";
+import { sansLargest } from "../../model/elements/headline.mjs";
+import { advanced } from "../../model/elements/rich-text.mjs";
+import { gridStacked } from "../../model/elements/layout.mjs";
+const BREAKPOINTS = {
+  large: `@container (min-width: 600px)`
+};
+const medium = ({
+  actions,
+  eventDetails,
+  compositeHeadline,
+  compositeStats,
+  headline,
+  isThemeDark,
+  isThemeMaryland,
+  ribbon: ribbon$1,
+  text
+}) => {
+  const children = [];
+  if (ribbon$1) {
+    children.push(
+      ribbon({
+        element: ribbon$1,
+        elementStyles: {
+          siblingAfter: {
+            marginTop: Styles.token.spacing.sm
+          }
+        }
+      })
+    );
+  }
+  if (compositeHeadline) {
+    children.push(compositeHeadline);
+  }
+  if (headline && !compositeHeadline) {
+    children.push(
+      sansLargest({
+        element: headline,
+        elementStyles: {
+          element: {
+            color: `${Styles.token.color.black}`,
+            fontWeight: 800,
+            textTransform: "uppercase",
+            textWrap: "balance",
+            [`${BREAKPOINTS.large}`]: {
+              maxWidth: "90%"
+            }
+          },
+          siblingAfter: {
+            marginTop: Styles.token.spacing.sm
+          }
+        }
+      })
+    );
+  }
+  if (eventDetails) {
+    children.push(
+      createDiv({
+        className: "text-lockup-medium-event-details",
+        children: [eventDetails],
+        elementStyles: {
+          siblingAfter: {
+            marginTop: Styles.token.spacing.md
+          }
+        }
+      })
+    );
+  }
+  if (text) {
+    children.push(
+      advanced({
+        element: text,
+        elementStyles: {
+          siblingAfter: {
+            marginTop: Styles.token.spacing.md
+          }
+        },
+        isThemeDark: isThemeDark || isThemeMaryland || false
+      })
+    );
+  }
+  if (compositeStats) {
+    children.push(compositeStats);
+  }
+  if (actions) {
+    children.push(
+      gridStacked({
+        element: actions,
+        elementStyles: {
+          element: {
+            marginTop: Styles.token.spacing.md,
+            [`${BREAKPOINTS.large}`]: {
+              marginTop: Styles.token.spacing.lg
+            }
+          }
+        }
+      })
+    );
+  }
+  return createDiv({
+    className: "text-lockup-medium",
+    children,
+    elementStyles: {
+      element: {
+        zIndex: "9",
+        position: "relative"
+      }
+    }
+  });
+};
+export {
+  medium as default
+};
+//# sourceMappingURL=medium.mjs.map

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

@@ -0,0 +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;"}

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

@@ -1,4 +1,4 @@
-import { type PersonTextLockupProps } from '../_types';
+import { PersonTextLockupProps } from '../_types';
 declare const _default: ({ actions, association, isThemeDark, job, name, nameComposite, pronouns, subText, }: PersonTextLockupProps) => {
     element: HTMLElement;
     className: string;

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":"AAGA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,WAAW,CAAC;8GAWpD,qBAAqB;;;;;AATxB,wBA2IE"}
+{"version":3,"file":"person.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/person.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,WAAW,CAAC;yBAEvC,qFASb,qBAAqB;;;;;AATxB,wBA2IE"}

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

@@ -0,0 +1,153 @@
+"use strict";
+const Styles = require("@universityofmaryland/web-styles-library");
+const index = require("../../model/elements/index.js");
+const headline = require("../../model/elements/headline.js");
+const layout = require("../../model/elements/layout.js");
+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 Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+const person = ({
+  actions,
+  association,
+  isThemeDark,
+  job,
+  name,
+  nameComposite,
+  pronouns,
+  subText
+}) => {
+  let children = [];
+  if (nameComposite && !name) {
+    children.push(nameComposite);
+  }
+  if (name) {
+    children.push(
+      headline.sansLarger({
+        element: name,
+        elementStyles: {
+          element: {
+            fontWeight: "700",
+            color: `${Styles__namespace.token.color.black}`,
+            [`& + *`]: {
+              marginTop: "4px"
+            }
+          },
+          subElement: {
+            color: "currentColor"
+          }
+        },
+        isThemeDark
+      })
+    );
+  }
+  if (job) {
+    children.push(
+      headline.sansSmall({
+        element: job,
+        elementStyles: {
+          element: {
+            lineHeight: `1.25em`
+          },
+          subElement: {
+            color: "currentColor"
+          }
+        },
+        isThemeDark
+      })
+    );
+  }
+  if (association) {
+    children.push(
+      headline.sansSmall({
+        element: association,
+        elementStyles: {
+          element: {
+            lineHeight: "1.2em",
+            display: "block",
+            color: `${Styles__namespace.token.color.gray.dark}`,
+            [`& + *`]: {
+              marginTop: "4px"
+            },
+            [`& a:hover, a:focus`]: {
+              textDecoration: "underline"
+            }
+          },
+          subElement: {
+            color: "currentColor"
+          }
+        },
+        isThemeDark
+      })
+    );
+  }
+  if (pronouns) {
+    pronouns.innerHTML = `<i>${pronouns.innerHTML}</i>`;
+    children.push(
+      headline.sansSmall({
+        element: pronouns,
+        elementStyles: {
+          element: {
+            [`& + *`]: {
+              marginTop: "4px"
+            }
+          },
+          subElement: {
+            color: "currentColor"
+          }
+        },
+        isThemeDark
+      })
+    );
+  }
+  if (subText) {
+    children.push(
+      headline.sansSmall({
+        element: subText,
+        elementStyles: {
+          siblingAfter: {
+            marginTop: "4px"
+          }
+        },
+        isThemeDark
+      })
+    );
+  }
+  if (actions) {
+    children.push(
+      layout.gridInlineTabletRows({
+        element: actions,
+        elementStyles: {
+          element: {
+            marginTop: Styles__namespace.token.spacing.sm
+          }
+        }
+      })
+    );
+  }
+  return index.createDiv({
+    className: "text-lockup-person-container",
+    children,
+    elementStyles: {
+      element: {
+        zIndex: "9",
+        position: "relative"
+      }
+    }
+  });
+};
+module.exports = person;
+//# sourceMappingURL=person.js.map

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

@@ -0,0 +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;;"}

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

@@ -0,0 +1,137 @@
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { createDiv } from "../../model/elements/index.mjs";
+import { sansLarger, sansSmall } from "../../model/elements/headline.mjs";
+import { gridInlineTabletRows } from "../../model/elements/layout.mjs";
+const person = ({
+  actions,
+  association,
+  isThemeDark,
+  job,
+  name,
+  nameComposite,
+  pronouns,
+  subText
+}) => {
+  let children = [];
+  if (nameComposite && !name) {
+    children.push(nameComposite);
+  }
+  if (name) {
+    children.push(
+      sansLarger({
+        element: name,
+        elementStyles: {
+          element: {
+            fontWeight: "700",
+            color: `${Styles.token.color.black}`,
+            [`& + *`]: {
+              marginTop: "4px"
+            }
+          },
+          subElement: {
+            color: "currentColor"
+          }
+        },
+        isThemeDark
+      })
+    );
+  }
+  if (job) {
+    children.push(
+      sansSmall({
+        element: job,
+        elementStyles: {
+          element: {
+            lineHeight: `1.25em`
+          },
+          subElement: {
+            color: "currentColor"
+          }
+        },
+        isThemeDark
+      })
+    );
+  }
+  if (association) {
+    children.push(
+      sansSmall({
+        element: association,
+        elementStyles: {
+          element: {
+            lineHeight: "1.2em",
+            display: "block",
+            color: `${Styles.token.color.gray.dark}`,
+            [`& + *`]: {
+              marginTop: "4px"
+            },
+            [`& a:hover, a:focus`]: {
+              textDecoration: "underline"
+            }
+          },
+          subElement: {
+            color: "currentColor"
+          }
+        },
+        isThemeDark
+      })
+    );
+  }
+  if (pronouns) {
+    pronouns.innerHTML = `<i>${pronouns.innerHTML}</i>`;
+    children.push(
+      sansSmall({
+        element: pronouns,
+        elementStyles: {
+          element: {
+            [`& + *`]: {
+              marginTop: "4px"
+            }
+          },
+          subElement: {
+            color: "currentColor"
+          }
+        },
+        isThemeDark
+      })
+    );
+  }
+  if (subText) {
+    children.push(
+      sansSmall({
+        element: subText,
+        elementStyles: {
+          siblingAfter: {
+            marginTop: "4px"
+          }
+        },
+        isThemeDark
+      })
+    );
+  }
+  if (actions) {
+    children.push(
+      gridInlineTabletRows({
+        element: actions,
+        elementStyles: {
+          element: {
+            marginTop: Styles.token.spacing.sm
+          }
+        }
+      })
+    );
+  }
+  return createDiv({
+    className: "text-lockup-person-container",
+    children,
+    elementStyles: {
+      element: {
+        zIndex: "9",
+        position: "relative"
+      }
+    }
+  });
+};
+export {
+  person as default
+};
+//# sourceMappingURL=person.mjs.map

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

@@ -0,0 +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;"}

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

@@ -1,18 +1,18 @@
+import { UMDElement } from '../../_types';
 export type TypeTextLockupSmallScaling = {
-    headline?: HTMLElement | null;
-    eyebrow?: HTMLElement | null;
-    text?: HTMLElement | null;
-    date?: HTMLElement | null;
     actions?: HTMLElement | null;
-    eventMeta?: {
-        element: HTMLElement;
-        styles: string;
-    };
-    isThemeDark?: boolean;
+    customStyles?: Record<string, string>;
+    date?: HTMLElement | null;
+    eventMeta?: UMDElement;
+    eyebrow?: HTMLElement | null;
     hasEyebrowRibbon?: boolean;
+    headline?: HTMLElement | null;
+    isThemeDark?: boolean;
+    text?: HTMLElement | null;
 };
-declare const _default: (props: TypeTextLockupSmallScaling) => {
-    element: HTMLDivElement;
+declare const _default: ({ actions, customStyles, date, eventMeta, eyebrow, hasEyebrowRibbon, headline, isThemeDark, text, }: TypeTextLockupSmallScaling) => {
+    element: HTMLElement;
+    className: string;
     styles: string;
 };
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"small-scaling.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/small-scaling.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,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;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;gCAUqB,0BAA0B;;;;AAAjD,wBA0EE"}
+{"version":3,"file":"small-scaling.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/small-scaling.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC3B,CAAC;yBAEc,qGAUb,0BAA0B;;;;;AAV7B,wBAsEE"}