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

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

@@ -1,102 +0,0 @@
-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.mjs";
-import "../../../atomic/animations/brand/chevron-scroll.mjs";
-import "../../../atomic/animations/brand/card-stack.mjs";
-import imageContainer from "../../../atomic/assets/image/background.mjs";
-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.mjs";
-import "../../../atomic/layout/overlay/modal.mjs";
-import "../../../atomic/layout/person/columns.mjs";
-import contact from "../../../atomic/text-lockup/contact.mjs";
-import "../../../atomic/text-lockup/date.mjs";
-import person from "../../../atomic/text-lockup/person.mjs";
-import "../../../atomic/text-lockup/small.mjs";
-const full = (props) => {
-  const { isThemeDark, image, actions, description } = props;
-  const { name, ...textProps } = props;
-  const builder = new ElementBuilder().withClassName("person-bio-full-container").withStyles({
-    element: {
-      [`& .${elementStyles.asset.image.wrapper.className}`]: {
-        [`@container (max-width: ${token.media.breakpointValues.medium.max}px)`]: {
-          display: "flex"
-        }
-      }
-    }
-  });
-  if (image) {
-    builder.withChild(
-      imageContainer({
-        element: image,
-        isScaled: false
-      })
-    );
-  }
-  if (name) {
-    builder.withChild(
-      new ElementBuilder(name).styled(
-        Styles.typography.sans.compose("extralarge", {
-          theme: theme.fontColor(isThemeDark)
-        })
-      ).withStyles({
-        element: {
-          marginTop: token.spacing.lg,
-          textTransform: "uppercase",
-          fontWeight: "800",
-          display: "block",
-          ...!isThemeDark && { color: `${token.color.black}` }
-        },
-        siblingAfter: {
-          marginTop: token.spacing.min
-        }
-      }).build()
-    );
-  }
-  builder.withChild(person(textProps));
-  builder.withChild(contact(props));
-  if (description) {
-    builder.withChild(
-      new ElementBuilder(description).styled(
-        Styles.element.text.rich.composeSimple({
-          size: "large",
-          theme: theme.fontColor(isThemeDark)
-        })
-      ).withStyles({
-        element: {
-          marginTop: token.spacing.lg,
-          maxWidth: token.spacing.maxWidth.smallest
-        }
-      }).build()
-    );
-  }
-  if (actions) {
-    builder.withChild(
-      new ElementBuilder(actions).styled(Styles.layout.grid.inline.tabletRows).withStyles({
-        element: {
-          marginTop: token.spacing.sm
-        }
-      }).build()
-    );
-  }
-  return builder.build();
-};
-export {
-  full as default
-};
-//# sourceMappingURL=full.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"full.mjs","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":["assets.image.background","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,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,eAAwB;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,OAAkB,SAAS,CAAC;AAC9C,UAAQ,UAAUC,QAAmB,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;"}

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

@@ -1,7 +0,0 @@
-import { default as default2 } from "./full.mjs";
-import { default as default3 } from "./small.mjs";
-export {
-  default2 as full,
-  default3 as small
-};
-//# sourceMappingURL=index.mjs.map

package/dist/composite/person/bio/index.mjs.map

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

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

