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

package/dist/composite/pathway/sticky.js.map

@@ -1 +1 @@
-{"version":3,"file":"sticky.js","sources":["../../../source/composite/pathway/sticky.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as layout from '@universityofmaryland/web-styles-library/layout';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { createAssetContent, createTextLockupMedium } from './_common';\nimport { type PathwayStickyProps } from './_types';\nimport { type ElementModel } from '../../_types';\n\nconst mediumSize = 800;\nconst largeSize = 1200;\n\nconst createAssetColumn = (\n  props: Pick<\n    PathwayStickyProps,\n    | 'dateSign'\n    | 'isThemeDark'\n    | 'image'\n    | 'video'\n    | 'isImagePositionLeft'\n    | 'isImageScaled'\n  >,\n): ElementModel<HTMLElement> | null => {\n  const { image, video, isImagePositionLeft, isImageScaled } = props;\n\n  if (!image && !video) return null;\n\n  return new ElementBuilder()\n    .withClassName('pathway-image-container')\n    .withChild(createAssetContent(props))\n    .withStyles({\n      element: {\n        position: 'sticky',\n        top: '0',\n        alignSelf: 'flex-start',\n        height: '100%',\n\n        ...(isImageScaled === false && {\n          display: 'flex',\n          justifyContent: 'center',\n        }),\n\n        [`@container (max-width: ${mediumSize - 1}px)`]: {\n          position: 'relative',\n          display: 'grid',\n          minHeight: '56vw',\n        },\n\n        [`@container (min-width: ${mediumSize}px)`]: {\n          position: 'sticky',\n          top: '0',\n          alignSelf: 'flex-start',\n\n          ...(isImagePositionLeft === false && {\n            order: '2',\n          }),\n        },\n\n        [`@container (min-width: ${largeSize}px)`]: {\n          [`& img`]: {\n            minHeight: '656px',\n          },\n        },\n      },\n    })\n    .build();\n};\n\nconst createTextContent = (\n  props: PathwayStickyProps,\n): ElementModel<HTMLElement> => {\n  const wrapper = new ElementBuilder()\n    .withClassName('pathway-text-container-wrapper')\n    .withChild(createTextLockupMedium(props))\n    .withStyles({\n      element: {\n        padding: `${token.spacing.md} 0`,\n\n        [`@container (max-width: ${mediumSize - 1}px)`]: {\n          ...layout.space.horizontal.larger,\n        },\n\n        [`@container (min-width: ${mediumSize}px)`]: {\n          padding: `0 ${token.spacing['2xl']}`,\n\n          ...(props.isImagePositionLeft === false && {\n            paddingLeft: '0',\n          }),\n\n          ...(props.isImagePositionLeft && {\n            paddingRight: '0',\n          }),\n        },\n\n        [`@container (min-width: ${largeSize}px)`]: {\n          padding: `0 ${token.spacing['6xl']}`,\n\n          ...(props.isImagePositionLeft === false && {\n            paddingLeft: '0',\n          }),\n\n          ...(props.isImagePositionLeft && {\n            paddingRight: '0',\n          }),\n        },\n      },\n    })\n    .build();\n\n  const container = new ElementBuilder()\n    .withClassName('pathway-text-container')\n    .withChild(wrapper)\n    .withStyles({\n      element: {\n        ...(props.isThemeDark && {\n          backgroundColor: token.color.black,\n          color: token.color.white,\n        }),\n\n        ...(props.isThemeMaryland && {\n          backgroundColor: token.color.red,\n          color: token.color.white,\n        }),\n\n        [`@container (min-width: ${mediumSize}px)`]: {\n          ...(props.isImagePositionLeft === false && {\n            order: '1',\n          }),\n        },\n      },\n    })\n    .build();\n\n  return container;\n};\n\nconst createLock = (props: PathwayStickyProps) => {\n  const textContent = createTextContent(props);\n  const assetContent = createAssetColumn(props);\n\n  const lockWrapper = new ElementBuilder()\n    .withClassName('pathway-container-lock-wrapper')\n    .withStyles({\n      element: {\n        position: 'relative',\n\n        [`@container (max-width: ${mediumSize - 1}px)`]: {\n          padding: '0',\n        },\n\n        [`@container (min-width: ${mediumSize}px)`]: {\n          display: 'flex',\n\n          [`& > *`]: {\n            width: '50%',\n          },\n        },\n      },\n    });\n\n  if (assetContent) {\n    lockWrapper.withChild(assetContent);\n  }\n  lockWrapper.withChild(textContent);\n\n  const lockWrapperBuilt = lockWrapper.build();\n\n  return new ElementBuilder()\n    .styled(Styles.layout.space.horizontal.larger)\n    .withChild(lockWrapperBuilt)\n    .withStyles({\n      element: {\n        [`@container (max-width: ${mediumSize - 1}px)`]: {\n          paddingLeft: 0,\n          paddingRight: 0,\n        },\n      },\n    })\n    .build();\n};\n\nexport default (props: PathwayStickyProps) => {\n  const wrapper = new ElementBuilder()\n    .withClassName('pathway-sticky-container-wrapper')\n    .withChild(createLock(props))\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('pathway-sticky-container')\n    .withChild(wrapper)\n    .withStyles({\n      element: {\n        container: 'inline-size',\n        position: 'relative',\n      },\n    })\n    .build();\n};\n"],"names":["ElementBuilder","createAssetContent","createTextLockupMedium","token","layout","Styles"],"mappings":"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"}
+{"version":3,"file":"sticky.js","sources":["../../../source/composite/pathway/sticky.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as layout from '@universityofmaryland/web-styles-library/layout';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { createAssetContent, createTextLockupMedium } from './_common';\nimport { type PathwayStickyProps } from './_types';\nimport { type ElementModel } from '../../_types';\n\nconst mediumSize = 800;\nconst largeSize = 1200;\n\nconst createAssetColumn = (\n  props: Pick<\n    PathwayStickyProps,\n    | 'dateSign'\n    | 'isThemeDark'\n    | 'image'\n    | 'video'\n    | 'isImagePositionLeft'\n    | 'isImageScaled'\n  >,\n): ElementModel<HTMLElement> | null => {\n  const { image, video, isImagePositionLeft, isImageScaled } = props;\n\n  if (!image && !video) return null;\n\n  return new ElementBuilder()\n    .withClassName('pathway-image-container')\n    .withChild(createAssetContent(props))\n    .withStyles({\n      element: {\n        position: 'sticky',\n        top: '0',\n        alignSelf: 'flex-start',\n        height: '100%',\n\n        ...(isImageScaled === false && {\n          display: 'flex',\n          justifyContent: 'center',\n        }),\n\n        [`@container (max-width: ${mediumSize - 1}px)`]: {\n          position: 'relative',\n          display: 'grid',\n          minHeight: '56vw',\n        },\n\n        [`@container (min-width: ${mediumSize}px)`]: {\n          position: 'sticky',\n          top: '0',\n          alignSelf: 'flex-start',\n\n          ...(isImagePositionLeft === false && {\n            order: '2',\n          }),\n        },\n\n        [`@container (min-width: ${largeSize}px)`]: {\n          [`& img`]: {\n            minHeight: '656px',\n          },\n        },\n      },\n    })\n    .build();\n};\n\nconst createTextContent = (\n  props: PathwayStickyProps,\n): ElementModel<HTMLElement> => {\n  const wrapper = new ElementBuilder()\n    .withClassName('pathway-text-container-wrapper')\n    .withChild(createTextLockupMedium(props))\n    .withStyles({\n      element: {\n        padding: `${token.spacing.md} 0`,\n\n        [`@container (max-width: ${mediumSize - 1}px)`]: {\n          ...layout.space.horizontal.larger,\n        },\n\n        [`@container (min-width: ${mediumSize}px)`]: {\n          padding: `0 ${token.spacing['2xl']}`,\n\n          ...(props.isImagePositionLeft === false && {\n            paddingLeft: '0',\n          }),\n\n          ...(props.isImagePositionLeft && {\n            paddingRight: '0',\n          }),\n        },\n\n        [`@container (min-width: ${largeSize}px)`]: {\n          padding: `0 ${token.spacing['6xl']}`,\n\n          ...(props.isImagePositionLeft === false && {\n            paddingLeft: '0',\n          }),\n\n          ...(props.isImagePositionLeft && {\n            paddingRight: '0',\n          }),\n        },\n      },\n    })\n    .build();\n\n  const container = new ElementBuilder()\n    .withClassName('pathway-text-container')\n    .withChild(wrapper)\n    .withStyles({\n      element: {\n        ...(props.isThemeDark && {\n          backgroundColor: token.color.black,\n          color: token.color.white,\n        }),\n\n        ...(props.isThemeMaryland && {\n          backgroundColor: token.color.red,\n          color: token.color.white,\n        }),\n\n        [`@container (min-width: ${mediumSize}px)`]: {\n          ...(props.isImagePositionLeft === false && {\n            order: '1',\n          }),\n        },\n      },\n    })\n    .build();\n\n  return container;\n};\n\nconst createLock = (props: PathwayStickyProps) => {\n  const textContent = createTextContent(props);\n  const assetContent = createAssetColumn(props);\n\n  const lockWrapper = new ElementBuilder()\n    .withClassName('pathway-container-lock-wrapper')\n    .withStyles({\n      element: {\n        position: 'relative',\n\n        [`@container (max-width: ${mediumSize - 1}px)`]: {\n          padding: '0',\n        },\n\n        [`@container (min-width: ${mediumSize}px)`]: {\n          display: 'flex',\n\n          [`& > *`]: {\n            width: '50%',\n          },\n        },\n      },\n    });\n\n  if (assetContent) {\n    lockWrapper.withChild(assetContent);\n  }\n  lockWrapper.withChild(textContent);\n\n  const lockWrapperBuilt = lockWrapper.build();\n\n  return new ElementBuilder()\n    .styled(Styles.layout.space.horizontal.larger)\n    .withChild(lockWrapperBuilt)\n    .withStyles({\n      element: {\n        [`@container (max-width: ${mediumSize - 1}px)`]: {\n          paddingLeft: 0,\n          paddingRight: 0,\n        },\n      },\n    })\n    .build();\n};\n\nconst CreatePathwayStickyElement = (props: PathwayStickyProps) => {\n  const wrapper = new ElementBuilder()\n    .withClassName('pathway-sticky-container-wrapper')\n    .withChild(createLock(props))\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('pathway-sticky-container')\n    .withChild(wrapper)\n    .withStyles({\n      element: {\n        container: 'inline-size',\n        position: 'relative',\n      },\n    })\n    .build();\n};\n\nexport const createCompositePathwaySticky = CreatePathwayStickyElement;\n"],"names":[],"mappings":"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"}

