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

package/dist/composite/banner/promo.mjs

@@ -1,195 +0,0 @@
-import { token, element, animation, typography } from "@universityofmaryland/web-styles-library";
-import { jssToCSS } from "@universityofmaryland/web-utilities-library/styles";
-import { imageFromSvg } from "@universityofmaryland/web-utilities-library/media";
-import { seal } from "@universityofmaryland/web-icons-library/logos";
-const SMALL = 650;
-const ATTRIBUTE_THEME = "theme";
-const THEME_DARK = "dark";
-const IS_THEME_DARK = `[${ATTRIBUTE_THEME}="${THEME_DARK}"]`;
-const ELEMENT_NAME = "umd-element-banner-promo";
-const ELEMENT_DECLARATION = "banner-promo-declaration";
-const ELEMENT_CONTAINER = "banner-promo-container";
-const ELEMENT_WRAPPER = "banner-promo-wrapper";
-const ELEMENT_TEXT_CONTAINER = "banner-promo-text-container";
-const ELEMENT_HEADLINE = "banner-promo-headline";
-const ELEMENT_RICH_TEXT = "banner-promo-rich-text";
-const ELEMENT_ACTIONS = "banner-promo-actions";
-const OVERWRITE_THEME_DARK_CONTAINER = `.${ELEMENT_CONTAINER}${IS_THEME_DARK}`;
-const OVERWRITE_THEME_DARK_HEADLINE = `.${ELEMENT_CONTAINER}${IS_THEME_DARK} .${ELEMENT_HEADLINE}`;
-const OVERWRITE_THEME_DARK_RICH_TEXT = `.${ELEMENT_CONTAINER}${IS_THEME_DARK} .${ELEMENT_RICH_TEXT}`;
-const OverwriteThemeDark = `
-  ${OVERWRITE_THEME_DARK_CONTAINER} {
-    background-color: ${token.color.black};
-  }
-
-  ${OVERWRITE_THEME_DARK_CONTAINER} > svg {
-    fill: ${token.color.gray.darker};
-  }
-
-  ${OVERWRITE_THEME_DARK_HEADLINE} {
-    color: ${token.color.white};
-  }
-
-  ${jssToCSS({
-  styleObj: {
-    [`${OVERWRITE_THEME_DARK_RICH_TEXT}`]: element.text.rich.advancedDark
-  }
-})}
-
-  ${OVERWRITE_THEME_DARK_RICH_TEXT} * {
-    color: ${token.color.white};
-  }
-`;
-const ActionsStyles = `
-  @container ${ELEMENT_NAME} (max-width: ${SMALL - 1}px) {
-    .${ELEMENT_ACTIONS} {
-      margin-top: ${token.spacing.sm};
-    }
-  }
-
-  @container ${ELEMENT_NAME} (min-width: ${SMALL}px) {
-    .${ELEMENT_ACTIONS} {
-      max-width: 30%;
-      margin-left: ${token.spacing.md};
-    }
-  }
-`;
-const TextStyles = `
-  ${jssToCSS({
-  styleObj: {
-    [`.${ELEMENT_RICH_TEXT}`]: element.text.rich.advanced
-  }
-})}
-
-  ${jssToCSS({
-  styleObj: {
-    [`.${ELEMENT_RICH_TEXT} a`]: animation.line.fadeUnderRed
-  }
-})}
-
-  .${ELEMENT_RICH_TEXT} {
-    margin-top: ${token.spacing.min};
-  }
-
-  .${ELEMENT_RICH_TEXT} * {
-    color: ${token.color.black};
-  }
-`;
-const HeadlineStyles = `
-  ${jssToCSS({
-  styleObj: {
-    [`.${ELEMENT_HEADLINE}`]: typography.sans.extraLarge
-  }
-})}
-
-  .${ELEMENT_HEADLINE} {
-    text-transform: uppercase;
-    color: ${token.color.black};
-    font-weight: 800;
-  }
-`;
-const TextContainerStyles = `
-  @container ${ELEMENT_NAME} (min-width: ${SMALL}px) {
-    .${ELEMENT_TEXT_CONTAINER} {
-      width: 70%;
-    }
-  }
-`;
-const WrapperStyles = `
-  .${ELEMENT_WRAPPER} {
-    z-index: 9;
-    position: relative;
-  }
-
-  @container ${ELEMENT_NAME} (min-width: ${SMALL}px) {
-    .${ELEMENT_WRAPPER} {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-    }
-  }
-`;
-const STYLES_BANNER_PROMO_ELEMENT = `
-  .${ELEMENT_DECLARATION} {
-    container: ${ELEMENT_NAME} / inline-size;
-    overflow: hidden;
-    position: relative;
-  }
-
-  .${ELEMENT_CONTAINER} {
-    padding: ${token.spacing.lg} ${token.spacing.lg};
-    background-color: ${token.color.gold};
-  }
-
-  @container ${ELEMENT_NAME} (min-width: ${SMALL}px) {
-    .${ELEMENT_CONTAINER} {
-      padding: ${token.spacing.xl};
-    }
-  }
-
-  .${ELEMENT_CONTAINER} > img {
-    position: absolute;
-    right: -50px;
-    top: -40px;
-    height: 231px;
-    width: 234px;
-  }
-
-  @container ${ELEMENT_NAME} (max-width: ${SMALL - 1}px) {
-    .${ELEMENT_CONTAINER} > img {
-      display: none;
-    }
-  }
-
-  ${WrapperStyles}
-  ${TextContainerStyles}
-  ${HeadlineStyles}
-  ${TextStyles}
-  ${ActionsStyles}
-  ${OverwriteThemeDark}
-`;
-const CreateTextContainer = (props) => {
-  const { headline, text } = props;
-  const container = document.createElement("div");
-  container.classList.add(ELEMENT_TEXT_CONTAINER);
-  if (headline) {
-    headline.classList.add(ELEMENT_HEADLINE);
-    container.appendChild(headline);
-  }
-  if (text) {
-    text.classList.add(ELEMENT_RICH_TEXT);
-    container.appendChild(text);
-  }
-  return container;
-};
-const CreateBannerPromoElement = (props) => (() => {
-  const { isThemeDark, includeSeal = false, actions } = props;
-  const declaration = document.createElement("div");
-  const container = document.createElement("div");
-  const wrapper = document.createElement("div");
-  const textContainer = CreateTextContainer(props);
-  wrapper.classList.add(ELEMENT_WRAPPER);
-  wrapper.appendChild(textContainer);
-  if (actions) {
-    actions.classList.add(ELEMENT_ACTIONS);
-    wrapper.appendChild(actions);
-  }
-  if (includeSeal) {
-    const img = imageFromSvg({ SVG: seal.white });
-    img.alt = "University of Maryland Seal";
-    container.appendChild(img);
-  }
-  if (isThemeDark) container.setAttribute(ATTRIBUTE_THEME, THEME_DARK);
-  container.classList.add(ELEMENT_CONTAINER);
-  container.appendChild(wrapper);
-  declaration.classList.add(ELEMENT_DECLARATION);
-  declaration.appendChild(container);
-  return {
-    element: declaration,
-    styles: STYLES_BANNER_PROMO_ELEMENT
-  };
-})();
-export {
-  CreateBannerPromoElement as default
-};
-//# sourceMappingURL=promo.mjs.map