@@ -1,167 +0,0 @@
-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.mjs";
-import "../../../atomic/animations/brand/chevron-scroll.mjs";
-import "../../../atomic/animations/brand/card-stack.mjs";
-import imageContainer from "../../../atomic/assets/image/background.mjs";
-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.mjs";
-import "../../../atomic/layout/overlay/modal.mjs";
-import "../../../atomic/layout/person/columns.mjs";
-import contact from "../../../atomic/text-lockup/contact.mjs";
-import "../../../atomic/text-lockup/date.mjs";
-import person from "../../../atomic/text-lockup/person.mjs";
-import "../../../atomic/text-lockup/small.mjs";
-const createTextContainer = (props) => {
-  const { isThemeDark, name, ...textProps } = props;
-  const builder = new ElementBuilder().styled(
-    Styles.element.text.line.adjustentInset
-  );
-  if (name) {
-    builder.withChild(
-      new ElementBuilder(name).styled(
-        Styles.typography.sans.compose("extralarge", {
-          theme: theme.fontColor(isThemeDark)
-        })
-      ).withStyles({
-        element: {
-          textTransform: "uppercase",
-          fontWeight: "800",
-          display: "block",
-          ...!isThemeDark && { color: `${token.color.black}` }
-        },
-        siblingAfter: {
-          marginTop: token.spacing.sm
-        }
-      }).build()
-    );
-  }
-  builder.withChild(person({ ...textProps, isThemeDark }));
-  return builder.build();
-};
-const createTextColumn = (props) => {
-  const { actions } = props;
-  const textContainer = createTextContainer(props);
-  const builder = new ElementBuilder().withClassName("person-bio-summary-text-column").withChild(textContainer).withChild(contact(props));
-  if (actions) {
-    builder.withChild(
-      new ElementBuilder(actions).styled(Styles.layout.grid.inline.tabletRows).withStyles({
-        element: {
-          marginTop: token.spacing.sm
-        }
-      }).build()
-    );
-  }
-  return builder.build();
-};
-const makeContainer = (props) => {
-  const { image } = props;
-  const textColumn = createTextColumn(props);
-  const builder = new ElementBuilder().withClassName("person-bio-summary-container").withStyles({
-    element: {
-      display: "grid",
-      gridGap: `${token.spacing.md}`,
-      ...createMediaQuery(
-        "min-width",
-        token.media.breakpointValues.large.min,
-        {
-          gridTemplateColumns: `repeat(8, 1fr)`,
-          gridGap: `${token.spacing.lg}`,
-          alignItems: `center`
-        }
-      ),
-      [`& > *`]: {
-        ...createMediaQuery(
-          "min-width",
-          token.media.breakpointValues.large.min,
-          {
-            gridColumn: `span 5`
-          }
-        )
-      },
-      [`&:has(> :nth-child(2)) > *:first-child `]: {
-        ...createMediaQuery(
-          "min-width",
-          token.media.breakpointValues.large.min,
-          {
-            gridColumn: `span 3`,
-            alignSelf: `flex-start`
-          }
-        )
-      }
-    }
-  });
-  if (image) {
-    builder.withChild(
-      imageContainer({
-        element: image,
-        isScaled: false,
-        customStyles: {
-          element: {
-            ...createMediaQuery(
-              "max-width",
-              token.media.breakpointValues.medium.max,
-              {
-                display: "flex"
-              }
-            ),
-            [`& img`]: {
-              ...createMediaQuery(
-                "min-width",
-                token.media.breakpointValues.large.min,
-                {
-                  width: `100%`,
-                  height: `auto !important`
-                }
-              )
-            }
-          }
-        }
-      })
-    );
-  }
-  builder.withChild(textColumn);
-  return builder.build();
-};
-const small = (props) => {
-  const { isThemeDark, description } = props;
-  const container = makeContainer(props);
-  const builder = new ElementBuilder().withClassName("person-bio-summary-composite").withChild(container);
-  if (description) {
-    builder.withChild(
-      new ElementBuilder(description).styled(
-        Styles.element.text.rich.composeSimple({
-          size: "large",
-          theme: theme.fontColor(isThemeDark)
-        })
-      ).withStyles({
-        element: {
-          marginTop: token.spacing.lg,
-          maxWidth: token.spacing.maxWidth.smallest
-        }
-      }).build()
-    );
-  }
-  return builder.build();
-};
-export {
-  small as default
-};
-//# sourceMappingURL=small.mjs.map