package/dist/composite/person/_types.d.ts

@@ -7,7 +7,7 @@ interface PersonDisplay extends PersonTheme {
 export interface PersonContact extends PersonTheme {
     phone?: HTMLElement | null;
     email?: HTMLElement | null;
-    linkendIn?: HTMLElement | null;
+    linkedin?: HTMLElement | null;
     address?: HTMLElement | null;
     additionalContact?: HTMLElement | null;
 }
@@ -20,7 +20,7 @@ export interface Person extends PersonContact, PersonDisplay {
     actions?: HTMLElement | null;
 }
 export interface PersonCard extends Person {
-    image?: HTMLImageElement | null;
+    image?: HTMLImageElement | HTMLAnchorElement | null;
 }
 export interface PersonBio extends PersonCard {
     description?: HTMLElement | null;

package/dist/composite/person/_types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_types.d.ts","sourceRoot":"","sources":["../../../source/composite/person/_types.ts"],"names":[],"mappings":"AAAA,UAAU,WAAW;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,UAAU,aAAc,SAAQ,WAAW;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,iBAAiB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,MAAO,SAAQ,aAAa,EAAE,aAAa;IAC1D,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,GAAG,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,UAAW,SAAQ,MAAM;IACxC,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACjC;AAED,MAAM,WAAW,SAAU,SAAQ,UAAU;IAC3C,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAClC"}
+{"version":3,"file":"_types.d.ts","sourceRoot":"","sources":["../../../source/composite/person/_types.ts"],"names":[],"mappings":"AAAA,UAAU,WAAW;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,UAAU,aAAc,SAAQ,WAAW;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,iBAAiB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,MAAO,SAAQ,aAAa,EAAE,aAAa;IAC1D,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,GAAG,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,UAAW,SAAQ,MAAM;IACxC,KAAK,CAAC,EAAE,gBAAgB,GAAG,iBAAiB,GAAG,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,SAAU,SAAQ,UAAU;IAC3C,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAClC"}

package/dist/composite/person/bio/full.d.ts

@@ -1,5 +1,4 @@
 import { PersonBio } from '../_types';
 import { ElementModel } from '../../../_types';
-declare const _default: (props: PersonBio) => ElementModel<HTMLElement>;
-export default _default;
+export declare const createCompositePersonBioFull: (props: PersonBio) => ElementModel<HTMLElement>;
 //# sourceMappingURL=full.d.ts.map

package/dist/composite/person/bio/full.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"full.d.ts","sourceRoot":"","sources":["../../../../source/composite/person/bio/full.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;yBAEpC,OAAO,SAAS,KAAG,YAAY,CAAC,WAAW,CAAC;AAA5D,wBAuFE"}
+{"version":3,"file":"full.d.ts","sourceRoot":"","sources":["../../../../source/composite/person/bio/full.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AA2FpD,eAAO,MAAM,4BAA4B,UAzFE,SAAS,KAAG,YAAY,CAAC,WAAW,CAyFT,CAAC"}

package/dist/composite/person/bio/full.js

@@ -1,60 +1,40 @@
-"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 Styles = require("@universityofmaryland/web-styles-library");
-const theme = require("@universityofmaryland/web-utilities-library/theme");
-require("@universityofmaryland/web-styles-library/layout");
-require("@universityofmaryland/web-styles-library/animation");
-require("@universityofmaryland/web-styles-library/typography");
-require("@universityofmaryland/web-utilities-library/media");
-require("@universityofmaryland/web-utilities-library/dom");
-require("@universityofmaryland/web-icons-library/controls");
-require("@universityofmaryland/web-icons-library/communication");
-require("@universityofmaryland/web-icons-library/files");
-require("@universityofmaryland/web-icons-library/brand");
-require("@universityofmaryland/web-icons-library/arrows");
-require("../../../atomic/animations/actions/indicator.js");
-require("../../../atomic/animations/brand/chevron-scroll.js");
-require("../../../atomic/animations/brand/card-stack.js");
-const background = require("../../../atomic/assets/image/background.js");
-require("@universityofmaryland/web-utilities-library/performance");
-require("@universityofmaryland/web-utilities-library/accessibility");
-require("@universityofmaryland/web-icons-library/location");
-require("@universityofmaryland/web-icons-library/calendar");
-require("../../../atomic/layout/block/stacked.js");
-require("../../../atomic/layout/overlay/modal.js");
-require("../../../atomic/layout/person/columns.js");
-const contact = require("../../../atomic/text-lockup/contact.js");
-require("../../../atomic/text-lockup/date.js");
-const person = require("../../../atomic/text-lockup/person.js");
-require("../../../atomic/text-lockup/small.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 token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
-const elementStyles__namespace = /* @__PURE__ */ _interopNamespaceDefault(elementStyles);
-const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
-const full = (props) => {
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import * as token from "@universityofmaryland/web-token-library";
+import * as elementStyles from "@universityofmaryland/web-styles-library/element";
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { theme } from "@universityofmaryland/web-utilities-library/theme";
+import "@universityofmaryland/web-styles-library/layout";
+import "@universityofmaryland/web-styles-library/animation";
+import "@universityofmaryland/web-styles-library/typography";
+import "@universityofmaryland/web-utilities-library/media";
+import "@universityofmaryland/web-utilities-library/dom";
+import "@universityofmaryland/web-icons-library/controls";
+import "@universityofmaryland/web-icons-library/communication";
+import "@universityofmaryland/web-icons-library/files";
+import "@universityofmaryland/web-icons-library/brand";
+import "@universityofmaryland/web-icons-library/arrows";
+import "../../../atomic/animations/actions/indicator.js";
+import "../../../atomic/animations/brand/chevron-scroll.js";
+import "../../../atomic/animations/brand/card-stack.js";
+import { createImageBackground } from "../../../atomic/assets/image/background.js";
+import "@universityofmaryland/web-utilities-library/performance";
+import "@universityofmaryland/web-utilities-library/accessibility";
+import "@universityofmaryland/web-icons-library/location";
+import "@universityofmaryland/web-icons-library/calendar";
+import "../../../atomic/layout/block/stacked.js";
+import "../../../atomic/layout/overlay/modal.js";
+import "../../../atomic/layout/person/columns.js";
+import { createTextLockupContact } from "../../../atomic/text-lockup/contact.js";
+import "../../../atomic/text-lockup/date.js";
+import { createTextLockupPerson } from "../../../atomic/text-lockup/person.js";
+import "../../../atomic/text-lockup/small.js";
+const CreatePersonBioFullElement = (props) => {
   const { isThemeDark, image, actions, description } = props;
   const { name, ...textProps } = props;
-  const builder = new webBuilderLibrary.ElementBuilder().withClassName("person-bio-full-container").withStyles({
+  const builder = new ElementBuilder().withClassName("person-bio-full-container").withStyles({
     element: {
-      [`& .${elementStyles__namespace.asset.image.wrapper.className}`]: {
-        [`@container (max-width: ${token__namespace.media.breakpointValues.medium.max}px)`]: {
+      [`& .${elementStyles.asset.image.wrapper.className}`]: {
+        [`@container (max-width: ${token.media.breakpointValues.medium.max}px)`]: {
           display: "flex"
         }
       }
@@ -62,7 +42,7 @@ const full = (props) => {
   });
   if (image) {
     builder.withChild(
-      background({
+      createImageBackground({
         element: image,
         isScaled: false
       })
@@ -70,51 +50,54 @@ const full = (props) => {
   }
   if (name) {
     builder.withChild(
-      new webBuilderLibrary.ElementBuilder(name).styled(
-        Styles__namespace.typography.sans.compose("extralarge", {
-          theme: theme.theme.fontColor(isThemeDark)
+      new ElementBuilder(name).styled(
+        Styles.typography.sans.compose("extralarge", {
+          theme: theme.fontColor(isThemeDark)
         })
       ).withStyles({
         element: {
-          marginTop: token__namespace.spacing.lg,
+          marginTop: token.spacing.lg,
           textTransform: "uppercase",
           fontWeight: "800",
           display: "block",
-          ...!isThemeDark && { color: `${token__namespace.color.black}` }
+          ...!isThemeDark && { color: `${token.color.black}` }
         },
         siblingAfter: {
-          marginTop: token__namespace.spacing.min
+          marginTop: token.spacing.min
         }
       }).build()
     );
   }
-  builder.withChild(person(textProps));
-  builder.withChild(contact(props));
+  builder.withChild(createTextLockupPerson(textProps));
+  builder.withChild(createTextLockupContact(props));
   if (description) {
     builder.withChild(
-      new webBuilderLibrary.ElementBuilder(description).styled(
-        Styles__namespace.element.text.rich.composeSimple({
+      new ElementBuilder(description).styled(
+        Styles.element.text.rich.composeSimple({
           size: "large",
-          theme: theme.theme.fontColor(isThemeDark)
+          theme: theme.fontColor(isThemeDark)
         })
       ).withStyles({
         element: {
-          marginTop: token__namespace.spacing.lg,
-          maxWidth: token__namespace.spacing.maxWidth.smallest
+          marginTop: token.spacing.lg,
+          maxWidth: token.spacing.maxWidth.smallest
         }
       }).build()
     );
   }
   if (actions) {
     builder.withChild(
-      new webBuilderLibrary.ElementBuilder(actions).styled(Styles__namespace.layout.grid.inline.tabletRows).withStyles({
+      new ElementBuilder(actions).styled(Styles.layout.grid.inline.tabletRows).withStyles({
         element: {
-          marginTop: token__namespace.spacing.sm
+          marginTop: token.spacing.sm
         }
       }).build()
     );
   }
   return builder.build();
 };
-module.exports = full;
+const createCompositePersonBioFull = CreatePersonBioFullElement;
+export {
+  createCompositePersonBioFull
+};
 //# sourceMappingURL=full.js.map

package/dist/composite/person/bio/full.js.map

@@ -1 +1 @@
-{"version":3,"file":"full.js","sources":["../../../../source/composite/person/bio/full.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as elementStyles from '@universityofmaryland/web-styles-library/element';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport { assets, textLockup } from 'atomic';\nimport { type PersonBio } from '../_types';\nimport { type ElementModel } from '../../../_types';\n\nexport default (props: PersonBio): ElementModel<HTMLElement> => {\n  const { isThemeDark, image, actions, description } = props;\n  const { name, ...textProps } = props;\n\n  const builder = new ElementBuilder()\n    .withClassName('person-bio-full-container')\n    .withStyles({\n      element: {\n        [`& .${elementStyles.asset.image.wrapper.className}`]: {\n          [`@container (max-width: ${token.media.breakpointValues.medium.max}px)`]:\n            {\n              display: 'flex',\n            },\n        },\n      },\n    });\n\n  if (image) {\n    builder.withChild(\n      assets.image.background({\n        element: image,\n        isScaled: false,\n      }),\n    );\n  }\n\n  if (name) {\n    builder.withChild(\n      new ElementBuilder(name)\n        .styled(\n          Styles.typography.sans.compose('extralarge', {\n            theme: theme.fontColor(isThemeDark),\n          }),\n        )\n        .withStyles({\n          element: {\n            marginTop: token.spacing.lg,\n            textTransform: 'uppercase',\n            fontWeight: '800',\n            display: 'block',\n\n            ...(!isThemeDark && { color: `${token.color.black}` }),\n          },\n          siblingAfter: {\n            marginTop: token.spacing.min,\n          },\n        })\n        .build(),\n    );\n  }\n\n  builder.withChild(textLockup.person(textProps));\n  builder.withChild(textLockup.contact(props));\n\n  if (description) {\n    builder.withChild(\n      new ElementBuilder(description)\n        .styled(\n          Styles.element.text.rich.composeSimple({\n            size: 'large',\n            theme: theme.fontColor(isThemeDark),\n          }),\n        )\n        .withStyles({\n          element: {\n            marginTop: token.spacing.lg,\n            maxWidth: token.spacing.maxWidth.smallest,\n          },\n        })\n        .build(),\n    );\n  }\n\n  if (actions) {\n    builder.withChild(\n      new ElementBuilder(actions)\n        .styled(Styles.layout.grid.inline.tabletRows)\n        .withStyles({\n          element: {\n            marginTop: token.spacing.sm,\n          },\n        })\n        .build(),\n    );\n  }\n\n  return builder.build();\n};\n"],"names":["ElementBuilder","elementStyles","token","assets.image.background","Styles","theme","textLockup.person","textLockup.contact"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAA,OAAe,CAAC,UAAgD;AAC9D,QAAM,EAAE,aAAa,OAAO,SAAS,gBAAgB;AACrD,QAAM,EAAE,MAAM,GAAG,UAAA,IAAc;AAE/B,QAAM,UAAU,IAAIA,kBAAAA,eAAA,EACjB,cAAc,2BAA2B,EACzC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,MAAMC,yBAAc,MAAM,MAAM,QAAQ,SAAS,EAAE,GAAG;AAAA,QACrD,CAAC,0BAA0BC,iBAAM,MAAM,iBAAiB,OAAO,GAAG,KAAK,GACrE;AAAA,UACE,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACJ;AAAA,EACF,CACD;AAEH,MAAI,OAAO;AACT,YAAQ;AAAA,MACNC,WAAwB;AAAA,QACtB,SAAS;AAAA,QACT,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,MAAM;AACR,YAAQ;AAAA,MACN,IAAIH,kBAAAA,eAAe,IAAI,EACpB;AAAA,QACCI,kBAAO,WAAW,KAAK,QAAQ,cAAc;AAAA,UAC3C,OAAOC,MAAAA,MAAM,UAAU,WAAW;AAAA,QAAA,CACnC;AAAA,MAAA,EAEF,WAAW;AAAA,QACV,SAAS;AAAA,UACP,WAAWH,iBAAM,QAAQ;AAAA,UACzB,eAAe;AAAA,UACf,YAAY;AAAA,UACZ,SAAS;AAAA,UAET,GAAI,CAAC,eAAe,EAAE,OAAO,GAAGA,iBAAM,MAAM,KAAK,GAAA;AAAA,QAAG;AAAA,QAEtD,cAAc;AAAA,UACZ,WAAWA,iBAAM,QAAQ;AAAA,QAAA;AAAA,MAC3B,CACD,EACA,MAAA;AAAA,IAAM;AAAA,EAEb;AAEA,UAAQ,UAAUI,OAAkB,SAAS,CAAC;AAC9C,UAAQ,UAAUC,QAAmB,KAAK,CAAC;AAE3C,MAAI,aAAa;AACf,YAAQ;AAAA,MACN,IAAIP,kBAAAA,eAAe,WAAW,EAC3B;AAAA,QACCI,kBAAO,QAAQ,KAAK,KAAK,cAAc;AAAA,UACrC,MAAM;AAAA,UACN,OAAOC,MAAAA,MAAM,UAAU,WAAW;AAAA,QAAA,CACnC;AAAA,MAAA,EAEF,WAAW;AAAA,QACV,SAAS;AAAA,UACP,WAAWH,iBAAM,QAAQ;AAAA,UACzB,UAAUA,iBAAM,QAAQ,SAAS;AAAA,QAAA;AAAA,MACnC,CACD,EACA,MAAA;AAAA,IAAM;AAAA,EAEb;AAEA,MAAI,SAAS;AACX,YAAQ;AAAA,MACN,IAAIF,iCAAe,OAAO,EACvB,OAAOI,kBAAO,OAAO,KAAK,OAAO,UAAU,EAC3C,WAAW;AAAA,QACV,SAAS;AAAA,UACP,WAAWF,iBAAM,QAAQ;AAAA,QAAA;AAAA,MAC3B,CACD,EACA,MAAA;AAAA,IAAM;AAAA,EAEb;AAEA,SAAO,QAAQ,MAAA;AACjB;;"}
+{"version":3,"file":"full.js","sources":["../../../../source/composite/person/bio/full.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as elementStyles from '@universityofmaryland/web-styles-library/element';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport { assets, textLockup } from 'atomic';\nimport { type PersonBio } from '../_types';\nimport { type ElementModel } from '../../../_types';\n\nconst CreatePersonBioFullElement = (props: PersonBio): ElementModel<HTMLElement> => {\n  const { isThemeDark, image, actions, description } = props;\n  const { name, ...textProps } = props;\n\n  const builder = new ElementBuilder()\n    .withClassName('person-bio-full-container')\n    .withStyles({\n      element: {\n        [`& .${elementStyles.asset.image.wrapper.className}`]: {\n          [`@container (max-width: ${token.media.breakpointValues.medium.max}px)`]:\n            {\n              display: 'flex',\n            },\n        },\n      },\n    });\n\n  if (image) {\n    builder.withChild(\n      assets.image.background({\n        element: image,\n        isScaled: false,\n      }),\n    );\n  }\n\n  if (name) {\n    builder.withChild(\n      new ElementBuilder(name)\n        .styled(\n          Styles.typography.sans.compose('extralarge', {\n            theme: theme.fontColor(isThemeDark),\n          }),\n        )\n        .withStyles({\n          element: {\n            marginTop: token.spacing.lg,\n            textTransform: 'uppercase',\n            fontWeight: '800',\n            display: 'block',\n\n            ...(!isThemeDark && { color: `${token.color.black}` }),\n          },\n          siblingAfter: {\n            marginTop: token.spacing.min,\n          },\n        })\n        .build(),\n    );\n  }\n\n  builder.withChild(textLockup.person(textProps));\n  builder.withChild(textLockup.contact(props));\n\n  if (description) {\n    builder.withChild(\n      new ElementBuilder(description)\n        .styled(\n          Styles.element.text.rich.composeSimple({\n            size: 'large',\n            theme: theme.fontColor(isThemeDark),\n          }),\n        )\n        .withStyles({\n          element: {\n            marginTop: token.spacing.lg,\n            maxWidth: token.spacing.maxWidth.smallest,\n          },\n        })\n        .build(),\n    );\n  }\n\n  if (actions) {\n    builder.withChild(\n      new ElementBuilder(actions)\n        .styled(Styles.layout.grid.inline.tabletRows)\n        .withStyles({\n          element: {\n            marginTop: token.spacing.sm,\n          },\n        })\n        .build(),\n    );\n  }\n\n  return builder.build();\n};\n\nexport const createCompositePersonBioFull = CreatePersonBioFullElement;\n"],"names":["assets.image.background","textLockup.person","textLockup.contact"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,6BAA6B,CAAC,UAAgD;AAClF,QAAM,EAAE,aAAa,OAAO,SAAS,gBAAgB;AACrD,QAAM,EAAE,MAAM,GAAG,UAAA,IAAc;AAE/B,QAAM,UAAU,IAAI,eAAA,EACjB,cAAc,2BAA2B,EACzC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,MAAM,cAAc,MAAM,MAAM,QAAQ,SAAS,EAAE,GAAG;AAAA,QACrD,CAAC,0BAA0B,MAAM,MAAM,iBAAiB,OAAO,GAAG,KAAK,GACrE;AAAA,UACE,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACJ;AAAA,EACF,CACD;AAEH,MAAI,OAAO;AACT,YAAQ;AAAA,MACNA,sBAAwB;AAAA,QACtB,SAAS;AAAA,QACT,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,MAAM;AACR,YAAQ;AAAA,MACN,IAAI,eAAe,IAAI,EACpB;AAAA,QACC,OAAO,WAAW,KAAK,QAAQ,cAAc;AAAA,UAC3C,OAAO,MAAM,UAAU,WAAW;AAAA,QAAA,CACnC;AAAA,MAAA,EAEF,WAAW;AAAA,QACV,SAAS;AAAA,UACP,WAAW,MAAM,QAAQ;AAAA,UACzB,eAAe;AAAA,UACf,YAAY;AAAA,UACZ,SAAS;AAAA,UAET,GAAI,CAAC,eAAe,EAAE,OAAO,GAAG,MAAM,MAAM,KAAK,GAAA;AAAA,QAAG;AAAA,QAEtD,cAAc;AAAA,UACZ,WAAW,MAAM,QAAQ;AAAA,QAAA;AAAA,MAC3B,CACD,EACA,MAAA;AAAA,IAAM;AAAA,EAEb;AAEA,UAAQ,UAAUC,uBAAkB,SAAS,CAAC;AAC9C,UAAQ,UAAUC,wBAAmB,KAAK,CAAC;AAE3C,MAAI,aAAa;AACf,YAAQ;AAAA,MACN,IAAI,eAAe,WAAW,EAC3B;AAAA,QACC,OAAO,QAAQ,KAAK,KAAK,cAAc;AAAA,UACrC,MAAM;AAAA,UACN,OAAO,MAAM,UAAU,WAAW;AAAA,QAAA,CACnC;AAAA,MAAA,EAEF,WAAW;AAAA,QACV,SAAS;AAAA,UACP,WAAW,MAAM,QAAQ;AAAA,UACzB,UAAU,MAAM,QAAQ,SAAS;AAAA,QAAA;AAAA,MACnC,CACD,EACA,MAAA;AAAA,IAAM;AAAA,EAEb;AAEA,MAAI,SAAS;AACX,YAAQ;AAAA,MACN,IAAI,eAAe,OAAO,EACvB,OAAO,OAAO,OAAO,KAAK,OAAO,UAAU,EAC3C,WAAW;AAAA,QACV,SAAS;AAAA,UACP,WAAW,MAAM,QAAQ;AAAA,QAAA;AAAA,MAC3B,CACD,EACA,MAAA;AAAA,IAAM;AAAA,EAEb;AAEA,SAAO,QAAQ,MAAA;AACjB;AAEO,MAAM,+BAA+B;"}

package/dist/composite/person/bio/index.d.ts

@@ -1,3 +1,3 @@
-export { default as full } from './full';
-export { default as small } from './small';
+export { createCompositePersonBioFull as full } from './full';
+export { createCompositePersonBioSmall as small } from './small';
 //# sourceMappingURL=index.d.ts.map

package/dist/composite/person/bio/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/composite/person/bio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/composite/person/bio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9D,OAAO,EAAE,6BAA6B,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/composite/person/bio/index.js

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

package/dist/composite/person/bio/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/composite/person/bio/small.d.ts

@@ -1,5 +1,4 @@
 import { PersonBio } from '../_types';
 import { ElementModel } from '../../../_types';
-declare const _default: (props: PersonBio) => ElementModel<HTMLElement>;
-export default _default;
+export declare const createCompositePersonBioSmall: (props: PersonBio) => ElementModel<HTMLElement>;
 //# sourceMappingURL=small.d.ts.map

package/dist/composite/person/bio/small.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"small.d.ts","sourceRoot":"","sources":["../../../../source/composite/person/bio/small.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;yBA8IpC,OAAO,SAAS,KAAG,YAAY,CAAC,WAAW,CAAC;AAA5D,wBA4BE"}
+{"version":3,"file":"small.d.ts","sourceRoot":"","sources":["../../../../source/composite/person/bio/small.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AA4KpD,eAAO,MAAM,6BAA6B,UA9BE,SAAS,KAAG,YAAY,CAAC,WAAW,CA8BR,CAAC"}

package/dist/composite/person/bio/small.js

@@ -1,89 +1,70 @@
-"use strict";
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const token = require("@universityofmaryland/web-token-library");
-const Styles = require("@universityofmaryland/web-styles-library");
-const styles = require("@universityofmaryland/web-utilities-library/styles");
-const theme = require("@universityofmaryland/web-utilities-library/theme");
-require("@universityofmaryland/web-styles-library/element");
-require("@universityofmaryland/web-styles-library/layout");
-require("@universityofmaryland/web-styles-library/animation");
-require("@universityofmaryland/web-styles-library/typography");
-require("@universityofmaryland/web-utilities-library/media");
-require("@universityofmaryland/web-utilities-library/dom");
-require("@universityofmaryland/web-icons-library/controls");
-require("@universityofmaryland/web-icons-library/communication");
-require("@universityofmaryland/web-icons-library/files");
-require("@universityofmaryland/web-icons-library/brand");
-require("@universityofmaryland/web-icons-library/arrows");
-require("../../../atomic/animations/actions/indicator.js");
-require("../../../atomic/animations/brand/chevron-scroll.js");
-require("../../../atomic/animations/brand/card-stack.js");
-const background = require("../../../atomic/assets/image/background.js");
-require("@universityofmaryland/web-utilities-library/performance");
-require("@universityofmaryland/web-utilities-library/accessibility");
-require("@universityofmaryland/web-icons-library/location");
-require("@universityofmaryland/web-icons-library/calendar");
-require("../../../atomic/layout/block/stacked.js");
-require("../../../atomic/layout/overlay/modal.js");
-require("../../../atomic/layout/person/columns.js");
-const contact = require("../../../atomic/text-lockup/contact.js");
-require("../../../atomic/text-lockup/date.js");
-const person = require("../../../atomic/text-lockup/person.js");
-require("../../../atomic/text-lockup/small.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 token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
-const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import * as token from "@universityofmaryland/web-token-library";
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { createMediaQuery } from "@universityofmaryland/web-utilities-library/styles";
+import { theme } from "@universityofmaryland/web-utilities-library/theme";
+import "@universityofmaryland/web-styles-library/element";
+import "@universityofmaryland/web-styles-library/layout";
+import "@universityofmaryland/web-styles-library/animation";
+import "@universityofmaryland/web-styles-library/typography";
+import "@universityofmaryland/web-utilities-library/media";
+import "@universityofmaryland/web-utilities-library/dom";
+import "@universityofmaryland/web-icons-library/controls";
+import "@universityofmaryland/web-icons-library/communication";
+import "@universityofmaryland/web-icons-library/files";
+import "@universityofmaryland/web-icons-library/brand";
+import "@universityofmaryland/web-icons-library/arrows";
+import "../../../atomic/animations/actions/indicator.js";
+import "../../../atomic/animations/brand/chevron-scroll.js";
+import "../../../atomic/animations/brand/card-stack.js";
+import { createImageBackground } from "../../../atomic/assets/image/background.js";
+import "@universityofmaryland/web-utilities-library/performance";
+import "@universityofmaryland/web-utilities-library/accessibility";
+import "@universityofmaryland/web-icons-library/location";
+import "@universityofmaryland/web-icons-library/calendar";
+import "../../../atomic/layout/block/stacked.js";
+import "../../../atomic/layout/overlay/modal.js";
+import "../../../atomic/layout/person/columns.js";
+import { createTextLockupContact } from "../../../atomic/text-lockup/contact.js";
+import "../../../atomic/text-lockup/date.js";
+import { createTextLockupPerson } from "../../../atomic/text-lockup/person.js";
+import "../../../atomic/text-lockup/small.js";
 const createTextContainer = (props) => {
   const { isThemeDark, name, ...textProps } = props;
-  const builder = new webBuilderLibrary.ElementBuilder().styled(
-    Styles__namespace.element.text.line.adjustentInset
+  const builder = new ElementBuilder().styled(
+    Styles.element.text.line.adjustentInset
   );
   if (name) {
     builder.withChild(
-      new webBuilderLibrary.ElementBuilder(name).styled(
-        Styles__namespace.typography.sans.compose("extralarge", {
-          theme: theme.theme.fontColor(isThemeDark)
+      new ElementBuilder(name).styled(
+        Styles.typography.sans.compose("extralarge", {
+          theme: theme.fontColor(isThemeDark)
         })
       ).withStyles({
         element: {
           textTransform: "uppercase",
           fontWeight: "800",
           display: "block",
-          ...!isThemeDark && { color: `${token__namespace.color.black}` }
+          ...!isThemeDark && { color: `${token.color.black}` }
         },
         siblingAfter: {
-          marginTop: token__namespace.spacing.sm
+          marginTop: token.spacing.sm
         }
       }).build()
     );
   }
-  builder.withChild(person({ ...textProps, isThemeDark }));
+  builder.withChild(createTextLockupPerson({ ...textProps, isThemeDark }));
   return builder.build();
 };
 const createTextColumn = (props) => {
   const { actions } = props;
   const textContainer = createTextContainer(props);
-  const builder = new webBuilderLibrary.ElementBuilder().withClassName("person-bio-summary-text-column").withChild(textContainer).withChild(contact(props));
+  const builder = new ElementBuilder().withClassName("person-bio-summary-text-column").withChild(textContainer).withChild(createTextLockupContact(props));
   if (actions) {
     builder.withChild(
-      new webBuilderLibrary.ElementBuilder(actions).styled(Styles__namespace.layout.grid.inline.tabletRows).withStyles({
+      new ElementBuilder(actions).styled(Styles.layout.grid.inline.tabletRows).withStyles({
         element: {
-          marginTop: token__namespace.spacing.sm
+          marginTop: token.spacing.sm
         }
       }).build()
     );
@@ -93,32 +74,32 @@ const createTextColumn = (props) => {
 const makeContainer = (props) => {
   const { image } = props;
   const textColumn = createTextColumn(props);
-  const builder = new webBuilderLibrary.ElementBuilder().withClassName("person-bio-summary-container").withStyles({
+  const builder = new ElementBuilder().withClassName("person-bio-summary-container").withStyles({
     element: {
       display: "grid",
-      gridGap: `${token__namespace.spacing.md}`,
-      ...styles.createMediaQuery(
+      gridGap: `${token.spacing.md}`,
+      ...createMediaQuery(
         "min-width",
-        token__namespace.media.breakpointValues.large.min,
+        token.media.breakpointValues.large.min,
         {
           gridTemplateColumns: `repeat(8, 1fr)`,
-          gridGap: `${token__namespace.spacing.lg}`,
+          gridGap: `${token.spacing.lg}`,
           alignItems: `center`
         }
       ),
       [`& > *`]: {
-        ...styles.createMediaQuery(
+        ...createMediaQuery(
           "min-width",
-          token__namespace.media.breakpointValues.large.min,
+          token.media.breakpointValues.large.min,
           {
             gridColumn: `span 5`
           }
         )
       },
       [`&:has(> :nth-child(2)) > *:first-child `]: {
-        ...styles.createMediaQuery(
+        ...createMediaQuery(
           "min-width",
-          token__namespace.media.breakpointValues.large.min,
+          token.media.breakpointValues.large.min,
           {
             gridColumn: `span 3`,
             alignSelf: `flex-start`
@@ -129,22 +110,22 @@ const makeContainer = (props) => {
   });
   if (image) {
     builder.withChild(
-      background({
+      createImageBackground({
         element: image,
         isScaled: false,
         customStyles: {
           element: {
-            ...styles.createMediaQuery(
+            ...createMediaQuery(
               "max-width",
-              token__namespace.media.breakpointValues.medium.max,
+              token.media.breakpointValues.medium.max,
               {
                 display: "flex"
               }
             ),
             [`& img`]: {
-              ...styles.createMediaQuery(
+              ...createMediaQuery(
                 "min-width",
-                token__namespace.media.breakpointValues.large.min,
+                token.media.breakpointValues.large.min,
                 {
                   width: `100%`,
                   height: `auto !important`
@@ -159,26 +140,29 @@ const makeContainer = (props) => {
   builder.withChild(textColumn);
   return builder.build();
 };
-const small = (props) => {
+const CreatePersonBioSmallElement = (props) => {
   const { isThemeDark, description } = props;
   const container = makeContainer(props);
-  const builder = new webBuilderLibrary.ElementBuilder().withClassName("person-bio-summary-composite").withChild(container);
+  const builder = new ElementBuilder().withClassName("person-bio-summary-composite").withChild(container);
   if (description) {
     builder.withChild(
-      new webBuilderLibrary.ElementBuilder(description).styled(
-        Styles__namespace.element.text.rich.composeSimple({
+      new ElementBuilder(description).styled(
+        Styles.element.text.rich.composeSimple({
           size: "large",
-          theme: theme.theme.fontColor(isThemeDark)
+          theme: theme.fontColor(isThemeDark)
         })
       ).withStyles({
         element: {
-          marginTop: token__namespace.spacing.lg,
-          maxWidth: token__namespace.spacing.maxWidth.smallest
+          marginTop: token.spacing.lg,
+          maxWidth: token.spacing.maxWidth.smallest
         }
       }).build()
     );
   }
   return builder.build();
 };
-module.exports = small;
+const createCompositePersonBioSmall = CreatePersonBioSmallElement;
+export {
+  createCompositePersonBioSmall
+};
 //# sourceMappingURL=small.js.map