package/dist/composite/banner/promo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"promo.mjs","sources":["../../../source/composite/banner/promo.ts"],"sourcesContent":["import {\n  animation,\n  element,\n  token,\n  typography,\n} from '@universityofmaryland/web-styles-library';\nimport { jssToCSS } from '@universityofmaryland/web-utilities-library/styles';\nimport { imageFromSvg } from '@universityofmaryland/web-utilities-library/media';\nimport { seal as logoSeal } from '@universityofmaryland/web-icons-library/logos';\n\ntype TypeBannerPromoProps = {\n  headline?: HTMLElement | null;\n  text?: HTMLElement | null;\n  actions?: HTMLElement | null;\n  isThemeDark?: boolean;\n  includeSeal?: boolean;\n};\n\nconst SMALL = 650;\n\nconst ATTRIBUTE_THEME = 'theme';\nconst THEME_DARK = 'dark';\n\nconst IS_THEME_DARK = `[${ATTRIBUTE_THEME}=\"${THEME_DARK}\"]`;\n\nconst ELEMENT_NAME = 'umd-element-banner-promo';\nconst ELEMENT_DECLARATION = 'banner-promo-declaration';\nconst ELEMENT_CONTAINER = 'banner-promo-container';\nconst ELEMENT_WRAPPER = 'banner-promo-wrapper';\nconst ELEMENT_TEXT_CONTAINER = 'banner-promo-text-container';\nconst ELEMENT_HEADLINE = 'banner-promo-headline';\nconst ELEMENT_RICH_TEXT = 'banner-promo-rich-text';\nconst ELEMENT_ACTIONS = 'banner-promo-actions';\n\nconst OVERWRITE_THEME_DARK_CONTAINER = `.${ELEMENT_CONTAINER}${IS_THEME_DARK}`;\nconst OVERWRITE_THEME_DARK_HEADLINE = `.${ELEMENT_CONTAINER}${IS_THEME_DARK} .${ELEMENT_HEADLINE}`;\nconst OVERWRITE_THEME_DARK_RICH_TEXT = `.${ELEMENT_CONTAINER}${IS_THEME_DARK} .${ELEMENT_RICH_TEXT}`;\n\n// prettier-ignore\nconst OverwriteThemeDark = `\n  ${OVERWRITE_THEME_DARK_CONTAINER} {\n    background-color: ${token.color.black};\n  }\n\n  ${OVERWRITE_THEME_DARK_CONTAINER} > svg {\n    fill: ${token.color.gray.darker};\n  }\n\n  ${OVERWRITE_THEME_DARK_HEADLINE} {\n    color: ${token.color.white};\n  }\n\n  ${jssToCSS({\n    styleObj: {\n      [`${OVERWRITE_THEME_DARK_RICH_TEXT}`]: element.text.rich.advancedDark,\n    },\n  })}\n\n  ${OVERWRITE_THEME_DARK_RICH_TEXT} * {\n    color: ${token.color.white};\n  }\n`;\n\n// prettier-ignore\nconst ActionsStyles = `\n  @container ${ELEMENT_NAME} (max-width: ${SMALL - 1}px) {\n    .${ELEMENT_ACTIONS} {\n      margin-top: ${token.spacing.sm};\n    }\n  }\n\n  @container ${ELEMENT_NAME} (min-width: ${SMALL}px) {\n    .${ELEMENT_ACTIONS} {\n      max-width: 30%;\n      margin-left: ${token.spacing.md};\n    }\n  }\n`;\n\n// prettier-ignore\nconst TextStyles = `\n  ${jssToCSS({\n    styleObj: {\n      [`.${ELEMENT_RICH_TEXT}`]: element.text.rich.advanced,\n    },\n  })}\n\n  ${jssToCSS({\n    styleObj: {\n      [`.${ELEMENT_RICH_TEXT} a`]: animation.line.fadeUnderRed,\n    },\n  })}\n\n  .${ELEMENT_RICH_TEXT} {\n    margin-top: ${token.spacing.min};\n  }\n\n  .${ELEMENT_RICH_TEXT} * {\n    color: ${token.color.black};\n  }\n`;\n\n// prettier-ignore\nconst HeadlineStyles = `\n  ${jssToCSS({\n    styleObj: {\n      [`.${ELEMENT_HEADLINE}`]: typography.sans.extraLarge,\n    },\n  })}\n\n  .${ELEMENT_HEADLINE} {\n    text-transform: uppercase;\n    color: ${token.color.black};\n    font-weight: 800;\n  }\n`;\n\n// prettier-ignore\nconst TextContainerStyles = `\n  @container ${ELEMENT_NAME} (min-width: ${SMALL}px) {\n    .${ELEMENT_TEXT_CONTAINER} {\n      width: 70%;\n    }\n  }\n`;\n\n// prettier-ignore\nconst WrapperStyles = `\n  .${ELEMENT_WRAPPER} {\n    z-index: 9;\n    position: relative;\n  }\n\n  @container ${ELEMENT_NAME} (min-width: ${SMALL}px) {\n    .${ELEMENT_WRAPPER} {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n  }\n`;\n\nconst STYLES_BANNER_PROMO_ELEMENT = `\n  .${ELEMENT_DECLARATION} {\n    container: ${ELEMENT_NAME} / inline-size;\n    overflow: hidden;\n    position: relative;\n  }\n\n  .${ELEMENT_CONTAINER} {\n    padding: ${token.spacing.lg} ${token.spacing.lg};\n    background-color: ${token.color.gold};\n  }\n\n  @container ${ELEMENT_NAME} (min-width: ${SMALL}px) {\n    .${ELEMENT_CONTAINER} {\n      padding: ${token.spacing.xl};\n    }\n  }\n\n  .${ELEMENT_CONTAINER} > img {\n    position: absolute;\n    right: -50px;\n    top: -40px;\n    height: 231px;\n    width: 234px;\n  }\n\n  @container ${ELEMENT_NAME} (max-width: ${SMALL - 1}px) {\n    .${ELEMENT_CONTAINER} > img {\n      display: none;\n    }\n  }\n\n  ${WrapperStyles}\n  ${TextContainerStyles}\n  ${HeadlineStyles}\n  ${TextStyles}\n  ${ActionsStyles}\n  ${OverwriteThemeDark}\n`;\n\nconst CreateTextContainer = (props: TypeBannerPromoProps) => {\n  const { headline, text } = props;\n  const container = document.createElement('div');\n\n  container.classList.add(ELEMENT_TEXT_CONTAINER);\n\n  if (headline) {\n    headline.classList.add(ELEMENT_HEADLINE);\n    container.appendChild(headline);\n  }\n\n  if (text) {\n    text.classList.add(ELEMENT_RICH_TEXT);\n    container.appendChild(text);\n  }\n\n  return container;\n};\n\nconst CreateBannerPromoElement = (props: TypeBannerPromoProps) =>\n  (() => {\n    const { isThemeDark, includeSeal = false, actions } = props;\n    const declaration = document.createElement('div');\n    const container = document.createElement('div');\n    const wrapper = document.createElement('div');\n    const textContainer = CreateTextContainer(props);\n\n    wrapper.classList.add(ELEMENT_WRAPPER);\n    wrapper.appendChild(textContainer);\n\n    if (actions) {\n      actions.classList.add(ELEMENT_ACTIONS);\n      wrapper.appendChild(actions);\n    }\n\n    if (includeSeal) {\n      const img = imageFromSvg({ SVG: logoSeal.white });\n\n      img.alt = 'University of Maryland Seal';\n      container.appendChild(img);\n    }\n    if (isThemeDark) container.setAttribute(ATTRIBUTE_THEME, THEME_DARK);\n    container.classList.add(ELEMENT_CONTAINER);\n    container.appendChild(wrapper);\n\n    declaration.classList.add(ELEMENT_DECLARATION);\n    declaration.appendChild(container);\n\n    return {\n      element: declaration,\n      styles: STYLES_BANNER_PROMO_ELEMENT,\n    };\n  })();\n\nexport default CreateBannerPromoElement;\n"],"names":["logoSeal"],"mappings":"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"}

