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

package/dist/atomic/layout/person/columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"columns.js","sources":["../../../../source/atomic/layout/person/columns.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport { createMediaQuery } from '@universityofmaryland/web-utilities-library/styles';\nimport { assets, textLockup } from 'atomic';\nimport {\n  type PersonContactPropsWithStyles,\n  type PersonTextLockupPropsWithStyles,\n  type PersonFullProps,\n} from '../../_types';\n\nconst smallBreakpoint = token.media.breakpointValues.small.max;\nconst mediumBreakpointStart = token.media.breakpointValues.medium.min;\nconst mediumBreakpoint = token.media.breakpointValues.large.min;\n\nexport const image = ({\n  customStyles,\n  image,\n  isThemeDark,\n}: {\n  customStyles?: Record<string, any>;\n  image: HTMLImageElement;\n  isThemeDark?: boolean;\n}) => {\n  const backgroundImage = assets.image.background({\n    element: image,\n    isScaled: false,\n  });\n\n  return new ElementBuilder()\n    .withClassName('person-column-image')\n    .withStyles({\n      element: {\n        ...createMediaQuery('max-width', smallBreakpoint, {\n          marginBottom: `${token.spacing.md}`,\n          backgroundColor: `${token.color.gray.lighter}`,\n          display: 'flex',\n          justifyContent: 'center',\n\n          ...(isThemeDark && {\n            ...createMediaQuery('max-width', smallBreakpoint, {\n              backgroundColor: `${token.color.gray.darker}`,\n            }),\n          }),\n        }),\n\n        ...createMediaQuery('min-width', mediumBreakpointStart, {\n          display: 'block',\n          width: '96px',\n          paddingRight: `${token.spacing.md}`,\n          alignSelf: 'flex-start',\n        }),\n\n        ...customStyles,\n\n        '& img, & svg': {\n          ...createMediaQuery('max-width', smallBreakpoint, {\n            height: 'auto !important',\n            width: '140px',\n          }),\n        },\n      },\n    })\n    .withChild(backgroundImage)\n    .build();\n};\n\nconst personLockup = ({\n  actions,\n  association,\n  isThemeDark,\n  job,\n  name,\n  nameComposite,\n  pronouns,\n  subText,\n}: PersonTextLockupPropsWithStyles) =>\n  textLockup.person({\n    actions,\n    name,\n    nameComposite,\n    job,\n    association,\n    pronouns,\n    subText,\n    isThemeDark,\n  });\n\nexport const details = (props: PersonTextLockupPropsWithStyles) => {\n  const { customStyles = {} } = props;\n  const lockup = personLockup(props);\n\n  return new ElementBuilder()\n    .withClassName('person-column-details')\n    .withStyles({\n      element: {\n        flex: '1 0',\n        ...customStyles,\n      },\n    })\n    .withChild(lockup)\n    .build();\n};\n\nconst contactLockup = ({\n  actions,\n  additionalContact,\n  address,\n  email,\n  isThemeDark,\n  linkendIn,\n  phone,\n}: PersonContactPropsWithStyles) =>\n  textLockup.contact({\n    actions,\n    additionalContact,\n    address,\n    email,\n    isThemeDark,\n    linkendIn,\n    phone,\n  });\n\nexport const contact = (props: PersonContactPropsWithStyles) => {\n  const { customStyles = {} } = props;\n  const lockup = contactLockup(props);\n\n  return new ElementBuilder()\n    .withClassName('person-column-contact')\n    .withStyles({\n      element: {\n        marginTop: `${token.spacing.sm}`,\n\n        ...createMediaQuery('min-width', mediumBreakpointStart, {\n          paddingLeft: `${token.spacing.md}`,\n        }),\n\n        ...createMediaQuery('min-width', mediumBreakpoint, {\n          width: '30%',\n        }),\n\n        ...customStyles,\n      },\n    })\n    .withChild(lockup)\n    .build();\n};\n\nexport const information = ({\n  actions,\n  additionalContact,\n  address,\n  association,\n  customStyles = {},\n  email,\n  isThemeDark,\n  job,\n  linkendIn,\n  name,\n  phone,\n  pronouns,\n  subText,\n}: PersonFullProps) => {\n  const person = personLockup({\n    association,\n    isThemeDark,\n    job,\n    name,\n    pronouns,\n    subText,\n  });\n\n  const contact = contactLockup({\n    actions,\n    additionalContact,\n    address,\n    email,\n    isThemeDark,\n    linkendIn,\n    phone,\n  });\n\n  return new ElementBuilder()\n    .withClassName('person-column-information')\n    .withStyles({\n      element: {\n        ...customStyles,\n      },\n    })\n    .withChildren(person, contact)\n    .build();\n};\n"],"names":["token","image","assets.image.background","ElementBuilder","createMediaQuery","textLockup.person","textLockup.contact","person","contact"],"mappings":"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"}
+{"version":3,"file":"columns.js","sources":["../../../../source/atomic/layout/person/columns.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport { createMediaQuery } from '@universityofmaryland/web-utilities-library/styles';\nimport { assets, textLockup } from 'atomic';\nimport {\n  type PersonContactPropsWithStyles,\n  type PersonTextLockupPropsWithStyles,\n  type PersonFullProps,\n} from '../../_types';\n\nconst smallBreakpoint = token.media.breakpointValues.small.max;\nconst mediumBreakpointStart = token.media.breakpointValues.medium.min;\nconst mediumBreakpoint = token.media.breakpointValues.large.min;\n\nexport const image = ({\n  customStyles,\n  image,\n  isThemeDark,\n}: {\n  customStyles?: Record<string, any>;\n  image: HTMLImageElement | HTMLAnchorElement;\n  isThemeDark?: boolean;\n}) => {\n  const backgroundImage = assets.image.background({\n    element: image,\n    isScaled: false,\n  });\n\n  return new ElementBuilder()\n    .withClassName('person-column-image')\n    .withStyles({\n      element: {\n        ...createMediaQuery('max-width', smallBreakpoint, {\n          marginBottom: `${token.spacing.md}`,\n          backgroundColor: `${token.color.gray.lighter}`,\n          display: 'flex',\n          justifyContent: 'center',\n\n          ...(isThemeDark && {\n            ...createMediaQuery('max-width', smallBreakpoint, {\n              backgroundColor: `${token.color.gray.darker}`,\n            }),\n          }),\n        }),\n\n        ...createMediaQuery('min-width', mediumBreakpointStart, {\n          display: 'block',\n          width: '96px',\n          minWidth: '96px',\n          paddingRight: `${token.spacing.md}`,\n          alignSelf: 'flex-start',\n        }),\n\n        ...customStyles,\n\n        '& img, & svg': {\n          ...createMediaQuery('max-width', smallBreakpoint, {\n            height: 'auto !important',\n            width: '140px',\n            minWidth: '140px',\n          }),\n        },\n      },\n    })\n    .withChild(backgroundImage)\n    .build();\n};\n\nconst personLockup = ({\n  actions,\n  association,\n  isThemeDark,\n  job,\n  name,\n  nameComposite,\n  pronouns,\n  subText,\n}: PersonTextLockupPropsWithStyles) =>\n  textLockup.person({\n    actions,\n    name,\n    nameComposite,\n    job,\n    association,\n    pronouns,\n    subText,\n    isThemeDark,\n  });\n\nexport const details = (props: PersonTextLockupPropsWithStyles) => {\n  const { customStyles = {} } = props;\n  const lockup = personLockup(props);\n\n  return new ElementBuilder()\n    .withClassName('person-column-details')\n    .withStyles({\n      element: {\n        flex: '1 0',\n        ...customStyles,\n      },\n    })\n    .withChild(lockup)\n    .build();\n};\n\nconst contactLockup = ({\n  actions,\n  additionalContact,\n  address,\n  email,\n  isThemeDark,\n  linkedin,\n  phone,\n}: PersonContactPropsWithStyles) =>\n  textLockup.contact({\n    actions,\n    additionalContact,\n    address,\n    email,\n    isThemeDark,\n    linkedin,\n    phone,\n  });\n\nexport const contact = (props: PersonContactPropsWithStyles) => {\n  const { customStyles = {} } = props;\n  const lockup = contactLockup(props);\n\n  return new ElementBuilder()\n    .withClassName('person-column-contact')\n    .withStyles({\n      element: {\n        marginTop: `${token.spacing.sm}`,\n\n        ...createMediaQuery('min-width', mediumBreakpointStart, {\n          paddingLeft: `${token.spacing.md}`,\n        }),\n\n        ...createMediaQuery('min-width', mediumBreakpoint, {\n          width: '30%',\n        }),\n\n        ...customStyles,\n      },\n    })\n    .withChild(lockup)\n    .build();\n};\n\nexport const information = ({\n  actions,\n  additionalContact,\n  address,\n  association,\n  customStyles = {},\n  email,\n  isThemeDark,\n  job,\n  linkedin,\n  name,\n  phone,\n  pronouns,\n  subText,\n}: PersonFullProps) => {\n  const person = personLockup({\n    association,\n    isThemeDark,\n    job,\n    name,\n    pronouns,\n    subText,\n  });\n\n  const contact = contactLockup({\n    actions,\n    additionalContact,\n    address,\n    email,\n    isThemeDark,\n    linkedin,\n    phone,\n  });\n\n  return new ElementBuilder()\n    .withClassName('person-column-information')\n    .withStyles({\n      element: {\n        ...customStyles,\n      },\n    })\n    .withChildren(person, contact)\n    .build();\n};\n"],"names":["image","assets.image.background","textLockup.person","textLockup.contact","contact"],"mappings":"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"}