package/dist/composite/person/bio/small.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"small.mjs","sources":["../../../../source/composite/person/bio/small.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { createMediaQuery } from '@universityofmaryland/web-utilities-library/styles';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport { assets, textLockup } from 'atomic';\nimport { PersonBio } from '../_types';\nimport { type ElementModel } from '../../../_types';\n\nconst createTextContainer = (props: PersonBio): ElementModel<HTMLElement> => {\n  const { isThemeDark, name, ...textProps } = props;\n\n  const builder = new ElementBuilder().styled(\n    Styles.element.text.line.adjustentInset,\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            textTransform: 'uppercase',\n            fontWeight: '800',\n            display: 'block',\n            ...(!isThemeDark && { color: `${token.color.black}` }),\n          },\n          siblingAfter: {\n            marginTop: token.spacing.sm,\n          },\n        })\n        .build(),\n    );\n  }\n\n  builder.withChild(textLockup.person({ ...textProps, isThemeDark }));\n\n  return builder.build();\n};\n\nconst createTextColumn = (props: PersonBio): ElementModel<HTMLElement> => {\n  const { actions } = props;\n  const textContainer = createTextContainer(props);\n\n  const builder = new ElementBuilder()\n    .withClassName('person-bio-summary-text-column')\n    .withChild(textContainer)\n    .withChild(textLockup.contact(props));\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\nconst makeContainer = (props: PersonBio): ElementModel<HTMLElement> => {\n  const { image } = props;\n  const textColumn = createTextColumn(props);\n\n  const builder = new ElementBuilder()\n    .withClassName('person-bio-summary-container')\n    .withStyles({\n      element: {\n        display: 'grid',\n        gridGap: `${token.spacing.md}`,\n\n        ...createMediaQuery(\n          'min-width',\n          token.media.breakpointValues.large.min,\n          {\n            gridTemplateColumns: `repeat(8, 1fr)`,\n            gridGap: `${token.spacing.lg}`,\n            alignItems: `center`,\n          },\n        ),\n\n        [`& > *`]: {\n          ...createMediaQuery(\n            'min-width',\n            token.media.breakpointValues.large.min,\n            {\n              gridColumn: `span 5`,\n            },\n          ),\n        },\n\n        [`&:has(> :nth-child(2)) > *:first-child `]: {\n          ...createMediaQuery(\n            'min-width',\n            token.media.breakpointValues.large.min,\n            {\n              gridColumn: `span 3`,\n              alignSelf: `flex-start`,\n            },\n          ),\n        },\n      },\n    });\n\n  if (image) {\n    builder.withChild(\n      assets.image.background({\n        element: image,\n        isScaled: false,\n        customStyles: {\n          element: {\n            ...createMediaQuery(\n              'max-width',\n              token.media.breakpointValues.medium.max,\n              {\n                display: 'flex',\n              },\n            ),\n\n            [`& img`]: {\n              ...createMediaQuery(\n                'min-width',\n                token.media.breakpointValues.large.min,\n                {\n                  width: `100%`,\n                  height: `auto !important`,\n                },\n              ),\n            },\n          },\n        },\n      }),\n    );\n  }\n\n  builder.withChild(textColumn);\n\n  return builder.build();\n};\n\nexport default (props: PersonBio): ElementModel<HTMLElement> => {\n  const { isThemeDark, description } = props;\n  const container = makeContainer(props);\n\n  const builder = new ElementBuilder()\n    .withClassName('person-bio-summary-composite')\n    .withChild(container);\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  return builder.build();\n};\n"],"names":["textLockup.person","textLockup.contact","assets.image.background"],"mappings":"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"}

package/dist/composite/person/block.mjs