package/dist/composite/card/block.mjs

@@ -1,92 +0,0 @@
-import * as token from "@universityofmaryland/web-token-library";
-import { createMediaQuery } from "@universityofmaryland/web-utilities-library/styles";
-import "@universityofmaryland/web-builder-library";
-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-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 { image, textContainer, container } from "../../atomic/layout/block/stacked.mjs";
-import "../../atomic/layout/overlay/modal.mjs";
-import "../../atomic/layout/person/columns.mjs";
-import "@universityofmaryland/web-icons-library/social";
-import "../../atomic/text-lockup/date.mjs";
-import "../../atomic/text-lockup/small.mjs";
-import smallScaling from "../../atomic/text-lockup/small-scaling.mjs";
-const smallBreakpoint = token.media.breakpointValues.small.max;
-const block = (props) => {
-  const {
-    dateSign,
-    hasBorder,
-    hasEyebrowRibbon,
-    image: image$1,
-    isAligned,
-    isThemeDark,
-    isTransparent,
-    newsId
-  } = props;
-  const shouldImageBeFullWidth = hasEyebrowRibbon;
-  const children = [];
-  const sizingProps = {
-    isThemeDark,
-    isTransparent,
-    hasBorder
-  };
-  if (image$1) {
-    children.push(
-      image({
-        children: [
-          imageContainer({
-            element: image$1,
-            isScaled: true,
-            isAspectStandard: isAligned,
-            dateSign
-          })
-        ],
-        customStyles: {
-          ...shouldImageBeFullWidth && {
-            ...createMediaQuery("max-width", smallBreakpoint, {
-              marginBottom: token.spacing.md,
-              width: "100%"
-            })
-          }
-        },
-        ...sizingProps
-      })
-    );
-  }
-  children.push(
-    textContainer({
-      children: [smallScaling(props)],
-      ...sizingProps
-    })
-  );
-  const composite = container({
-    children,
-    ...sizingProps
-  });
-  if (newsId) {
-    composite?.element.setAttribute("news-id", newsId);
-  }
-  return composite;
-};
-export {
-  block as default
-};
-//# sourceMappingURL=block.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"block.mjs","sources":["../../../source/composite/card/block.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-token-library';\nimport { createMediaQuery } from '@universityofmaryland/web-utilities-library/styles';\nimport { assets, layout, textLockup } from 'atomic';\nimport { CardBlockProps } from './_types';\nimport { type UMDElement } from '../../_types';\n\nconst smallBreakpoint = token.media.breakpointValues.small.max;\n\nexport default (props: CardBlockProps) => {\n  const {\n    dateSign,\n    hasBorder,\n    hasEyebrowRibbon,\n    image,\n    isAligned,\n    isThemeDark,\n    isTransparent,\n    newsId,\n  } = props;\n  const shouldImageBeFullWidth = hasEyebrowRibbon;\n  const children: UMDElement[] = [];\n  const sizingProps = {\n    isThemeDark,\n    isTransparent,\n    hasBorder,\n  };\n\n  if (image) {\n    children.push(\n      layout.block.stacked.image({\n        children: [\n          assets.image.background({\n            element: image,\n            isScaled: true,\n            isAspectStandard: isAligned,\n            dateSign,\n          }),\n        ],\n        customStyles: {\n          ...(shouldImageBeFullWidth && {\n            ...createMediaQuery('max-width', smallBreakpoint, {\n              marginBottom: token.spacing.md,\n              width: '100%',\n            }),\n          }),\n        },\n        ...sizingProps,\n      }),\n    );\n  }\n\n  children.push(\n    layout.block.stacked.textContainer({\n      children: [textLockup.smallScaling(props)],\n      ...sizingProps,\n    }),\n  );\n\n  const composite = layout.block.stacked.container({\n    children,\n    ...sizingProps,\n  });\n\n  if (newsId) {\n    composite?.element.setAttribute('news-id', newsId);\n  }\n\n  return composite;\n};\n"],"names":["image","layout.block.stacked.image","assets.image.background","layout.block.stacked.textContainer","textLockup.smallScaling","layout.block.stacked.container"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,kBAAkB,MAAM,MAAM,iBAAiB,MAAM;AAE3D,MAAA,QAAe,CAAC,UAA0B;AACxC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IAAA,OACAA;AAAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AACJ,QAAM,yBAAyB;AAC/B,QAAM,WAAyB,CAAA;AAC/B,QAAM,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,MAAIA,SAAO;AACT,aAAS;AAAA,MACPC,MAA2B;AAAA,QACzB,UAAU;AAAA,UACRC,eAAwB;AAAA,YACtB,SAASF;AAAAA,YACT,UAAU;AAAA,YACV,kBAAkB;AAAA,YAClB;AAAA,UAAA,CACD;AAAA,QAAA;AAAA,QAEH,cAAc;AAAA,UACZ,GAAI,0BAA0B;AAAA,YAC5B,GAAG,iBAAiB,aAAa,iBAAiB;AAAA,cAChD,cAAc,MAAM,QAAQ;AAAA,cAC5B,OAAO;AAAA,YAAA,CACR;AAAA,UAAA;AAAA,QACH;AAAA,QAEF,GAAG;AAAA,MAAA,CACJ;AAAA,IAAA;AAAA,EAEL;AAEA,WAAS;AAAA,IACPG,cAAmC;AAAA,MACjC,UAAU,CAACC,aAAwB,KAAK,CAAC;AAAA,MACzC,GAAG;AAAA,IAAA,CACJ;AAAA,EAAA;AAGH,QAAM,YAAYC,UAA+B;AAAA,IAC/C;AAAA,IACA,GAAG;AAAA,EAAA,CACJ;AAED,MAAI,QAAQ;AACV,eAAW,QAAQ,aAAa,WAAW,MAAM;AAAA,EACnD;AAEA,SAAO;AACT;"}