package/dist/atomic/layout/person/index.js

@@ -1,5 +1,5 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const columns = require("./columns.js");
-exports.columns = columns;
+import * as columns from "./columns.js";
+export {
+  columns
+};
 //# sourceMappingURL=index.js.map

package/dist/atomic/layout/person/index.js.map

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

package/dist/atomic/text/index.d.ts

@@ -1,2 +1,2 @@
-export { default as stat } from './stat';
+export { createStat as stat } from './stat';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/atomic/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/atomic/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/atomic/text/index.js

@@ -1,5 +1,5 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const stat = require("./stat.js");
-exports.stat = stat;
+import { createStat } from "./stat.js";
+export {
+  createStat as stat
+};
 //# sourceMappingURL=index.js.map

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

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

package/dist/atomic/text/stat.d.ts

@@ -7,6 +7,5 @@ export interface StatProps {
     text?: HTMLElement;
     subText?: HTMLElement;
 }
-declare const _default: (props: StatProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
-export default _default;
+export declare const createStat: (props: StatProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
 //# sourceMappingURL=stat.d.ts.map

package/dist/atomic/text/stat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stat.d.ts","sourceRoot":"","sources":["../../../source/atomic/text/stat.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,SAAS;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;yBA2Me,OAAO,SAAS;AAAhC,wBAYE"}
+{"version":3,"file":"stat.d.ts","sourceRoot":"","sources":["../../../source/atomic/text/stat.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,SAAS;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AA2MD,eAAO,MAAM,UAAU,GAAI,OAAO,SAAS,kFAY1C,CAAC"}

package/dist/atomic/text/stat.js

@@ -1,28 +1,9 @@
-"use strict";
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const token = require("@universityofmaryland/web-token-library");
-const elementStyles = require("@universityofmaryland/web-styles-library/element");
-const typography = require("@universityofmaryland/web-styles-library/typography");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
-const elementStyles__namespace = /* @__PURE__ */ _interopNamespaceDefault(elementStyles);
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import * as token from "@universityofmaryland/web-token-library";
+import * as elementStyles from "@universityofmaryland/web-styles-library/element";
+import { sans, stats } from "@universityofmaryland/web-styles-library/typography";
 const BLOCK_TEXTURE = `<svg id="stat_block-texture" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" ><defs><style>.cls-1{opacity:.02;}.cls-1,.cls-2{fill:#454545;fill-rule:evenodd;isolation:isolate;stroke-width:0px;}.cls-2{opacity:.04;}</style></defs><path class="cls-1" d="M109.49,0H0v63.18l181.67,182.32L0,427.82v63.18h109.49l244.61-245.5L109.49,0Z"/><path class="cls-2" d="M108.94,0h172.44l244.61,245.5-244.61,245.5H108.94l244.61-245.5L108.94,0ZM0,179.11l58.16-58.29L0,62.54v116.57Z"/></svg>`;
-const createStat = ({
+const createStatElement = ({
   stat: statElement,
   isThemeDark,
   isSizeLarge
@@ -35,8 +16,8 @@ const createStat = ({
     console.error("Stat text is too long. Please limit to 6 characters.");
     statElement.textContent = rawText.slice(0, 6);
   }
-  return new webBuilderLibrary.ElementBuilder(statElement).withClassName("stat-display").styled(
-    typography.stats.compose(isSizeLarge ? "large" : "medium", {
+  return new ElementBuilder(statElement).withClassName("stat-display").styled(
+    stats.compose(isSizeLarge ? "large" : "medium", {
       theme: isThemeDark ? "dark" : "light"
     })
   ).withStyles({
@@ -46,20 +27,20 @@ const createStat = ({
         color: "currentColor",
         WebkitFontSmoothing: "antialiased"
       },
-      [`& + *`]: { marginTop: token__namespace.spacing.min }
+      [`& + *`]: { marginTop: token.spacing.min }
     },
-    siblingAfter: { marginTop: token__namespace.spacing.min }
+    siblingAfter: { marginTop: token.spacing.min }
   }).build();
 };
 const createSubtext = (props) => {
   const { subText, isThemeDark, isSizeLarge } = props;
   if (!subText) return;
-  const fontStyle = isSizeLarge ? typography.sans.small : typography.sans.min;
-  return new webBuilderLibrary.ElementBuilder(subText).withClassName("stat-sub-text").styled(fontStyle).withStyles({
+  const fontStyle = isSizeLarge ? sans.small : sans.min;
+  return new ElementBuilder(subText).withClassName("stat-sub-text").styled(fontStyle).withStyles({
     element: {
-      marginTop: token__namespace.spacing.min,
-      color: token__namespace.color.gray.mediumAA,
-      ...isThemeDark && { color: token__namespace.color.gray.light },
+      marginTop: token.spacing.min,
+      color: token.color.gray.mediumAA,
+      ...isThemeDark && { color: token.color.gray.light },
       ["& *"]: {
         color: "currentColor"
       }
@@ -69,34 +50,34 @@ const createSubtext = (props) => {
 const createText = (props) => {
   const { text, isThemeDark, isSizeLarge } = props;
   if (!text) return;
-  const styles = elementStyles__namespace.text.rich.composeSimple({
+  const styles = elementStyles.text.rich.composeSimple({
     size: isSizeLarge ? "largest" : "large",
     theme: isThemeDark ? "dark" : "light"
   });
-  const marginTop = isSizeLarge ? token__namespace.spacing.md : token__namespace.spacing.min;
-  return new webBuilderLibrary.ElementBuilder(text).styled(styles).withStyles({
+  const marginTop = isSizeLarge ? token.spacing.md : token.spacing.min;
+  return new ElementBuilder(text).styled(styles).withStyles({
     siblingAfter: { marginTop }
   }).build();
 };
 const createWrapper = (props) => {
-  const { isThemeDark, hasLine, isSizeLarge, stat: stat2, text, subText } = props;
+  const { isThemeDark, hasLine, isSizeLarge, stat, text, subText } = props;
   const subTextElement = createSubtext({ subText, isThemeDark, isSizeLarge });
   const textElement = createText({ text, isThemeDark, isSizeLarge });
-  const statElement = createStat({ stat: stat2, isThemeDark, isSizeLarge });
+  const statElement = createStatElement({ stat, isThemeDark, isSizeLarge });
   const isDark = isThemeDark;
-  const wrapper = new webBuilderLibrary.ElementBuilder().withClassName("stat-wrapper").withStyles({
+  const wrapper = new ElementBuilder().withClassName("stat-wrapper").withStyles({
     element: {
       maxWidth: "720px",
       position: "relative",
       ...hasLine && {
-        paddingLeft: token__namespace.spacing.md,
-        borderLeft: `2px solid ${token__namespace.color.gold}`,
+        paddingLeft: token.spacing.md,
+        borderLeft: `2px solid ${token.color.gold}`,
         [`@container umd-element-stat (min-width: 400px)`]: {
-          paddingLeft: token__namespace.spacing.xl
+          paddingLeft: token.spacing.xl
         }
       },
       ...isDark && {
-        [`& .stat-sub-text`]: { color: token__namespace.color.gray.light }
+        [`& .stat-sub-text`]: { color: token.color.gray.light }
       }
     }
   });
@@ -114,21 +95,21 @@ const createWrapper = (props) => {
 const createDisplayBlock = (props) => {
   const { isDisplayBlock, wrapperElement } = props;
   if (!isDisplayBlock) return null;
-  return new webBuilderLibrary.ElementBuilder().withClassName("stat-display-block").withStyles({
+  return new ElementBuilder().withClassName("stat-display-block").withStyles({
     element: {
-      padding: `${token__namespace.spacing.lg} ${token__namespace.spacing.sm}`,
-      borderTop: `2px solid ${token__namespace.color.red}`,
-      backgroundColor: `${token__namespace.color.gray.lightest}`,
+      padding: `${token.spacing.lg} ${token.spacing.sm}`,
+      borderTop: `2px solid ${token.color.red}`,
+      backgroundColor: `${token.color.gray.lightest}`,
       position: "relative",
       overflow: "hidden",
       height: `100%`,
       display: `flex`,
       alignItems: `center`,
-      [`@media (min-width: ${token__namespace.media.breakpoints.large.min})`]: {
-        padding: token__namespace.spacing.lg
+      [`@media (min-width: ${token.media.breakpoints.large.min})`]: {
+        padding: token.spacing.lg
       },
-      [`@media (min-width: ${token__namespace.media.breakpoints.highDef.min})`]: {
-        padding: `${token__namespace.spacing["2xl"]} ${token__namespace.spacing["3xl"]}`
+      [`@media (min-width: ${token.media.breakpoints.highDef.min})`]: {
+        padding: `${token.spacing["2xl"]} ${token.spacing["3xl"]}`
       },
       [`& > svg`]: {
         position: "absolute",
@@ -143,7 +124,7 @@ const createDisplayBlock = (props) => {
   }).withChild(wrapperElement).build();
 };
 const createContainer = (containerChild) => {
-  const container = new webBuilderLibrary.ElementBuilder().withClassName("stat-container").withStyles({
+  const container = new ElementBuilder().withClassName("stat-container").withStyles({
     element: {
       containerType: `inline-size`,
       height: `inherit`
@@ -154,7 +135,7 @@ const createContainer = (containerChild) => {
   }
   return container.build();
 };
-const stat = (props) => {
+const createStat = (props) => {
   const wrapperElement = createWrapper(props);
   if (props.isDisplayBlock) {
     const blockElement = createDisplayBlock({
@@ -165,5 +146,7 @@ const stat = (props) => {
   }
   return createContainer(wrapperElement);
 };
-module.exports = stat;
+export {
+  createStat
+};
 //# sourceMappingURL=stat.js.map

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

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

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

@@ -1,4 +1,3 @@
 import { PersonContactProps } from '../_types';
-declare const _default: ({ actions, address, email, isThemeDark, linkendIn, phone, }: PersonContactProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
-export default _default;
+export declare const createTextLockupContact: ({ actions, address, email, isThemeDark, linkedin, phone, }: PersonContactProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
 //# sourceMappingURL=contact.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"contact.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/contact.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAC;yBA4FpC,6DAOb,kBAAkB;AAPrB,wBA8EE"}
+{"version":3,"file":"contact.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/contact.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAC;AA4FpD,eAAO,MAAM,uBAAuB,GAAI,4DAOrC,kBAAkB,kFAuEpB,CAAC"}

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

@@ -1,40 +1,19 @@
-"use strict";
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const token = require("@universityofmaryland/web-token-library");
-const typography = require("@universityofmaryland/web-styles-library/typography");
-const layout = require("@universityofmaryland/web-styles-library/layout");
-const elementStyles = require("@universityofmaryland/web-styles-library/element");
-const theme = require("@universityofmaryland/web-utilities-library/theme");
-const communication = require("@universityofmaryland/web-icons-library/communication");
-const location = require("@universityofmaryland/web-icons-library/location");
-const social = require("@universityofmaryland/web-icons-library/social");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
-const typography__namespace = /* @__PURE__ */ _interopNamespaceDefault(typography);
-const layout__namespace = /* @__PURE__ */ _interopNamespaceDefault(layout);
-const elementStyles__namespace = /* @__PURE__ */ _interopNamespaceDefault(elementStyles);
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import * as token from "@universityofmaryland/web-token-library";
+import * as typography from "@universityofmaryland/web-styles-library/typography";
+import * as layout from "@universityofmaryland/web-styles-library/layout";
+import * as elementStyles from "@universityofmaryland/web-styles-library/element";
+import { theme } from "@universityofmaryland/web-utilities-library/theme";
+import { phone, email } from "@universityofmaryland/web-icons-library/communication";
+import { pin } from "@universityofmaryland/web-icons-library/location";
+import { linkedin } from "@universityofmaryland/web-icons-library/social";
 const makeIcon = ({
   icon,
   isThemeDark
 }) => {
-  return new webBuilderLibrary.ElementBuilder("span").withHTML(icon).styled(
-    elementStyles__namespace.action.icon.composeIcon({
-      theme: theme.theme.variant(isThemeDark)
+  return new ElementBuilder("span").withHTML(icon).styled(
+    elementStyles.action.icon.composeIcon({
+      theme: theme.variant(isThemeDark)
     })
   ).build();
 };
@@ -42,13 +21,13 @@ const makeText = ({
   text,
   isThemeDark
 }) => {
-  return new webBuilderLibrary.ElementBuilder("span").withHTML(text).styled(
-    typography__namespace.sans.compose("smaller", {
-      theme: theme.theme.fontColor(isThemeDark)
+  return new ElementBuilder("span").withHTML(text).styled(
+    typography.sans.compose("smaller", {
+      theme: theme.fontColor(isThemeDark)
     })
   ).withStyles({
     element: {
-      ...!isThemeDark && { color: `${token__namespace.color.gray.dark}` }
+      ...!isThemeDark && { color: `${token.color.gray.dark}` }
     }
   }).build();
 };
@@ -57,7 +36,7 @@ const makeContactLink = ({
   icon,
   isThemeDark
 }) => {
-  const isLink = element.getAttribute("href") && icon !== location.pin;
+  const isLink = element.getAttribute("href") && icon !== pin;
   const textSpan = makeText({ text: element.innerHTML, isThemeDark });
   const iconSpan = makeIcon({ icon, isThemeDark });
   const containerStyles = {
@@ -67,7 +46,7 @@ const makeContactLink = ({
       [`&a:hover, &a:focus`]: {
         textDecoration: "underline",
         ...isThemeDark && {
-          color: `${token__namespace.color.white}`
+          color: `${token.color.white}`
         }
       }
     }
@@ -75,64 +54,66 @@ const makeContactLink = ({
   if (isLink) {
     const ariaLabel = element.getAttribute("aria-label");
     const href = element.getAttribute("href") || "";
-    const linkBuilder = new webBuilderLibrary.ElementBuilder("a").styled(layout__namespace.grid.inline.row).withStyles(containerStyles).withChildren(iconSpan, textSpan).withAttribute("href", href);
+    const linkBuilder = new ElementBuilder("a").styled(layout.grid.inline.row).withStyles(containerStyles).withChildren(iconSpan, textSpan).withAttribute("href", href);
     if (ariaLabel) {
       linkBuilder.withAttribute("aria-label", ariaLabel);
     }
     return linkBuilder.build();
   }
-  return new webBuilderLibrary.ElementBuilder().styled(layout__namespace.grid.inline.row).withStyles(containerStyles).withChildren(iconSpan, textSpan).build();
+  return new ElementBuilder().styled(layout.grid.inline.row).withStyles(containerStyles).withChildren(iconSpan, textSpan).build();
 };
-const contact = ({
+const createTextLockupContact = ({
   actions,
   address,
-  email,
+  email: email$1,
   isThemeDark,
-  linkendIn,
-  phone
+  linkedin: linkedin$1,
+  phone: phone$1
 }) => {
-  const container = new webBuilderLibrary.ElementBuilder().withClassName("text-lockup-contact").withStyles({
+  const container = new ElementBuilder().withClassName("text-lockup-contact").withStyles({
     element: {
-      marginTop: `${token__namespace.spacing.sm}`
+      marginTop: `${token.spacing.sm}`
     }
   });
-  if (phone) {
-    const phoneElement = new webBuilderLibrary.ElementBuilder().withClassName("text-lockup-contact-phone").withChild(
-      makeContactLink({ element: phone, icon: communication.phone, isThemeDark })
+  if (phone$1) {
+    const phoneElement = new ElementBuilder().withClassName("text-lockup-contact-phone").withChild(
+      makeContactLink({ element: phone$1, icon: phone, isThemeDark })
     ).build();
     container.withChild(phoneElement);
   }
-  if (email) {
-    const emailElement = new webBuilderLibrary.ElementBuilder().withClassName("text-lockup-contact-email").withChild(
-      makeContactLink({ element: email, icon: communication.email, isThemeDark })
+  if (email$1) {
+    const emailElement = new ElementBuilder().withClassName("text-lockup-contact-email").withChild(
+      makeContactLink({ element: email$1, icon: email, isThemeDark })
     ).build();
     container.withChild(emailElement);
   }
-  if (linkendIn) {
-    const linkedInElement = new webBuilderLibrary.ElementBuilder().withClassName("text-lockup-contact-linkedin").withChild(
+  if (linkedin$1) {
+    const linkedInElement = new ElementBuilder().withClassName("text-lockup-contact-linkedin").withChild(
       makeContactLink({
-        element: linkendIn,
-        icon: social.linkedin,
+        element: linkedin$1,
+        icon: linkedin,
         isThemeDark
       })
     ).build();
     container.withChild(linkedInElement);
   }
   if (address) {
-    const addressElement = new webBuilderLibrary.ElementBuilder().withClassName("text-lockup-contact-address").withChild(
-      makeContactLink({ element: address, icon: location.pin, isThemeDark })
+    const addressElement = new ElementBuilder().withClassName("text-lockup-contact-address").withChild(
+      makeContactLink({ element: address, icon: pin, isThemeDark })
     ).build();
     container.withChild(addressElement);
   }
   if (actions) {
-    const actionsElement = new webBuilderLibrary.ElementBuilder(actions).styled(layout__namespace.grid.inline.tabletRows).withStyles({
+    const actionsElement = new ElementBuilder(actions).styled(layout.grid.inline.tabletRows).withStyles({
       element: {
-        marginTop: token__namespace.spacing.sm
+        marginTop: token.spacing.sm
       }
     }).build();
     container.withChild(actionsElement);
   }
   return container.build();
 };
-module.exports = contact;
+export {
+  createTextLockupContact
+};
 //# sourceMappingURL=contact.js.map

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

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

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

@@ -6,9 +6,9 @@ type TypeEventLockupDate = {
     };
     isThemeDark?: boolean;
 };
-declare const _default: (props: TypeEventLockupDate) => {
+export declare const createTextLockupDate: (props: TypeEventLockupDate) => {
     element: HTMLDivElement;
     styles: string;
 };
-export default _default;
+export {};
 //# sourceMappingURL=date.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/date.ts"],"names":[],"mappings":"AAOA,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;yBAqEc,OAAO,mBAAmB;;;;AAA1C,wBA0BE"}
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/date.ts"],"names":[],"mappings":"AAOA,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAqEF,eAAO,MAAM,oBAAoB,GAAI,OAAO,mBAAmB;;;CA0B9D,CAAC"}