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

package/dist/composite/quote/elements/action.js

@@ -1,36 +1,17 @@
-"use strict";
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const token = require("@universityofmaryland/web-token-library");
-const layout = require("@universityofmaryland/web-styles-library/layout");
-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 layout__namespace = /* @__PURE__ */ _interopNamespaceDefault(layout);
-const elementAction = ({
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import * as token from "@universityofmaryland/web-token-library";
+import * as layout from "@universityofmaryland/web-styles-library/layout";
+const CreateQuoteActionElement = ({
   action,
   image,
   includesAnimation,
   isTypeFeatured = false
-}) => new webBuilderLibrary.ElementBuilder(action).withClassName("quote-container-actions").withStyles({
+}) => new ElementBuilder(action).withClassName("quote-container-actions").withStyles({
   element: {
-    marginTop: token__namespace.spacing.sm,
+    marginTop: token.spacing.sm,
     display: "block",
     ...!isTypeFeatured && {
-      ...layout__namespace.grid.inline.tabletRows
+      ...layout.grid.inline.tabletRows
     },
     ...includesAnimation && (!isTypeFeatured || isTypeFeatured && !image) && {
       opacity: "0",
@@ -39,5 +20,8 @@ const elementAction = ({
     }
   }
 }).build();
-module.exports = elementAction;
+const createCompositeQuoteAction = CreateQuoteActionElement;
+export {
+  createCompositeQuoteAction
+};
 //# sourceMappingURL=action.js.map

package/dist/composite/quote/elements/action.js.map

@@ -1 +1 @@
-{"version":3,"file":"action.js","sources":["../../../../source/composite/quote/elements/action.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 { type QuoteBaseProps, type QuoteVariantProps } from '../_types';\n\ninterface QuoteActionProps\n  extends QuoteVariantProps,\n    Pick<QuoteBaseProps, 'includesAnimation' | 'image'> {\n  action: HTMLAnchorElement;\n}\n\nexport default ({\n  action,\n  image,\n  includesAnimation,\n  isTypeFeatured = false,\n}: QuoteActionProps) =>\n  new ElementBuilder(action)\n    .withClassName('quote-container-actions')\n    .withStyles({\n      element: {\n        marginTop: token.spacing.sm,\n        display: 'block',\n\n        ...(!isTypeFeatured && {\n          ...layout.grid.inline.tabletRows,\n        }),\n\n        ...(includesAnimation &&\n          (!isTypeFeatured || (isTypeFeatured && !image)) && {\n            opacity: '0',\n            transform: 'translateY(20px)',\n            transition: 'opacity 1s ease, transform 0.5s ease',\n          }),\n      },\n    })\n    .build();\n"],"names":["ElementBuilder","token","layout"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAWA,MAAA,gBAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,MACE,IAAIA,kBAAAA,eAAe,MAAM,EACtB,cAAc,yBAAyB,EACvC,WAAW;AAAA,EACV,SAAS;AAAA,IACP,WAAWC,iBAAM,QAAQ;AAAA,IACzB,SAAS;AAAA,IAET,GAAI,CAAC,kBAAkB;AAAA,MACrB,GAAGC,kBAAO,KAAK,OAAO;AAAA,IAAA;AAAA,IAGxB,GAAI,sBACD,CAAC,kBAAmB,kBAAkB,CAAC,UAAW;AAAA,MACjD,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,IAAA;AAAA,EACd;AAEN,CAAC,EACA,MAAA;;"}
+{"version":3,"file":"action.js","sources":["../../../../source/composite/quote/elements/action.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 { type QuoteBaseProps, type QuoteVariantProps } from '../_types';\n\ninterface QuoteActionProps\n  extends QuoteVariantProps,\n    Pick<QuoteBaseProps, 'includesAnimation' | 'image'> {\n  action: HTMLAnchorElement;\n}\n\nconst CreateQuoteActionElement = ({\n  action,\n  image,\n  includesAnimation,\n  isTypeFeatured = false,\n}: QuoteActionProps) =>\n  new ElementBuilder(action)\n    .withClassName('quote-container-actions')\n    .withStyles({\n      element: {\n        marginTop: token.spacing.sm,\n        display: 'block',\n\n        ...(!isTypeFeatured && {\n          ...layout.grid.inline.tabletRows,\n        }),\n\n        ...(includesAnimation &&\n          (!isTypeFeatured || (isTypeFeatured && !image)) && {\n            opacity: '0',\n            transform: 'translateY(20px)',\n            transition: 'opacity 1s ease, transform 0.5s ease',\n          }),\n      },\n    })\n    .build();\n\nexport const createCompositeQuoteAction = CreateQuoteActionElement;\n"],"names":[],"mappings":";;;AAWA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,MACE,IAAI,eAAe,MAAM,EACtB,cAAc,yBAAyB,EACvC,WAAW;AAAA,EACV,SAAS;AAAA,IACP,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS;AAAA,IAET,GAAI,CAAC,kBAAkB;AAAA,MACrB,GAAG,OAAO,KAAK,OAAO;AAAA,IAAA;AAAA,IAGxB,GAAI,sBACD,CAAC,kBAAmB,kBAAkB,CAAC,UAAW;AAAA,MACjD,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,IAAA;AAAA,EACd;AAEN,CAAC,EACA,MAAA;AAEE,MAAM,6BAA6B;"}

package/dist/composite/quote/elements/icon.d.ts

@@ -2,6 +2,6 @@ import { QuoteBaseProps, QuoteVariantProps } from '../_types';
 interface QuoteIconProps extends QuoteVariantProps, Pick<QuoteBaseProps, 'isThemeMaryland'> {
     hasImage?: boolean;
 }
-declare const _default: ({ hasImage, isThemeMaryland, isTypeFeatured, }: QuoteIconProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
-export default _default;
+export declare const createCompositeQuoteIcon: ({ hasImage, isThemeMaryland, isTypeFeatured, }: QuoteIconProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
+export {};
 //# sourceMappingURL=icon.d.ts.map

package/dist/composite/quote/elements/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../source/composite/quote/elements/icon.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAExE,UAAU,cACR,SAAQ,iBAAiB,EACvB,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;yBAEe,gDAIb,cAAc;AAJjB,wBA2DE"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../source/composite/quote/elements/icon.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAExE,UAAU,cACR,SAAQ,iBAAiB,EACvB,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA+DD,eAAO,MAAM,wBAAwB,mDAzDlC,cAAc,kFAyD6C,CAAC"}

package/dist/composite/quote/elements/icon.js

@@ -1,32 +1,14 @@
-"use strict";
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const token = require("@universityofmaryland/web-token-library");
-const brand = require("@universityofmaryland/web-icons-library/brand");
-const _constants = require("../_constants.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 elementIcon = ({
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import * as token from "@universityofmaryland/web-token-library";
+import { quote } from "@universityofmaryland/web-icons-library/brand";
+import { SMALL } from "../_constants.js";
+const CreateQuoteIconElement = ({
   hasImage = false,
   isThemeMaryland,
   isTypeFeatured = false
 }) => {
   const imageWithFeaturedLayout = hasImage && isTypeFeatured;
-  const iconSpan = new webBuilderLibrary.ElementBuilder("span").withClassName("quote-icon-span").withStyles({
+  const iconSpan = new ElementBuilder("span").withClassName("quote-icon-span").withStyles({
     element: {
       display: "block",
       position: "absolute",
@@ -38,8 +20,8 @@ const elementIcon = ({
         width: "22px",
         left: "-24px",
         top: "-32px",
-        [`@container (min-width: ${_constants.SMALL}px)`]: {
-          left: `-${token__namespace.spacing["4xl"]}`,
+        [`@container (min-width: ${SMALL}px)`]: {
+          left: `-${token.spacing["4xl"]}`,
           top: "0"
         }
       },
@@ -48,7 +30,7 @@ const elementIcon = ({
         left: "-2px",
         height: "15px",
         width: "21px",
-        [`@container (min-width: ${_constants.SMALL}px)`]: {
+        [`@container (min-width: ${SMALL}px)`]: {
           height: "20px",
           width: "29px",
           top: "-11px",
@@ -57,15 +39,18 @@ const elementIcon = ({
         }
       },
       ["& svg"]: {
-        fill: token__namespace.color.red,
+        fill: token.color.red,
         ...isThemeMaryland && {
-          fill: token__namespace.color.gold
+          fill: token.color.gold
         }
       }
     }
   }).build();
-  iconSpan.element.innerHTML = brand.quote;
+  iconSpan.element.innerHTML = quote;
   return iconSpan;
 };
-module.exports = elementIcon;
+const createCompositeQuoteIcon = CreateQuoteIconElement;
+export {
+  createCompositeQuoteIcon
+};
 //# sourceMappingURL=icon.js.map

package/dist/composite/quote/elements/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../../../source/composite/quote/elements/icon.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport { quote as iconQuote } from '@universityofmaryland/web-icons-library/brand';\nimport { SMALL } from '../_constants';\nimport { type QuoteBaseProps, type QuoteVariantProps } from '../_types';\n\ninterface QuoteIconProps\n  extends QuoteVariantProps,\n    Pick<QuoteBaseProps, 'isThemeMaryland'> {\n  hasImage?: boolean;\n}\n\nexport default ({\n  hasImage = false,\n  isThemeMaryland,\n  isTypeFeatured = false,\n}: QuoteIconProps) => {\n  const imageWithFeaturedLayout = hasImage && isTypeFeatured;\n\n  const iconSpan = new ElementBuilder('span')\n    .withClassName('quote-icon-span')\n    .withStyles({\n      element: {\n        display: 'block',\n        position: 'absolute',\n\n        ...(imageWithFeaturedLayout && {\n          display: 'none',\n        }),\n\n        ...(!hasImage && {\n          height: '15px',\n          width: '22px',\n          left: '-24px',\n          top: '-32px',\n\n          [`@container (min-width: ${SMALL}px)`]: {\n            left: `-${token.spacing['4xl']}`,\n            top: '0',\n          },\n        }),\n\n        ...(hasImage && {\n          bottom: '-7px',\n          left: '-2px',\n          height: '15px',\n          width: '21px',\n\n          [`@container (min-width: ${SMALL}px)`]: {\n            height: '20px',\n            width: '29px',\n            top: '-11px',\n            right: '-20px',\n            left: 'inherit',\n          },\n        }),\n\n        ['& svg']: {\n          fill: token.color.red,\n\n          ...(isThemeMaryland && {\n            fill: token.color.gold,\n          }),\n        },\n      },\n    })\n    .build();\n\n  iconSpan.element.innerHTML = iconQuote;\n\n  return iconSpan;\n};\n"],"names":["ElementBuilder","SMALL","token","iconQuote"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAYA,MAAA,cAAe,CAAC;AAAA,EACd,WAAW;AAAA,EACX;AAAA,EACA,iBAAiB;AACnB,MAAsB;AACpB,QAAM,0BAA0B,YAAY;AAE5C,QAAM,WAAW,IAAIA,iCAAe,MAAM,EACvC,cAAc,iBAAiB,EAC/B,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MAEV,GAAI,2BAA2B;AAAA,QAC7B,SAAS;AAAA,MAAA;AAAA,MAGX,GAAI,CAAC,YAAY;AAAA,QACf,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,KAAK;AAAA,QAEL,CAAC,0BAA0BC,gBAAK,KAAK,GAAG;AAAA,UACtC,MAAM,IAAIC,iBAAM,QAAQ,KAAK,CAAC;AAAA,UAC9B,KAAK;AAAA,QAAA;AAAA,MACP;AAAA,MAGF,GAAI,YAAY;AAAA,QACd,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QAEP,CAAC,0BAA0BD,gBAAK,KAAK,GAAG;AAAA,UACtC,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,KAAK;AAAA,UACL,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,MAGF,CAAC,OAAO,GAAG;AAAA,QACT,MAAMC,iBAAM,MAAM;AAAA,QAElB,GAAI,mBAAmB;AAAA,UACrB,MAAMA,iBAAM,MAAM;AAAA,QAAA;AAAA,MACpB;AAAA,IACF;AAAA,EACF,CACD,EACA,MAAA;AAEH,WAAS,QAAQ,YAAYC,MAAAA;AAE7B,SAAO;AACT;;"}
+{"version":3,"file":"icon.js","sources":["../../../../source/composite/quote/elements/icon.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport { quote as iconQuote } from '@universityofmaryland/web-icons-library/brand';\nimport { SMALL } from '../_constants';\nimport { type QuoteBaseProps, type QuoteVariantProps } from '../_types';\n\ninterface QuoteIconProps\n  extends QuoteVariantProps,\n    Pick<QuoteBaseProps, 'isThemeMaryland'> {\n  hasImage?: boolean;\n}\n\nconst CreateQuoteIconElement = ({\n  hasImage = false,\n  isThemeMaryland,\n  isTypeFeatured = false,\n}: QuoteIconProps) => {\n  const imageWithFeaturedLayout = hasImage && isTypeFeatured;\n\n  const iconSpan = new ElementBuilder('span')\n    .withClassName('quote-icon-span')\n    .withStyles({\n      element: {\n        display: 'block',\n        position: 'absolute',\n\n        ...(imageWithFeaturedLayout && {\n          display: 'none',\n        }),\n\n        ...(!hasImage && {\n          height: '15px',\n          width: '22px',\n          left: '-24px',\n          top: '-32px',\n\n          [`@container (min-width: ${SMALL}px)`]: {\n            left: `-${token.spacing['4xl']}`,\n            top: '0',\n          },\n        }),\n\n        ...(hasImage && {\n          bottom: '-7px',\n          left: '-2px',\n          height: '15px',\n          width: '21px',\n\n          [`@container (min-width: ${SMALL}px)`]: {\n            height: '20px',\n            width: '29px',\n            top: '-11px',\n            right: '-20px',\n            left: 'inherit',\n          },\n        }),\n\n        ['& svg']: {\n          fill: token.color.red,\n\n          ...(isThemeMaryland && {\n            fill: token.color.gold,\n          }),\n        },\n      },\n    })\n    .build();\n\n  iconSpan.element.innerHTML = iconQuote;\n\n  return iconSpan;\n};\n\nexport const createCompositeQuoteIcon = CreateQuoteIconElement;\n"],"names":["iconQuote"],"mappings":";;;;AAYA,MAAM,yBAAyB,CAAC;AAAA,EAC9B,WAAW;AAAA,EACX;AAAA,EACA,iBAAiB;AACnB,MAAsB;AACpB,QAAM,0BAA0B,YAAY;AAE5C,QAAM,WAAW,IAAI,eAAe,MAAM,EACvC,cAAc,iBAAiB,EAC/B,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MAEV,GAAI,2BAA2B;AAAA,QAC7B,SAAS;AAAA,MAAA;AAAA,MAGX,GAAI,CAAC,YAAY;AAAA,QACf,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,KAAK;AAAA,QAEL,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,UACtC,MAAM,IAAI,MAAM,QAAQ,KAAK,CAAC;AAAA,UAC9B,KAAK;AAAA,QAAA;AAAA,MACP;AAAA,MAGF,GAAI,YAAY;AAAA,QACd,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QAEP,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,UACtC,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,KAAK;AAAA,UACL,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,MAGF,CAAC,OAAO,GAAG;AAAA,QACT,MAAM,MAAM,MAAM;AAAA,QAElB,GAAI,mBAAmB;AAAA,UACrB,MAAM,MAAM,MAAM;AAAA,QAAA;AAAA,MACpB;AAAA,IACF;AAAA,EACF,CACD,EACA,MAAA;AAEH,WAAS,QAAQ,YAAYA;AAE7B,SAAO;AACT;AAEO,MAAM,2BAA2B;"}

package/dist/composite/quote/elements/image.d.ts

@@ -2,6 +2,6 @@ import { QuoteBaseProps, QuoteVariantProps, QuoteSizeProps } from '../_types';
 interface QuoteImageProps extends QuoteVariantProps, QuoteSizeProps, Pick<QuoteBaseProps, 'isThemeMaryland'> {
     image: HTMLImageElement;
 }
-declare const _default: ({ image, isSizeLarge, isThemeMaryland, isTypeFeatured, }: QuoteImageProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
-export default _default;
+export declare const createCompositeQuoteImage: ({ image, isSizeLarge, isThemeMaryland, isTypeFeatured, }: QuoteImageProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
+export {};
 //# sourceMappingURL=image.d.ts.map

package/dist/composite/quote/elements/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../../source/composite/quote/elements/image.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACpB,MAAM,WAAW,CAAC;AAEnB,UAAU,eACR,SAAQ,iBAAiB,EACvB,cAAc,EACd,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC;IACzC,KAAK,EAAE,gBAAgB,CAAC;CACzB;yBAEe,0DAKb,eAAe;AALlB,wBA0DE"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../../source/composite/quote/elements/image.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACpB,MAAM,WAAW,CAAC;AAEnB,UAAU,eACR,SAAQ,iBAAiB,EACvB,cAAc,EACd,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC;IACzC,KAAK,EAAE,gBAAgB,CAAC;CACzB;AA8DD,eAAO,MAAM,yBAAyB,6DAvDnC,eAAe,kFAuD8C,CAAC"}

package/dist/composite/quote/elements/image.js

@@ -1,58 +1,40 @@
-"use strict";
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const token = require("@universityofmaryland/web-token-library");
-const icon = require("./icon.js");
-const _constants = require("../_constants.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 elementImage = ({
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import * as token from "@universityofmaryland/web-token-library";
+import { createCompositeQuoteIcon } from "./icon.js";
+import { SMALL } from "../_constants.js";
+const CreateQuoteImageElement = ({
   image,
   isSizeLarge,
   isThemeMaryland,
   isTypeFeatured
 }) => {
-  const iconSpan = icon({
+  const iconSpan = createCompositeQuoteIcon({
     hasImage: image != null,
     isTypeFeatured,
     isThemeMaryland
   });
-  const imageElement = new webBuilderLibrary.ElementBuilder(image).withClassName("quote-image").withStyles({
+  const imageElement = new ElementBuilder(image).withClassName("quote-image").withStyles({
     element: {
       maxWidth: "100%",
       height: "auto",
       ...!isTypeFeatured && {
         maxWidth: "160px",
-        [`@container (min-width: ${_constants.SMALL}px)`]: {
-          borderRight: `2px solid ${token__namespace.color.red}`
+        [`@container (min-width: ${SMALL}px)`]: {
+          borderRight: `2px solid ${token.color.red}`
         }
       },
       ...!isTypeFeatured && isSizeLarge && { maxWidth: "200px" },
       ...!isTypeFeatured && isThemeMaryland && {
-        borderRight: `2px solid ${token__namespace.color.gold}`
+        borderRight: `2px solid ${token.color.gold}`
       }
     }
   }).build();
-  const container = new webBuilderLibrary.ElementBuilder().withClassName("quote-image-container").withStyles({
+  const container = new ElementBuilder().withClassName("quote-image-container").withStyles({
     element: {
       display: "inline-block",
       position: "relative",
       ...!isTypeFeatured && {
-        marginBottom: token__namespace.spacing.sm,
+        marginBottom: token.spacing.sm,
         position: "relative"
       }
     }
@@ -63,5 +45,8 @@ const elementImage = ({
   container.withChild(imageElement);
   return container.build();
 };
-module.exports = elementImage;
+const createCompositeQuoteImage = CreateQuoteImageElement;
+export {
+  createCompositeQuoteImage
+};
 //# sourceMappingURL=image.js.map

package/dist/composite/quote/elements/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","sources":["../../../../source/composite/quote/elements/image.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport { default as elementIcon } from './icon';\nimport { SMALL } from '../_constants';\nimport {\n  type QuoteBaseProps,\n  type QuoteVariantProps,\n  type QuoteSizeProps,\n} from '../_types';\n\ninterface QuoteImageProps\n  extends QuoteVariantProps,\n    QuoteSizeProps,\n    Pick<QuoteBaseProps, 'isThemeMaryland'> {\n  image: HTMLImageElement;\n}\n\nexport default ({\n  image,\n  isSizeLarge,\n  isThemeMaryland,\n  isTypeFeatured,\n}: QuoteImageProps) => {\n  const iconSpan = elementIcon({\n    hasImage: image != null,\n    isTypeFeatured,\n    isThemeMaryland,\n  });\n\n  const imageElement = new ElementBuilder(image)\n    .withClassName('quote-image')\n    .withStyles({\n      element: {\n        maxWidth: '100%',\n        height: 'auto',\n\n        ...(!isTypeFeatured && {\n          maxWidth: '160px',\n\n          [`@container (min-width: ${SMALL}px)`]: {\n            borderRight: `2px solid ${token.color.red}`,\n          },\n        }),\n\n        ...(!isTypeFeatured && isSizeLarge && { maxWidth: '200px' }),\n\n        ...(!isTypeFeatured &&\n          isThemeMaryland && {\n            borderRight: `2px solid ${token.color.gold}`,\n          }),\n      },\n    })\n    .build();\n\n  const container = new ElementBuilder()\n    .withClassName('quote-image-container')\n    .withStyles({\n      element: {\n        display: 'inline-block',\n        position: 'relative',\n\n        ...(!isTypeFeatured && {\n          marginBottom: token.spacing.sm,\n          position: 'relative',\n        }),\n      },\n    });\n\n  if (!isTypeFeatured) {\n    container.withChild(iconSpan);\n  }\n\n  container.withChild(imageElement);\n\n  return container.build();\n};\n"],"names":["elementIcon","ElementBuilder","SMALL","token"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAA,eAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACrB,QAAM,WAAWA,KAAY;AAAA,IAC3B,UAAU,SAAS;AAAA,IACnB;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,eAAe,IAAIC,iCAAe,KAAK,EAC1C,cAAc,aAAa,EAC3B,WAAW;AAAA,IACV,SAAS;AAAA,MACP,UAAU;AAAA,MACV,QAAQ;AAAA,MAER,GAAI,CAAC,kBAAkB;AAAA,QACrB,UAAU;AAAA,QAEV,CAAC,0BAA0BC,gBAAK,KAAK,GAAG;AAAA,UACtC,aAAa,aAAaC,iBAAM,MAAM,GAAG;AAAA,QAAA;AAAA,MAC3C;AAAA,MAGF,GAAI,CAAC,kBAAkB,eAAe,EAAE,UAAU,QAAA;AAAA,MAElD,GAAI,CAAC,kBACH,mBAAmB;AAAA,QACjB,aAAa,aAAaA,iBAAM,MAAM,IAAI;AAAA,MAAA;AAAA,IAC5C;AAAA,EACJ,CACD,EACA,MAAA;AAEH,QAAM,YAAY,IAAIF,kBAAAA,eAAA,EACnB,cAAc,uBAAuB,EACrC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MAEV,GAAI,CAAC,kBAAkB;AAAA,QACrB,cAAcE,iBAAM,QAAQ;AAAA,QAC5B,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,CACD;AAEH,MAAI,CAAC,gBAAgB;AACnB,cAAU,UAAU,QAAQ;AAAA,EAC9B;AAEA,YAAU,UAAU,YAAY;AAEhC,SAAO,UAAU,MAAA;AACnB;;"}
+{"version":3,"file":"image.js","sources":["../../../../source/composite/quote/elements/image.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport { createCompositeQuoteIcon as elementIcon } from './icon';\nimport { SMALL } from '../_constants';\nimport {\n  type QuoteBaseProps,\n  type QuoteVariantProps,\n  type QuoteSizeProps,\n} from '../_types';\n\ninterface QuoteImageProps\n  extends QuoteVariantProps,\n    QuoteSizeProps,\n    Pick<QuoteBaseProps, 'isThemeMaryland'> {\n  image: HTMLImageElement;\n}\n\nconst CreateQuoteImageElement = ({\n  image,\n  isSizeLarge,\n  isThemeMaryland,\n  isTypeFeatured,\n}: QuoteImageProps) => {\n  const iconSpan = elementIcon({\n    hasImage: image != null,\n    isTypeFeatured,\n    isThemeMaryland,\n  });\n\n  const imageElement = new ElementBuilder(image)\n    .withClassName('quote-image')\n    .withStyles({\n      element: {\n        maxWidth: '100%',\n        height: 'auto',\n\n        ...(!isTypeFeatured && {\n          maxWidth: '160px',\n\n          [`@container (min-width: ${SMALL}px)`]: {\n            borderRight: `2px solid ${token.color.red}`,\n          },\n        }),\n\n        ...(!isTypeFeatured && isSizeLarge && { maxWidth: '200px' }),\n\n        ...(!isTypeFeatured &&\n          isThemeMaryland && {\n            borderRight: `2px solid ${token.color.gold}`,\n          }),\n      },\n    })\n    .build();\n\n  const container = new ElementBuilder()\n    .withClassName('quote-image-container')\n    .withStyles({\n      element: {\n        display: 'inline-block',\n        position: 'relative',\n\n        ...(!isTypeFeatured && {\n          marginBottom: token.spacing.sm,\n          position: 'relative',\n        }),\n      },\n    });\n\n  if (!isTypeFeatured) {\n    container.withChild(iconSpan);\n  }\n\n  container.withChild(imageElement);\n\n  return container.build();\n};\n\nexport const createCompositeQuoteImage = CreateQuoteImageElement;\n"],"names":["elementIcon"],"mappings":";;;;AAiBA,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACrB,QAAM,WAAWA,yBAAY;AAAA,IAC3B,UAAU,SAAS;AAAA,IACnB;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,eAAe,IAAI,eAAe,KAAK,EAC1C,cAAc,aAAa,EAC3B,WAAW;AAAA,IACV,SAAS;AAAA,MACP,UAAU;AAAA,MACV,QAAQ;AAAA,MAER,GAAI,CAAC,kBAAkB;AAAA,QACrB,UAAU;AAAA,QAEV,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,UACtC,aAAa,aAAa,MAAM,MAAM,GAAG;AAAA,QAAA;AAAA,MAC3C;AAAA,MAGF,GAAI,CAAC,kBAAkB,eAAe,EAAE,UAAU,QAAA;AAAA,MAElD,GAAI,CAAC,kBACH,mBAAmB;AAAA,QACjB,aAAa,aAAa,MAAM,MAAM,IAAI;AAAA,MAAA;AAAA,IAC5C;AAAA,EACJ,CACD,EACA,MAAA;AAEH,QAAM,YAAY,IAAI,eAAA,EACnB,cAAc,uBAAuB,EACrC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MAEV,GAAI,CAAC,kBAAkB;AAAA,QACrB,cAAc,MAAM,QAAQ;AAAA,QAC5B,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,CACD;AAEH,MAAI,CAAC,gBAAgB;AACnB,cAAU,UAAU,QAAQ;AAAA,EAC9B;AAEA,YAAU,UAAU,YAAY;AAEhC,SAAO,UAAU,MAAA;AACnB;AAEO,MAAM,4BAA4B;"}

package/dist/composite/quote/elements/index.d.ts

@@ -1,6 +1,6 @@
-export { default as image } from './image';
-export { default as text } from './text';
-export { default as icon } from './icon';
-export { default as action } from './action';
-export { default as quote } from './quote';
+export { createCompositeQuoteImage as image } from './image';
+export { createCompositeQuoteText as text } from './text';
+export { createCompositeQuoteIcon as icon } from './icon';
+export { createCompositeQuoteAction as action } from './action';
+export { createCompositeQuote as quote } from './quote';
 //# sourceMappingURL=index.d.ts.map

package/dist/composite/quote/elements/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/composite/quote/elements/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/composite/quote/elements/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EAAE,wBAAwB,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC1D,OAAO,EAAE,wBAAwB,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC1D,OAAO,EAAE,0BAA0B,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,EAAE,oBAAoB,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/composite/quote/elements/index.js

@@ -1,13 +1,13 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const image = require("./image.js");
-const text = require("./text.js");
-const icon = require("./icon.js");
-const action = require("./action.js");
-const quote = require("./quote.js");
-exports.image = image;
-exports.text = text;
-exports.icon = icon;
-exports.action = action;
-exports.quote = quote;
+import { createCompositeQuoteImage } from "./image.js";
+import { createCompositeQuoteText } from "./text.js";
+import { createCompositeQuoteIcon } from "./icon.js";
+import { createCompositeQuoteAction } from "./action.js";
+import { createCompositeQuote } from "./quote.js";
+export {
+  createCompositeQuoteAction as action,
+  createCompositeQuoteIcon as icon,
+  createCompositeQuoteImage as image,
+  createCompositeQuote as quote,
+  createCompositeQuoteText as text
+};
 //# sourceMappingURL=index.js.map

package/dist/composite/quote/elements/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/quote/elements/quote.d.ts

@@ -4,6 +4,6 @@ interface QuoteProps extends Pick<QuoteTextProps, 'quote' | 'isThemeMaryland' |
     shouldHaveWhiteText?: boolean;
     quote: HTMLElement;
 }
-declare const _default: (props: QuoteProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
-export default _default;
+export declare const createCompositeQuote: (props: QuoteProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
+export {};
 //# sourceMappingURL=quote.d.ts.map

package/dist/composite/quote/elements/quote.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quote.d.ts","sourceRoot":"","sources":["../../../../source/composite/quote/elements/quote.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AAEhD,UAAU,UACR,SAAQ,IAAI,CACV,cAAc,EACZ,OAAO,GACP,iBAAiB,GACjB,aAAa,GACb,gBAAgB,GAChB,mBAAmB,CACtB;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,EAAE,WAAW,CAAC;CACpB;yBA0Be,OAAO,UAAU;AAAjC,wBAyEE"}
+{"version":3,"file":"quote.d.ts","sourceRoot":"","sources":["../../../../source/composite/quote/elements/quote.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AAEhD,UAAU,UACR,SAAQ,IAAI,CACV,cAAc,EACZ,OAAO,GACP,iBAAiB,GACjB,aAAa,GACb,gBAAgB,GAChB,mBAAmB,CACtB;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,EAAE,WAAW,CAAC;CACpB;AAyGD,eAAO,MAAM,oBAAoB,UA/EE,UAAU,kFA+ES,CAAC"}

package/dist/composite/quote/elements/quote.js

@@ -1,28 +1,9 @@
-"use strict";
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const token = require("@universityofmaryland/web-token-library");
-const typography = require("@universityofmaryland/web-styles-library/typography");
-const theme = require("@universityofmaryland/web-utilities-library/theme");
-const icon = require("./icon.js");
-const _constants = require("../_constants.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 typography__namespace = /* @__PURE__ */ _interopNamespaceDefault(typography);
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import * as token from "@universityofmaryland/web-token-library";
+import * as typography from "@universityofmaryland/web-styles-library/typography";
+import { theme } from "@universityofmaryland/web-utilities-library/theme";
+import { createCompositeQuoteIcon } from "./icon.js";
+import { SMALL } from "../_constants.js";
 const splitWords = (quote) => {
   const text = quote.textContent ?? "";
   const words = text.trim().split(/\s+/);
@@ -41,7 +22,7 @@ const splitWords = (quote) => {
   });
   return wordElements;
 };
-const elementQuote = (props) => {
+const CreateQuoteElement = (props) => {
   const {
     hasImage = false,
     includesAnimation = false,
@@ -52,7 +33,7 @@ const elementQuote = (props) => {
     shouldHaveWhiteText = false
   } = props;
   const isHasImageAndNotFeatured = hasImage && !isTypeFeatured;
-  const iconSpan = icon(props);
+  const iconSpan = createCompositeQuoteIcon(props);
   const wordsList = splitWords(quote);
   let quoteTextElement = quote;
   if (includesAnimation) {
@@ -61,32 +42,35 @@ const elementQuote = (props) => {
       quoteTextElement.appendChild(word);
     });
   }
-  const fontStyles = isSizeLarge ? typography__namespace.sans.compose("extralarge", {
-    theme: theme.theme.fontColor(shouldHaveWhiteText)
-  }) : typography__namespace.sans.compose("larger", {
-    theme: theme.theme.fontColor(shouldHaveWhiteText)
+  const fontStyles = isSizeLarge ? typography.sans.compose("extralarge", {
+    theme: theme.fontColor(shouldHaveWhiteText)
+  }) : typography.sans.compose("larger", {
+    theme: theme.fontColor(shouldHaveWhiteText)
   });
-  const builder = new webBuilderLibrary.ElementBuilder(quoteTextElement).styled(fontStyles).withClassName("quote-container-quote").withStyles({
+  const builder = new ElementBuilder(quoteTextElement).styled(fontStyles).withClassName("quote-container-quote").withStyles({
     element: {
       position: "relative",
       fontWeight: "700",
+      ["& *"]: {
+        color: "currentColor"
+      },
       [`&::before`]: {
         content: '""',
         position: "absolute",
-        left: `-${token__namespace.spacing.md}`,
+        left: `-${token.spacing.md}`,
         top: "7px",
         height: "calc(100% - 14px)",
         width: "2px",
         display: "block",
-        backgroundColor: token__namespace.color.red,
-        ...isThemeMaryland && { backgroundColor: token__namespace.color.gold },
+        backgroundColor: token.color.red,
+        ...isThemeMaryland && { backgroundColor: token.color.gold },
         ...isHasImageAndNotFeatured && {
           display: "none"
         },
-        [`@container (min-width: ${_constants.SMALL}px)`]: {
-          left: `-${token__namespace.spacing.md}`
+        [`@container (min-width: ${SMALL}px)`]: {
+          left: `-${token.spacing.md}`
         },
-        [`@container (max-width: ${_constants.SMALL - 1}px)`]: {
+        [`@container (max-width: ${SMALL - 1}px)`]: {
           ...!isTypeFeatured && {
             display: "block"
           }
@@ -99,5 +83,8 @@ const elementQuote = (props) => {
   }
   return builder.build();
 };
-module.exports = elementQuote;
+const createCompositeQuote = CreateQuoteElement;
+export {
+  createCompositeQuote
+};
 //# sourceMappingURL=quote.js.map

package/dist/composite/quote/elements/quote.js.map

@@ -1 +1 @@
-{"version":3,"file":"quote.js","sources":["../../../../source/composite/quote/elements/quote.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport { default as elementIcon } from './icon';\nimport { SMALL } from '../_constants';\nimport { type QuoteTextProps } from '../_types';\n\ninterface QuoteProps\n  extends Pick<\n    QuoteTextProps,\n    | 'quote'\n    | 'isThemeMaryland'\n    | 'isSizeLarge'\n    | 'isTypeFeatured'\n    | 'includesAnimation'\n  > {\n  hasImage?: boolean;\n  shouldHaveWhiteText?: boolean;\n  quote: HTMLElement;\n}\n\nconst splitWords = (quote: HTMLElement) => {\n  const text = quote.textContent ?? '';\n  const words = text.trim().split(/\\s+/);\n\n  const wordElements = words.map((word, index) => {\n    const wordElement = document.createElement('span');\n    wordElement.classList.add('quote-text-split-word');\n\n    Object.assign(wordElement.style, {\n      display: 'inline-block',\n      whiteSpace: 'pre-wrap',\n      opacity: '0',\n      transform: 'translateY(20px)',\n      transition: 'opacity 1s ease, transform 0.5s ease',\n    });\n\n    wordElement.textContent = word + (index < words.length - 1 ? ' ' : '');\n\n    return wordElement;\n  });\n\n  return wordElements;\n};\n\nexport default (props: QuoteProps) => {\n  const {\n    hasImage = false,\n    includesAnimation = false,\n    isSizeLarge = false,\n    isThemeMaryland = false,\n    isTypeFeatured = false,\n    quote,\n    shouldHaveWhiteText = false,\n  } = props;\n\n  const isHasImageAndNotFeatured = hasImage && !isTypeFeatured;\n  const iconSpan = elementIcon(props);\n  const wordsList = splitWords(quote);\n  let quoteTextElement: HTMLElement = quote;\n\n  if (includesAnimation) {\n    quoteTextElement = document.createElement('div');\n\n    wordsList.map((word) => {\n      quoteTextElement.appendChild(word);\n    });\n  }\n\n  const fontStyles = isSizeLarge\n    ? typography.sans.compose('extralarge', {\n        theme: theme.fontColor(shouldHaveWhiteText),\n      })\n    : typography.sans.compose('larger', {\n        theme: theme.fontColor(shouldHaveWhiteText),\n      });\n\n  const builder = new ElementBuilder(quoteTextElement)\n    .styled(fontStyles)\n    .withClassName('quote-container-quote')\n    .withStyles({\n      element: {\n        position: 'relative',\n        fontWeight: '700',\n\n        [`&::before`]: {\n          content: '\"\"',\n          position: 'absolute',\n          left: `-${token.spacing.md}`,\n          top: '7px',\n          height: 'calc(100% - 14px)',\n          width: '2px',\n          display: 'block',\n          backgroundColor: token.color.red,\n          ...(isThemeMaryland && { backgroundColor: token.color.gold }),\n\n          ...(isHasImageAndNotFeatured && {\n            display: 'none',\n          }),\n\n          [`@container (min-width: ${SMALL}px)`]: {\n            left: `-${token.spacing.md}`,\n          },\n\n          [`@container (max-width: ${SMALL - 1}px)`]: {\n            ...(!isTypeFeatured && {\n              display: 'block',\n            }),\n          },\n        },\n      },\n    });\n\n  if (!hasImage) {\n    builder.withChild(iconSpan);\n  }\n\n  return builder.build();\n};\n"],"names":["elementIcon","typography","theme","ElementBuilder","token","SMALL"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,aAAa,CAAC,UAAuB;AACzC,QAAM,OAAO,MAAM,eAAe;AAClC,QAAM,QAAQ,KAAK,KAAA,EAAO,MAAM,KAAK;AAErC,QAAM,eAAe,MAAM,IAAI,CAAC,MAAM,UAAU;AAC9C,UAAM,cAAc,SAAS,cAAc,MAAM;AACjD,gBAAY,UAAU,IAAI,uBAAuB;AAEjD,WAAO,OAAO,YAAY,OAAO;AAAA,MAC/B,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,IAAA,CACb;AAED,gBAAY,cAAc,QAAQ,QAAQ,MAAM,SAAS,IAAI,MAAM;AAEnE,WAAO;AAAA,EACT,CAAC;AAED,SAAO;AACT;AAEA,MAAA,eAAe,CAAC,UAAsB;AACpC,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB;AAAA,IACA,sBAAsB;AAAA,EAAA,IACpB;AAEJ,QAAM,2BAA2B,YAAY,CAAC;AAC9C,QAAM,WAAWA,KAAY,KAAK;AAClC,QAAM,YAAY,WAAW,KAAK;AAClC,MAAI,mBAAgC;AAEpC,MAAI,mBAAmB;AACrB,uBAAmB,SAAS,cAAc,KAAK;AAE/C,cAAU,IAAI,CAAC,SAAS;AACtB,uBAAiB,YAAY,IAAI;AAAA,IACnC,CAAC;AAAA,EACH;AAEA,QAAM,aAAa,cACfC,sBAAW,KAAK,QAAQ,cAAc;AAAA,IACpC,OAAOC,MAAAA,MAAM,UAAU,mBAAmB;AAAA,EAAA,CAC3C,IACDD,sBAAW,KAAK,QAAQ,UAAU;AAAA,IAChC,OAAOC,MAAAA,MAAM,UAAU,mBAAmB;AAAA,EAAA,CAC3C;AAEL,QAAM,UAAU,IAAIC,iCAAe,gBAAgB,EAChD,OAAO,UAAU,EACjB,cAAc,uBAAuB,EACrC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,MAEZ,CAAC,WAAW,GAAG;AAAA,QACb,SAAS;AAAA,QACT,UAAU;AAAA,QACV,MAAM,IAAIC,iBAAM,QAAQ,EAAE;AAAA,QAC1B,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS;AAAA,QACT,iBAAiBA,iBAAM,MAAM;AAAA,QAC7B,GAAI,mBAAmB,EAAE,iBAAiBA,iBAAM,MAAM,KAAA;AAAA,QAEtD,GAAI,4BAA4B;AAAA,UAC9B,SAAS;AAAA,QAAA;AAAA,QAGX,CAAC,0BAA0BC,gBAAK,KAAK,GAAG;AAAA,UACtC,MAAM,IAAID,iBAAM,QAAQ,EAAE;AAAA,QAAA;AAAA,QAG5B,CAAC,0BAA0BC,WAAAA,QAAQ,CAAC,KAAK,GAAG;AAAA,UAC1C,GAAI,CAAC,kBAAkB;AAAA,YACrB,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD;AAEH,MAAI,CAAC,UAAU;AACb,YAAQ,UAAU,QAAQ;AAAA,EAC5B;AAEA,SAAO,QAAQ,MAAA;AACjB;;"}
+{"version":3,"file":"quote.js","sources":["../../../../source/composite/quote/elements/quote.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport { createCompositeQuoteIcon as elementIcon } from './icon';\nimport { SMALL } from '../_constants';\nimport { type QuoteTextProps } from '../_types';\n\ninterface QuoteProps\n  extends Pick<\n    QuoteTextProps,\n    | 'quote'\n    | 'isThemeMaryland'\n    | 'isSizeLarge'\n    | 'isTypeFeatured'\n    | 'includesAnimation'\n  > {\n  hasImage?: boolean;\n  shouldHaveWhiteText?: boolean;\n  quote: HTMLElement;\n}\n\nconst splitWords = (quote: HTMLElement) => {\n  const text = quote.textContent ?? '';\n  const words = text.trim().split(/\\s+/);\n\n  const wordElements = words.map((word, index) => {\n    const wordElement = document.createElement('span');\n    wordElement.classList.add('quote-text-split-word');\n\n    Object.assign(wordElement.style, {\n      display: 'inline-block',\n      whiteSpace: 'pre-wrap',\n      opacity: '0',\n      transform: 'translateY(20px)',\n      transition: 'opacity 1s ease, transform 0.5s ease',\n    });\n\n    wordElement.textContent = word + (index < words.length - 1 ? ' ' : '');\n\n    return wordElement;\n  });\n\n  return wordElements;\n};\n\nconst CreateQuoteElement = (props: QuoteProps) => {\n  const {\n    hasImage = false,\n    includesAnimation = false,\n    isSizeLarge = false,\n    isThemeMaryland = false,\n    isTypeFeatured = false,\n    quote,\n    shouldHaveWhiteText = false,\n  } = props;\n\n  const isHasImageAndNotFeatured = hasImage && !isTypeFeatured;\n  const iconSpan = elementIcon(props);\n  const wordsList = splitWords(quote);\n  let quoteTextElement: HTMLElement = quote;\n\n  if (includesAnimation) {\n    quoteTextElement = document.createElement('div');\n\n    wordsList.map((word) => {\n      quoteTextElement.appendChild(word);\n    });\n  }\n\n  const fontStyles = isSizeLarge\n    ? typography.sans.compose('extralarge', {\n        theme: theme.fontColor(shouldHaveWhiteText),\n      })\n    : typography.sans.compose('larger', {\n        theme: theme.fontColor(shouldHaveWhiteText),\n      });\n\n  const builder = new ElementBuilder(quoteTextElement)\n    .styled(fontStyles)\n    .withClassName('quote-container-quote')\n    .withStyles({\n      element: {\n        position: 'relative',\n        fontWeight: '700',\n\n        ['& *']: {\n          color: 'currentColor',\n        },\n\n        [`&::before`]: {\n          content: '\"\"',\n          position: 'absolute',\n          left: `-${token.spacing.md}`,\n          top: '7px',\n          height: 'calc(100% - 14px)',\n          width: '2px',\n          display: 'block',\n          backgroundColor: token.color.red,\n          ...(isThemeMaryland && { backgroundColor: token.color.gold }),\n\n          ...(isHasImageAndNotFeatured && {\n            display: 'none',\n          }),\n\n          [`@container (min-width: ${SMALL}px)`]: {\n            left: `-${token.spacing.md}`,\n          },\n\n          [`@container (max-width: ${SMALL - 1}px)`]: {\n            ...(!isTypeFeatured && {\n              display: 'block',\n            }),\n          },\n        },\n      },\n    });\n\n  if (!hasImage) {\n    builder.withChild(iconSpan);\n  }\n\n  return builder.build();\n};\n\nexport const createCompositeQuote = CreateQuoteElement;\n"],"names":["elementIcon"],"mappings":";;;;;;AAsBA,MAAM,aAAa,CAAC,UAAuB;AACzC,QAAM,OAAO,MAAM,eAAe;AAClC,QAAM,QAAQ,KAAK,KAAA,EAAO,MAAM,KAAK;AAErC,QAAM,eAAe,MAAM,IAAI,CAAC,MAAM,UAAU;AAC9C,UAAM,cAAc,SAAS,cAAc,MAAM;AACjD,gBAAY,UAAU,IAAI,uBAAuB;AAEjD,WAAO,OAAO,YAAY,OAAO;AAAA,MAC/B,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,IAAA,CACb;AAED,gBAAY,cAAc,QAAQ,QAAQ,MAAM,SAAS,IAAI,MAAM;AAEnE,WAAO;AAAA,EACT,CAAC;AAED,SAAO;AACT;AAEA,MAAM,qBAAqB,CAAC,UAAsB;AAChD,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB;AAAA,IACA,sBAAsB;AAAA,EAAA,IACpB;AAEJ,QAAM,2BAA2B,YAAY,CAAC;AAC9C,QAAM,WAAWA,yBAAY,KAAK;AAClC,QAAM,YAAY,WAAW,KAAK;AAClC,MAAI,mBAAgC;AAEpC,MAAI,mBAAmB;AACrB,uBAAmB,SAAS,cAAc,KAAK;AAE/C,cAAU,IAAI,CAAC,SAAS;AACtB,uBAAiB,YAAY,IAAI;AAAA,IACnC,CAAC;AAAA,EACH;AAEA,QAAM,aAAa,cACf,WAAW,KAAK,QAAQ,cAAc;AAAA,IACpC,OAAO,MAAM,UAAU,mBAAmB;AAAA,EAAA,CAC3C,IACD,WAAW,KAAK,QAAQ,UAAU;AAAA,IAChC,OAAO,MAAM,UAAU,mBAAmB;AAAA,EAAA,CAC3C;AAEL,QAAM,UAAU,IAAI,eAAe,gBAAgB,EAChD,OAAO,UAAU,EACjB,cAAc,uBAAuB,EACrC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,MAEZ,CAAC,KAAK,GAAG;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAGT,CAAC,WAAW,GAAG;AAAA,QACb,SAAS;AAAA,QACT,UAAU;AAAA,QACV,MAAM,IAAI,MAAM,QAAQ,EAAE;AAAA,QAC1B,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS;AAAA,QACT,iBAAiB,MAAM,MAAM;AAAA,QAC7B,GAAI,mBAAmB,EAAE,iBAAiB,MAAM,MAAM,KAAA;AAAA,QAEtD,GAAI,4BAA4B;AAAA,UAC9B,SAAS;AAAA,QAAA;AAAA,QAGX,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,UACtC,MAAM,IAAI,MAAM,QAAQ,EAAE;AAAA,QAAA;AAAA,QAG5B,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,UAC1C,GAAI,CAAC,kBAAkB;AAAA,YACrB,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD;AAEH,MAAI,CAAC,UAAU;AACb,YAAQ,UAAU,QAAQ;AAAA,EAC5B;AAEA,SAAO,QAAQ,MAAA;AACjB;AAEO,MAAM,uBAAuB;"}

package/dist/composite/quote/elements/text.d.ts

@@ -1,4 +1,3 @@
 import { QuoteTextProps } from '../_types';
-declare const _default: (props: Pick<QuoteTextProps, "isThemeDark" | "isThemeMaryland" | "isSizeLarge" | "isTypeFeatured" | "image" | "quote" | "attribution" | "attributionSubText" | "action" | "includesAnimation">) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
-export default _default;
+export declare const createCompositeQuoteText: (props: Pick<QuoteTextProps, "isThemeDark" | "isThemeMaryland" | "isSizeLarge" | "isTypeFeatured" | "image" | "quote" | "attribution" | "attributionSubText" | "action" | "includesAnimation">) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
 //# sourceMappingURL=text.d.ts.map

package/dist/composite/quote/elements/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../source/composite/quote/elements/text.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;yBAoH9C,OAAO,IAAI,CACT,cAAc,EACZ,aAAa,GACb,iBAAiB,GACjB,aAAa,GACb,gBAAgB,GAChB,OAAO,GACP,OAAO,GACP,aAAa,GACb,oBAAoB,GACpB,QAAQ,GACR,mBAAmB,CACtB;AAbH,wBAiEE"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../source/composite/quote/elements/text.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AAsLhD,eAAO,MAAM,wBAAwB,UAlE5B,IAAI,CACT,cAAc,EACZ,aAAa,GACb,iBAAiB,GACjB,aAAa,GACb,gBAAgB,GAChB,OAAO,GACP,OAAO,GACP,aAAa,GACb,oBAAoB,GACpB,QAAQ,GACR,mBAAmB,CACtB,kFAsD2D,CAAC"}