package/dist/composite/card/index.mjs

@@ -1,11 +0,0 @@
-import { default as default2 } from "./block.mjs";
-import { default as default3 } from "./list.mjs";
-import * as index from "./overlay/index.mjs";
-import * as index$1 from "./video/index.mjs";
-export {
-  default2 as block,
-  default3 as list,
-  index as overlay,
-  index$1 as video
-};
-//# sourceMappingURL=index.mjs.map

package/dist/composite/card/index.mjs.map

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

package/dist/composite/card/list.mjs

@@ -1,136 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import * as token from "@universityofmaryland/web-token-library";
-import { createMediaQuery } from "@universityofmaryland/web-utilities-library/styles";
-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-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 "@universityofmaryland/web-icons-library/social";
-import "../../atomic/text-lockup/date.mjs";
-import { createTextLockupSmall } from "../../atomic/text-lockup/small.mjs";
-const smallBreakpoint = token.media.breakpointValues.small.max;
-const mediumBreakpointStart = token.media.breakpointValues.medium.min;
-const mediumBreakpoint = token.media.breakpointValues.large.min;
-const makeDateColumn = (dateSign) => new ElementBuilder().withClassName("card-list-date-sign-wrapper").withStyles({
-  element: {
-    width: `${token.spacing.xl}`,
-    order: 1,
-    alignSelf: "flex-start",
-    ...createMediaQuery("max-width", mediumBreakpoint, {
-      display: "none"
-    }),
-    ...createMediaQuery("min-width", mediumBreakpoint, {
-      width: `${token.spacing["8xl"]}`
-    })
-  }
-}).withChild(dateSign).build();
-const makeTextColumn = (props) => {
-  const lockup = createTextLockupSmall(props);
-  return new ElementBuilder().withClassName("card-list-text-wrapper").withStyles({
-    element: {
-      flex: "1 0",
-      ...createMediaQuery("min-width", mediumBreakpointStart, {
-        paddingRight: `${token.spacing.md}`,
-        order: "2"
-      }),
-      ...createMediaQuery("min-width", mediumBreakpoint, {
-        width: "208px"
-      })
-    }
-  }).withChild(lockup).build();
-};
-const makeImageColumn = ({
-  image,
-  isAligned
-}) => {
-  const backgroundImage = imageContainer({
-    element: image,
-    isScaled: isAligned,
-    isGifAllowed: false
-  });
-  return new ElementBuilder().withClassName("card-list-image-wrapper").withStyles({
-    element: {
-      ...createMediaQuery("max-width", smallBreakpoint, {
-        marginLeft: token.spacing.min,
-        marginBottom: token.spacing.md,
-        width: "120px",
-        float: "right",
-        position: "relative",
-        zIndex: 99,
-        ...isAligned && {
-          height: "104px"
-        }
-      }),
-      ...createMediaQuery("min-width", mediumBreakpointStart, {
-        display: "block",
-        width: "160px",
-        order: "3",
-        ...isAligned && {
-          height: "160px"
-        }
-      }),
-      ...createMediaQuery("min-width", mediumBreakpoint, {
-        width: "208px"
-      }),
-      "& img": {
-        ...createMediaQuery("max-width", smallBreakpoint, {
-          height: "auto !important"
-        })
-      }
-    }
-  }).withChild(backgroundImage).build();
-};
-const list = (props) => {
-  const { image, isAligned, isThemeDark, dateSign } = props;
-  let children = [];
-  if (image) {
-    children.push(makeImageColumn({ image, isAligned }));
-  }
-  if (dateSign) {
-    children.push(makeDateColumn(dateSign));
-  }
-  children.push(makeTextColumn(props));
-  const wrapper = new ElementBuilder().withClassName("card-list-wrapper").withStyles({
-    element: {
-      containerType: "inline-size",
-      ...createMediaQuery("min-width", mediumBreakpointStart, {
-        display: "flex",
-        justifyContent: "space-between"
-      })
-    }
-  }).withChildren(...children).build();
-  return new ElementBuilder().withClassName("card-list-container").withStyles({
-    element: {
-      height: "100%",
-      overflow: "hidden",
-      ...isThemeDark && {
-        backgroundColor: token.color.black,
-        color: token.color.white
-      }
-    }
-  }).withChild(wrapper).build();
-};
-export {
-  list as default
-};
-//# sourceMappingURL=list.mjs.map