@@ -1,77 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import * as token from "@universityofmaryland/web-token-library";
-import { imageFromSvg } from "@universityofmaryland/web-utilities-library/media";
-import { createMediaQuery } from "@universityofmaryland/web-utilities-library/styles";
-import { person as person$1 } from "@universityofmaryland/web-icons-library/people";
-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/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.mjs";
-import "../../atomic/animations/brand/chevron-scroll.mjs";
-import "../../atomic/animations/brand/card-stack.mjs";
-import imageContainer from "../../atomic/assets/image/background.mjs";
-import "@universityofmaryland/web-styles-library";
-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 "@universityofmaryland/web-utilities-library/theme";
-import "../../atomic/layout/block/stacked.mjs";
-import "../../atomic/layout/overlay/modal.mjs";
-import "../../atomic/layout/person/columns.mjs";
-import contact from "../../atomic/text-lockup/contact.mjs";
-import "../../atomic/text-lockup/date.mjs";
-import person from "../../atomic/text-lockup/person.mjs";
-import "../../atomic/text-lockup/small.mjs";
-const mediumBreakpointStart = token.media.breakpointValues.medium.min;
-const block = (props) => {
-  const { image: personImage, isThemeDark } = props;
-  const textLockupElement = person(props);
-  const contactLockupElement = contact(props);
-  let image = personImage;
-  if (!image) {
-    image = imageFromSvg({
-      SVG: person$1
-    });
-  }
-  const imageContainer$1 = new ElementBuilder().withClassName("person-block-image").withChild(
-    imageContainer({
-      element: image,
-      isScaled: false,
-      customStyles: {
-        height: "auto"
-      }
-    })
-  ).withStyles({
-    element: {
-      display: "flex",
-      justifyContent: "center",
-      backgroundColor: `${token.color.gray.lighter}`,
-      marginBottom: `${token.spacing.md}`,
-      ...isThemeDark && {
-        backgroundColor: `${token.color.gray.darker}`
-      },
-      ["& img, & svg"]: {
-        display: "block",
-        width: "100%",
-        objectFit: "contain",
-        height: "140px !important",
-        ...createMediaQuery("min-width", mediumBreakpointStart, {
-          height: "200px !important"
-        })
-      }
-    }
-  }).build();
-  return new ElementBuilder().withClassName("person-block").withChildren(imageContainer$1, textLockupElement, contactLockupElement).build();
-};
-export {
-  block as default
-};
-//# sourceMappingURL=block.mjs.map