package/dist/composite/card/list.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"list.mjs","sources":["../../../source/composite/card/list.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 { textLockup, assets } from 'atomic';\nimport { CardListProps } from './_types';\nimport { type UMDElement } 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\nconst makeDateColumn = (dateSign: UMDElement) =>\n  new ElementBuilder()\n    .withClassName('card-list-date-sign-wrapper')\n    .withStyles({\n      element: {\n        width: `${token.spacing.xl}`,\n        order: 1,\n        alignSelf: 'flex-start',\n\n        ...createMediaQuery('max-width', mediumBreakpoint, {\n          display: 'none',\n        }),\n        ...createMediaQuery('min-width', mediumBreakpoint, {\n          width: `${token.spacing['8xl']}`,\n        }),\n      },\n    })\n    .withChild(dateSign)\n    .build();\n\nconst makeTextColumn = (props: CardListProps) => {\n  const lockup = textLockup.small(props);\n\n  return new ElementBuilder()\n    .withClassName('card-list-text-wrapper')\n    .withStyles({\n      element: {\n        flex: '1 0',\n\n        ...createMediaQuery('min-width', mediumBreakpointStart, {\n          paddingRight: `${token.spacing.md}`,\n          order: '2',\n        }),\n\n        ...createMediaQuery('min-width', mediumBreakpoint, {\n          width: '208px',\n        }),\n      },\n    })\n    .withChild(lockup)\n    .build();\n};\n\nconst makeImageColumn = ({\n  image,\n  isAligned,\n}: {\n  image: NonNullable<CardListProps['image']>;\n  isAligned?: CardListProps['isAligned'];\n}) => {\n  const backgroundImage = assets.image.background({\n    element: image,\n    isScaled: isAligned,\n    isGifAllowed: false,\n  });\n\n  return new ElementBuilder()\n    .withClassName('card-list-image-wrapper')\n    .withStyles({\n      element: {\n        ...createMediaQuery('max-width', smallBreakpoint, {\n          marginLeft: token.spacing.min,\n          marginBottom: token.spacing.md,\n          width: '120px',\n          float: 'right',\n          position: 'relative',\n          zIndex: 99,\n\n          ...(isAligned && {\n            height: '104px',\n          }),\n        }),\n\n        ...createMediaQuery('min-width', mediumBreakpointStart, {\n          display: 'block',\n          width: '160px',\n          order: '3',\n\n          ...(isAligned && {\n            height: '160px',\n          }),\n        }),\n\n        ...createMediaQuery('min-width', mediumBreakpoint, {\n          width: '208px',\n        }),\n\n        '& img': {\n          ...createMediaQuery('max-width', smallBreakpoint, {\n            height: 'auto !important',\n          }),\n        },\n      },\n    })\n    .withChild(backgroundImage)\n    .build();\n};\n\nexport default (props: CardListProps) => {\n  const { image, isAligned, isThemeDark, dateSign } = props;\n  let children: UMDElement[] = [];\n\n  if (image) {\n    children.push(makeImageColumn({ image, isAligned }));\n  }\n\n  if (dateSign) {\n    children.push(makeDateColumn(dateSign));\n  }\n\n  children.push(makeTextColumn(props));\n\n  const wrapper = new ElementBuilder()\n    .withClassName('card-list-wrapper')\n    .withStyles({\n      element: {\n        containerType: 'inline-size',\n\n        ...createMediaQuery('min-width', mediumBreakpointStart, {\n          display: 'flex',\n          justifyContent: 'space-between',\n        }),\n      },\n    })\n    .withChildren(...children)\n    .build();\n\n  return new ElementBuilder()\n    .withClassName('card-list-container')\n    .withStyles({\n      element: {\n        height: '100%',\n        overflow: 'hidden',\n\n        ...(isThemeDark && {\n          backgroundColor: token.color.black,\n          color: token.color.white,\n        }),\n      },\n    })\n    .withChild(wrapper)\n    .build();\n};\n"],"names":["textLockup.small","assets.image.background"],"mappings":"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"}