package/dist/composite/person/block.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"block.mjs","sources":["../../../source/composite/person/block.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport { imageFromSvg } from '@universityofmaryland/web-utilities-library/media';\nimport { createMediaQuery } from '@universityofmaryland/web-utilities-library/styles';\nimport { person as iconPerson } from '@universityofmaryland/web-icons-library/people';\nimport { assets, textLockup } from 'atomic';\nimport { PersonCard } from './_types';\nimport { type ElementModel } from '../../_types';\n\nconst mediumBreakpointStart = token.media.breakpointValues.medium.min;\n\nexport default (props: PersonCard): ElementModel<HTMLElement> => {\n  const { image: personImage, isThemeDark } = props;\n  const textLockupElement = textLockup.person(props);\n  const contactLockupElement = textLockup.contact(props);\n\n  let image = personImage;\n\n  if (!image) {\n    image = imageFromSvg({\n      SVG: iconPerson,\n    });\n  }\n\n  const imageContainer = new ElementBuilder()\n    .withClassName('person-block-image')\n    .withChild(\n      assets.image.background({\n        element: image,\n        isScaled: false,\n        customStyles: {\n          height: 'auto',\n        },\n      }),\n    )\n    .withStyles({\n      element: {\n        display: 'flex',\n        justifyContent: 'center',\n        backgroundColor: `${token.color.gray.lighter}`,\n        marginBottom: `${token.spacing.md}`,\n\n        ...(isThemeDark && {\n          backgroundColor: `${token.color.gray.darker}`,\n        }),\n\n        ['& img, & svg']: {\n          display: 'block',\n          width: '100%',\n          objectFit: 'contain',\n          height: '140px !important',\n\n          ...createMediaQuery('min-width', mediumBreakpointStart, {\n            height: '200px !important',\n          }),\n        },\n      },\n    })\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('person-block')\n    .withChildren(imageContainer, textLockupElement, contactLockupElement)\n    .build();\n};\n"],"names":["textLockup.person","textLockup.contact","iconPerson","imageContainer","assets.image.background"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,wBAAwB,MAAM,MAAM,iBAAiB,OAAO;AAElE,MAAA,QAAe,CAAC,UAAiD;AAC/D,QAAM,EAAE,OAAO,aAAa,YAAA,IAAgB;AAC5C,QAAM,oBAAoBA,OAAkB,KAAK;AACjD,QAAM,uBAAuBC,QAAmB,KAAK;AAErD,MAAI,QAAQ;AAEZ,MAAI,CAAC,OAAO;AACV,YAAQ,aAAa;AAAA,MACnB,KAAKC;AAAAA,IAAA,CACN;AAAA,EACH;AAEA,QAAMC,mBAAiB,IAAI,eAAA,EACxB,cAAc,oBAAoB,EAClC;AAAA,IACCC,eAAwB;AAAA,MACtB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,cAAc;AAAA,QACZ,QAAQ;AAAA,MAAA;AAAA,IACV,CACD;AAAA,EAAA,EAEF,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,iBAAiB,GAAG,MAAM,MAAM,KAAK,OAAO;AAAA,MAC5C,cAAc,GAAG,MAAM,QAAQ,EAAE;AAAA,MAEjC,GAAI,eAAe;AAAA,QACjB,iBAAiB,GAAG,MAAM,MAAM,KAAK,MAAM;AAAA,MAAA;AAAA,MAG7C,CAAC,cAAc,GAAG;AAAA,QAChB,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,QACX,QAAQ;AAAA,QAER,GAAG,iBAAiB,aAAa,uBAAuB;AAAA,UACtD,QAAQ;AAAA,QAAA,CACT;AAAA,MAAA;AAAA,IACH;AAAA,EACF,CACD,EACA,MAAA;AAEH,SAAO,IAAI,eAAA,EACR,cAAc,cAAc,EAC5B,aAAaD,kBAAgB,mBAAmB,oBAAoB,EACpE,MAAA;AACL;"}

package/dist/composite/person/hero.mjs

@@ -1,274 +0,0 @@
-import * as token from "@universityofmaryland/web-token-library";
-import * as Styles from "@universityofmaryland/web-styles-library";
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-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.mjs";
-import "../../atomic/animations/brand/chevron-scroll.mjs";
-import "../../atomic/animations/brand/card-stack.mjs";
-import imageContainer from "../../atomic/assets/image/background.mjs";
-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.mjs";
-import "../../atomic/layout/overlay/modal.mjs";
-import "../../atomic/layout/person/columns.mjs";
-import contact from "../../atomic/text-lockup/contact.mjs";
-import "../../atomic/text-lockup/date.mjs";
-import "../../atomic/text-lockup/small.mjs";
-const CreateImageBlock = (props) => {
-  const { image, association, pronouns, isThemeDark } = props;
-  const wrapper = new ElementBuilder().withClassName(
-    "umd-person-hero-image-wrapper"
-  );
-  const contactContainer = contact({
-    ...props,
-    isThemeDark: !isThemeDark
-  });
-  if (image) {
-    const imageBlock = imageContainer({
-      element: image,
-      isScaled: false
-    });
-    const imageContainer$1 = new ElementBuilder().withClassName("umd-person-hero-image").withChild(imageBlock).withStyles({
-      element: {
-        backgroundColor: `${isThemeDark ? token.color.gray.lightest : token.color.gray.darker}`,
-        display: "flex",
-        justifyContent: "center",
-        marginBottom: token.spacing.md,
-        ["& img"]: {
-          [`@container (max-width: ${token.media.breakpoints.large.max})`]: {
-            maxHeight: "160px"
-          }
-        }
-      }
-    }).build();
-    wrapper.withChild(imageContainer$1);
-  }
-  if (association) {
-    wrapper.withChild(
-      new ElementBuilder(association).styled(
-        Styles.typography.sans.compose("large", {
-          theme: theme.fontColor(!isThemeDark)
-        })
-      ).withStyles({
-        element: {
-          display: "block"
-        },
-        siblingAfter: {
-          marginTop: token.spacing.min
-        }
-      }).build()
-    );
-  }
-  if (pronouns) {
-    wrapper.withChild(
-      new ElementBuilder(document.createElement("i")).withClassName("umd-person-hero-pronouns").withStyles({
-        element: {
-          display: "block",
-          color: `${isThemeDark ? token.color.black : token.color.white}`,
-          ["*"]: {
-            color: "currentColor"
-          }
-        },
-        siblingAfter: {
-          display: "block",
-          marginTop: token.spacing.min
-        }
-      }).withChild(pronouns).build()
-    );
-  }
-  if (contactContainer) {
-    wrapper.withChild(contactContainer);
-  }
-  const wrapperBuilt = wrapper.build();
-  return new ElementBuilder().withClassName("umd-person-hero-image-container").withChild(wrapperBuilt).withStyles({
-    element: {
-      paddingTop: `${token.spacing.lg}`,
-      paddingBottom: `${token.spacing.lg}`,
-      backgroundColor: `${isThemeDark ? token.color.gray.lightest : token.color.black}`,
-      position: "relative",
-      [`@container (max-width: ${token.media.breakpoints.large.max})`]: {
-        paddingLeft: `${token.spacing.md}`,
-        paddingRight: `${token.spacing.md}`
-      },
-      [`@container (min-width: ${token.media.breakpoints.tablet.min})`]: {
-        padding: `${token.spacing.md}`,
-        width: "30%",
-        maxWidth: "320px"
-      }
-    }
-  }).build();
-};
-const CreateTextContainer = ({
-  name,
-  job,
-  subText,
-  isThemeDark
-}) => {
-  const lineWrapper = new ElementBuilder().styled(Styles.element.text.line.adjustentInset).withStyles({
-    pseudoBefore: {
-      backgroundColor: `${isThemeDark ? token.color.gold : token.color.red}`
-    }
-  });
-  if (subText) {
-    lineWrapper.withChild(
-      new ElementBuilder(subText).styled(
-        Styles.typography.sans.compose("small", {
-          theme: theme.fontColor(isThemeDark)
-        })
-      ).withStyles({
-        element: {
-          display: "block",
-          textTransform: "uppercase",
-          fontWeight: "700",
-          maxWidth: "650px"
-        },
-        siblingAfter: {
-          marginTop: token.spacing.min,
-          [`@container (min-width: ${token.media.breakpoints.tablet.min})`]: {
-            marginTop: token.spacing.sm
-          }
-        }
-      }).build()
-    );
-  }
-  if (name) {
-    lineWrapper.withChild(
-      new ElementBuilder(name).styled(
-        Styles.typography.campaign.compose("large", {
-          theme: theme.fontColor(isThemeDark)
-        })
-      ).withStyles({
-        element: {
-          textTransform: "uppercase",
-          fontWeight: "700",
-          display: "block"
-        },
-        siblingAfter: {
-          marginTop: token.spacing.min,
-          [`@container (min-width: ${token.media.breakpoints.tablet.min})`]: {
-            marginTop: token.spacing.md
-          }
-        }
-      }).build()
-    );
-  }
-  if (job) {
-    lineWrapper.withChild(
-      new ElementBuilder(job).styled(
-        Styles.typography.sans.compose("medium", {
-          theme: theme.fontColor(isThemeDark)
-        })
-      ).withStyles({
-        element: {
-          display: "block",
-          ...!isThemeDark && {
-            color: token.color.gray.dark
-          }
-        }
-      }).build()
-    );
-  }
-  const lineWrapperBuilt = lineWrapper.build();
-  return new ElementBuilder().withClassName("person-hero-text").withChild(lineWrapperBuilt).withStyles({
-    element: {
-      backgroundColor: `${isThemeDark ? token.color.black : token.color.gray.lightest}`,
-      paddingTop: `${token.spacing["3xl"]}`,
-      paddingBottom: `${token.spacing["3xl"]}`,
-      position: "relative",
-      [`@container (max-width: ${token.media.breakpoints.large.max})`]: {
-        paddingLeft: `${token.spacing.md}`,
-        paddingRight: `${token.spacing.md}`
-      },
-      [`@container (min-width: ${token.media.breakpoints.tablet.min})`]: {
-        paddingTop: `0`,
-        paddingBottom: `${token.spacing["7xl"]}`,
-        alignSelf: "flex-start"
-      }
-    },
-    pseudoBefore: {
-      content: '""',
-      position: "absolute",
-      top: "-100px",
-      left: "0",
-      bottom: "0",
-      width: "200vw",
-      transform: "translateX(-20%)",
-      backgroundColor: `${isThemeDark ? token.color.black : token.color.gray.lightest}`
-    }
-  }).build();
-};
-const hero = (props) => {
-  const { breadcrumbMobile, breadcrumbDesktop } = props;
-  const textContainer = CreateTextContainer(props);
-  const textColumns = new ElementBuilder().withClassName("umd-person-hero-columns").withChild(textContainer).withStyles({
-    element: {
-      [`@container (min-width: ${token.media.breakpoints.tablet.min})`]: {
-        width: "70%"
-      }
-    }
-  });
-  if (breadcrumbDesktop) {
-    const textColumnBreadcrumb = new ElementBuilder().withClassName("umd-person-hero-breadcrumb-desktop").withChild(breadcrumbDesktop).withStyles({
-      element: {
-        [`@container (max-width: ${token.media.breakpoints.large.max})`]: {
-          display: "none"
-        }
-      }
-    }).build();
-    textColumns.withChild(textColumnBreadcrumb);
-  }
-  const textColumnsBuilt = textColumns.build();
-  const imageBlock = CreateImageBlock(props);
-  const elementWrapper = new ElementBuilder().withClassName("umd-person-hero-wrapper").withChild(textColumnsBuilt).withChild(imageBlock).withStyles({
-    element: {
-      [`@container (min-width: ${token.media.breakpoints.tablet.min})`]: {
-        display: "flex",
-        justifyContent: "space-between",
-        paddingTop: `${token.spacing["7xl"]}`
-      }
-    }
-  }).build();
-  const elementLock = new ElementBuilder().styled(Styles.layout.space.horizontal.larger).withChild(elementWrapper).withStyles({
-    element: {
-      [`@container (max-width: ${token.media.breakpoints.large.max})`]: {
-        padding: "0"
-      }
-    }
-  });
-  if (breadcrumbMobile) {
-    const mainBreadcrumb = new ElementBuilder().withClassName("umd-person-hero-breadcrumb-mobile").withChild(breadcrumbMobile).withStyles({
-      element: {
-        paddingLeft: `${token.spacing.md}`,
-        paddingRight: `${token.spacing.md}`,
-        [`@container (min-width: ${token.media.breakpoints.tablet.min})`]: {
-          display: "none"
-        }
-      }
-    }).build();
-    elementLock.withChild(mainBreadcrumb);
-  }
-  const elementLockBuilt = elementLock.build();
-  return new ElementBuilder().withClassName("umd-person-hero").withChild(elementLockBuilt).withStyles({
-    element: {
-      overflow: "hidden",
-      containerType: "inline-size"
-    }
-  }).build();
-};
-export {
-  hero as default
-};
-//# sourceMappingURL=hero.mjs.map