package/dist/composite/card/overlay/color.mjs

@@ -1,81 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import * as token from "@universityofmaryland/web-token-library";
-import * as layout from "@universityofmaryland/web-styles-library/layout";
-import "@universityofmaryland/web-styles-library/element";
-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 icon from "../../../atomic/actions/icon.mjs";
-import "../../../atomic/animations/actions/indicator.mjs";
-import "../../../atomic/animations/brand/chevron-scroll.mjs";
-import "../../../atomic/animations/brand/card-stack.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 "@universityofmaryland/web-icons-library/social";
-import "../../../atomic/text-lockup/date.mjs";
-import "../../../atomic/text-lockup/small.mjs";
-import smallScaling from "../../../atomic/text-lockup/small-scaling.mjs";
-const color = (props) => {
-  const { isThemeDark, ctaIcon } = props;
-  const children = [];
-  if (ctaIcon && ctaIcon instanceof HTMLElement) {
-    children.push(
-      icon({
-        ...props,
-        ctaIcon,
-        isThemeLight: !isThemeDark
-      })
-    );
-  }
-  const lockup = smallScaling(props);
-  const wrapper = new ElementBuilder().withClassName("card-overlay-color-wrapper").withStyles({
-    element: {
-      paddingRight: `${ctaIcon ? token.spacing["2xl"] : 0}`,
-      height: "100%",
-      [`& > *`]: {
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        zIndex: 9,
-        position: "relative",
-        maxWidth: `${token.spacing.maxWidth.smallest}`
-      }
-    }
-  }).withChild(lockup).build();
-  children.push(wrapper);
-  return new ElementBuilder().withClassName("card-overlay-color").withStyles({
-    element: {
-      containerType: "inline-size",
-      padding: `${token.spacing.lg} ${token.spacing.md}`,
-      minHeight: "360px",
-      height: "100%",
-      overflow: "hidden",
-      position: "relative",
-      backgroundColor: token.color.gray.lightest,
-      ...isThemeDark && {
-        backgroundColor: token.color.gray.darker
-      },
-      [`& .${layout.grid.inline.tabletRows.className}`]: {
-        [`@media (${token.media.queries.tablet.min})`]: {
-          marginTop: "auto !important"
-        }
-      }
-    }
-  }).withChildren(...children).build();
-};
-export {
-  color as default
-};
-//# sourceMappingURL=color.mjs.map

package/dist/composite/card/overlay/color.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"color.mjs","sources":["../../../../source/composite/card/overlay/color.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 { actions, textLockup } from 'atomic';\nimport { CardOverlayProps } from '../_types';\nimport { type UMDElement } from '../../../_types';\n\nexport default (props: CardOverlayProps) => {\n  const { isThemeDark, ctaIcon } = props;\n\n  const children: UMDElement[] = [];\n\n  if (ctaIcon && ctaIcon instanceof HTMLElement) {\n    children.push(\n      actions.icon({\n        ...props,\n        ctaIcon,\n        isThemeLight: !isThemeDark,\n      }),\n    );\n  }\n\n  const lockup = textLockup.smallScaling(props);\n\n  const wrapper = new ElementBuilder()\n    .withClassName('card-overlay-color-wrapper')\n    .withStyles({\n      element: {\n        paddingRight: `${ctaIcon ? token.spacing['2xl'] : 0}`,\n        height: '100%',\n\n        [`& > *`]: {\n          height: '100%',\n          display: 'flex',\n          flexDirection: 'column',\n          zIndex: 9,\n          position: 'relative',\n          maxWidth: `${token.spacing.maxWidth.smallest}`,\n        },\n      },\n    })\n    .withChild(lockup)\n    .build();\n\n  children.push(wrapper);\n\n  return new ElementBuilder()\n    .withClassName('card-overlay-color')\n    .withStyles({\n      element: {\n        containerType: 'inline-size',\n        padding: `${token.spacing.lg} ${token.spacing.md}`,\n        minHeight: '360px',\n        height: '100%',\n        overflow: 'hidden',\n        position: 'relative',\n        backgroundColor: token.color.gray.lightest,\n\n        ...(isThemeDark && {\n          backgroundColor: token.color.gray.darker,\n        }),\n\n        [`& .${layout.grid.inline.tabletRows.className}`]: {\n          [`@media (${token.media.queries.tablet.min})`]: {\n            marginTop: 'auto !important',\n          },\n        },\n      },\n    })\n    .withChildren(...children)\n    .build();\n};\n"],"names":["actions.icon","textLockup.smallScaling"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAA,QAAe,CAAC,UAA4B;AAC1C,QAAM,EAAE,aAAa,QAAA,IAAY;AAEjC,QAAM,WAAyB,CAAA;AAE/B,MAAI,WAAW,mBAAmB,aAAa;AAC7C,aAAS;AAAA,MACPA,KAAa;AAAA,QACX,GAAG;AAAA,QACH;AAAA,QACA,cAAc,CAAC;AAAA,MAAA,CAChB;AAAA,IAAA;AAAA,EAEL;AAEA,QAAM,SAASC,aAAwB,KAAK;AAE5C,QAAM,UAAU,IAAI,eAAA,EACjB,cAAc,4BAA4B,EAC1C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,cAAc,GAAG,UAAU,MAAM,QAAQ,KAAK,IAAI,CAAC;AAAA,MACnD,QAAQ;AAAA,MAER,CAAC,OAAO,GAAG;AAAA,QACT,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,eAAe;AAAA,QACf,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU,GAAG,MAAM,QAAQ,SAAS,QAAQ;AAAA,MAAA;AAAA,IAC9C;AAAA,EACF,CACD,EACA,UAAU,MAAM,EAChB,MAAA;AAEH,WAAS,KAAK,OAAO;AAErB,SAAO,IAAI,eAAA,EACR,cAAc,oBAAoB,EAClC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe;AAAA,MACf,SAAS,GAAG,MAAM,QAAQ,EAAE,IAAI,MAAM,QAAQ,EAAE;AAAA,MAChD,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,iBAAiB,MAAM,MAAM,KAAK;AAAA,MAElC,GAAI,eAAe;AAAA,QACjB,iBAAiB,MAAM,MAAM,KAAK;AAAA,MAAA;AAAA,MAGpC,CAAC,MAAM,OAAO,KAAK,OAAO,WAAW,SAAS,EAAE,GAAG;AAAA,QACjD,CAAC,WAAW,MAAM,MAAM,QAAQ,OAAO,GAAG,GAAG,GAAG;AAAA,UAC9C,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF,CACD,EACA,aAAa,GAAG,QAAQ,EACxB,MAAA;AACL;"}

package/dist/composite/card/overlay/icon.mjs

@@ -1,71 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import * as token from "@universityofmaryland/web-token-library";
-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 "@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 "@universityofmaryland/web-icons-library/social";
-import "../../../atomic/text-lockup/date.mjs";
-import "../../../atomic/text-lockup/small.mjs";
-import smallScaling from "../../../atomic/text-lockup/small-scaling.mjs";
-const icon = (props) => {
-  const children = [];
-  if (props.image) {
-    const imageContainer = new ElementBuilder().withClassName("card-overlay-icon-image").withStyles({
-      element: {
-        display: "flex",
-        justifyContent: "flex-end",
-        marginBottom: `${token.spacing.lg}`,
-        "& *": {
-          maxHeight: "120px"
-        }
-      }
-    }).withChild(props.image).build();
-    children.push(imageContainer);
-  }
-  children.push(
-    smallScaling({
-      ...props,
-      customStyles: {
-        height: "auto"
-      }
-    })
-  );
-  return new ElementBuilder().withClassName("card-overlay-icon").withStyles({
-    element: {
-      containerType: "inline-size",
-      height: "100%",
-      overflow: "hidden",
-      position: "relative",
-      padding: `${token.spacing.md}`,
-      paddingTop: `${token.spacing.sm}`,
-      backgroundColor: token.color.gray.lightest,
-      ...props.isThemeDark && {
-        backgroundColor: token.color.gray.darker
-      }
-    }
-  }).withChildren(...children).build();
-};
-export {
-  icon as default
-};
-//# sourceMappingURL=icon.mjs.map

package/dist/composite/card/overlay/icon.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.mjs","sources":["../../../../source/composite/card/overlay/icon.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport { textLockup } from 'atomic';\nimport { type UMDElement } from '../../../_types';\n\ninterface CardIconProps {\n  headline: HTMLElement | null;\n  text?: HTMLElement | null;\n  image?: HTMLImageElement | null;\n  isThemeDark?: boolean;\n}\n\nexport default (props: CardIconProps) => {\n  const children: UMDElement[] = [];\n\n  if (props.image) {\n    const imageContainer = new ElementBuilder()\n      .withClassName('card-overlay-icon-image')\n      .withStyles({\n        element: {\n          display: 'flex',\n          justifyContent: 'flex-end',\n          marginBottom: `${token.spacing.lg}`,\n\n          '& *': {\n            maxHeight: '120px',\n          },\n        },\n      })\n      .withChild(props.image)\n      .build();\n\n    children.push(imageContainer);\n  }\n\n  children.push(\n    textLockup.smallScaling({\n      ...props,\n      customStyles: {\n        height: 'auto',\n      },\n    }),\n  );\n\n  return new ElementBuilder()\n    .withClassName('card-overlay-icon')\n    .withStyles({\n      element: {\n        containerType: 'inline-size',\n        height: '100%',\n        overflow: 'hidden',\n        position: 'relative',\n        padding: `${token.spacing.md}`,\n        paddingTop: `${token.spacing.sm}`,\n        backgroundColor: token.color.gray.lightest,\n\n        ...(props.isThemeDark && {\n          backgroundColor: token.color.gray.darker,\n        }),\n      },\n    })\n    .withChildren(...children)\n    .build();\n};\n"],"names":["textLockup.smallScaling"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAA,OAAe,CAAC,UAAyB;AACvC,QAAM,WAAyB,CAAA;AAE/B,MAAI,MAAM,OAAO;AACf,UAAM,iBAAiB,IAAI,eAAA,EACxB,cAAc,yBAAyB,EACvC,WAAW;AAAA,MACV,SAAS;AAAA,QACP,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,cAAc,GAAG,MAAM,QAAQ,EAAE;AAAA,QAEjC,OAAO;AAAA,UACL,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF,CACD,EACA,UAAU,MAAM,KAAK,EACrB,MAAA;AAEH,aAAS,KAAK,cAAc;AAAA,EAC9B;AAEA,WAAS;AAAA,IACPA,aAAwB;AAAA,MACtB,GAAG;AAAA,MACH,cAAc;AAAA,QACZ,QAAQ;AAAA,MAAA;AAAA,IACV,CACD;AAAA,EAAA;AAGH,SAAO,IAAI,eAAA,EACR,cAAc,mBAAmB,EACjC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS,GAAG,MAAM,QAAQ,EAAE;AAAA,MAC5B,YAAY,GAAG,MAAM,QAAQ,EAAE;AAAA,MAC/B,iBAAiB,MAAM,MAAM,KAAK;AAAA,MAElC,GAAI,MAAM,eAAe;AAAA,QACvB,iBAAiB,MAAM,MAAM,KAAK;AAAA,MAAA;AAAA,IACpC;AAAA,EACF,CACD,EACA,aAAa,GAAG,QAAQ,EACxB,MAAA;AACL;"}