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

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

@@ -1,32 +1,11 @@
-"use strict";
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const token = require("@universityofmaryland/web-token-library");
-const typography = require("@universityofmaryland/web-styles-library/typography");
-const layout = require("@universityofmaryland/web-styles-library/layout");
-const animation = require("@universityofmaryland/web-styles-library/animation");
-const theme = require("@universityofmaryland/web-utilities-library/theme");
-const dom = require("@universityofmaryland/web-utilities-library/dom");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
-const typography__namespace = /* @__PURE__ */ _interopNamespaceDefault(typography);
-const layout__namespace = /* @__PURE__ */ _interopNamespaceDefault(layout);
-const animation__namespace = /* @__PURE__ */ _interopNamespaceDefault(animation);
-const person = ({
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import * as token from "@universityofmaryland/web-token-library";
+import * as typography from "@universityofmaryland/web-styles-library/typography";
+import * as layout from "@universityofmaryland/web-styles-library/layout";
+import * as animation from "@universityofmaryland/web-styles-library/animation";
+import { theme } from "@universityofmaryland/web-utilities-library/theme";
+import { wrapTextNodeInSpan } from "@universityofmaryland/web-utilities-library/dom";
+const createTextLockupPerson = ({
   actions,
   association,
   isThemeDark,
@@ -36,7 +15,7 @@ const person = ({
   pronouns,
   subText
 }) => {
-  const container = new webBuilderLibrary.ElementBuilder().withClassName("text-lockup-person-container").withStyles({
+  const container = new ElementBuilder().withClassName("text-lockup-person-container").withStyles({
     element: {
       zIndex: "9",
       position: "relative"
@@ -47,14 +26,14 @@ const person = ({
   }
   if (name) {
     const headlineStyles = {
-      ...typography__namespace.sans.compose("larger", {
-        theme: theme.theme.fontColor(isThemeDark)
+      ...typography.sans.compose("larger", {
+        theme: theme.fontColor(isThemeDark)
       }),
-      ...animation__namespace.line.composeSlideUnder({
-        color: theme.theme.foreground(isThemeDark)
+      ...animation.line.composeSlideUnder({
+        color: theme.foreground(isThemeDark)
       })
     };
-    const nameElement = new webBuilderLibrary.ElementBuilder(name).styled(headlineStyles).withStyles({
+    const nameElement = new ElementBuilder(name).styled(headlineStyles).withStyles({
       element: {
         fontWeight: "700",
         [`& + *`]: {
@@ -64,18 +43,18 @@ const person = ({
       subElement: {
         color: "currentColor"
       }
-    }).withModifier((el) => dom.wrapTextNodeInSpan(el)).build();
+    }).withModifier((el) => wrapTextNodeInSpan(el)).build();
     container.withChild(nameElement);
   }
   if (job) {
-    const jobElement = new webBuilderLibrary.ElementBuilder(job).styled(
-      typography__namespace.sans.compose("small", {
-        theme: theme.theme.fontColor(isThemeDark)
+    const jobElement = new ElementBuilder(job).styled(
+      typography.sans.compose("small", {
+        theme: theme.fontColor(isThemeDark)
       })
     ).withStyles({
       element: {
         lineHeight: `1.25em`,
-        ...!isThemeDark && { color: `${token__namespace.color.gray.dark}` }
+        ...!isThemeDark && { color: `${token.color.gray.dark}` }
       },
       subElement: {
         color: "currentColor"
@@ -84,15 +63,15 @@ const person = ({
     container.withChild(jobElement);
   }
   if (association) {
-    const associationElement = new webBuilderLibrary.ElementBuilder(association).styled(
-      typography__namespace.sans.compose("small", {
-        theme: theme.theme.fontColor(isThemeDark)
+    const associationElement = new ElementBuilder(association).styled(
+      typography.sans.compose("small", {
+        theme: theme.fontColor(isThemeDark)
       })
     ).withStyles({
       element: {
         lineHeight: "1.2em",
         display: "block",
-        ...!isThemeDark && { color: `${token__namespace.color.gray.dark}` },
+        ...!isThemeDark && { color: `${token.color.gray.dark}` },
         [`& + *`]: {
           marginTop: "4px"
         },
@@ -108,31 +87,31 @@ const person = ({
   }
   if (pronouns) {
     pronouns.innerHTML = `<i>${pronouns.innerHTML}</i>`;
-    const pronounsElement = new webBuilderLibrary.ElementBuilder(pronouns).styled(
-      typography__namespace.sans.compose("small", {
-        theme: theme.theme.fontColor(isThemeDark)
+    const pronounsElement = new ElementBuilder(pronouns).styled(
+      typography.sans.compose("small", {
+        theme: theme.fontColor(isThemeDark)
       })
     ).withStyles({
       element: {
-        ...!isThemeDark && { color: `${token__namespace.color.gray.dark}` },
+        ...!isThemeDark && { color: `${token.color.gray.dark}` },
         [`& + *`]: {
           marginTop: "4px"
+        },
+        [`&  *`]: {
+          color: "currentColor"
         }
-      },
-      subElement: {
-        color: "currentColor"
       }
     }).build();
     container.withChild(pronounsElement);
   }
   if (subText) {
-    const subTextElement = new webBuilderLibrary.ElementBuilder(subText).styled(
-      typography__namespace.sans.compose("small", {
-        theme: theme.theme.fontColor(isThemeDark)
+    const subTextElement = new ElementBuilder(subText).styled(
+      typography.sans.compose("small", {
+        theme: theme.fontColor(isThemeDark)
       })
     ).withStyles({
       element: {
-        ...!isThemeDark && { color: `${token__namespace.color.gray.dark}` }
+        ...!isThemeDark && { color: `${token.color.gray.dark}` }
       },
       siblingAfter: {
         marginTop: "4px"
@@ -141,14 +120,16 @@ const person = ({
     container.withChild(subTextElement);
   }
   if (actions) {
-    const actionsElement = new webBuilderLibrary.ElementBuilder(actions).styled(layout__namespace.grid.inline.tabletRows).withStyles({
+    const actionsElement = new ElementBuilder(actions).styled(layout.grid.inline.tabletRows).withStyles({
       element: {
-        marginTop: token__namespace.spacing.sm
+        marginTop: token.spacing.sm
       }
     }).build();
     container.withChild(actionsElement);
   }
   return container.build();
 };
-module.exports = person;
+export {
+  createTextLockupPerson
+};
 //# sourceMappingURL=person.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"person.js","sources":["../../../source/atomic/text-lockup/person.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport * as layout from '@universityofmaryland/web-styles-library/layout';\nimport * as animationStyles from '@universityofmaryland/web-styles-library/animation';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport { wrapTextNodeInSpan } from '@universityofmaryland/web-utilities-library/dom';\nimport { type PersonTextLockupProps } from '../_types';\n\nexport default ({\n  actions,\n  association,\n  isThemeDark,\n  job,\n  name,\n  nameComposite,\n  pronouns,\n  subText,\n}: PersonTextLockupProps) => {\n  const container = new ElementBuilder()\n    .withClassName('text-lockup-person-container')\n    .withStyles({\n      element: {\n        zIndex: '9',\n        position: 'relative',\n      },\n    });\n\n  if (nameComposite && !name) {\n    container.withChild(nameComposite);\n  }\n\n  if (name) {\n    const headlineStyles = {\n      ...typography.sans.compose('larger', {\n        theme: theme.fontColor(isThemeDark),\n      }),\n      ...animationStyles.line.composeSlideUnder({\n        color: theme.foreground(isThemeDark),\n      }),\n    };\n\n    const nameElement = new ElementBuilder(name)\n      .styled(headlineStyles)\n      .withStyles({\n        element: {\n          fontWeight: '700',\n\n          [`& + *`]: {\n            marginTop: '4px',\n          },\n        },\n        subElement: {\n          color: 'currentColor',\n        },\n      })\n      .withModifier((el) => wrapTextNodeInSpan(el))\n      .build();\n\n    container.withChild(nameElement);\n  }\n\n  if (job) {\n    const jobElement = new ElementBuilder(job)\n      .styled(\n        typography.sans.compose('small', {\n          theme: theme.fontColor(isThemeDark),\n        }),\n      )\n      .withStyles({\n        element: {\n          lineHeight: `1.25em`,\n\n          ...(!isThemeDark && { color: `${token.color.gray.dark}` }),\n        },\n        subElement: {\n          color: 'currentColor',\n        },\n      })\n      .build();\n\n    container.withChild(jobElement);\n  }\n\n  if (association) {\n    const associationElement = new ElementBuilder(association)\n      .styled(\n        typography.sans.compose('small', {\n          theme: theme.fontColor(isThemeDark),\n        }),\n      )\n      .withStyles({\n        element: {\n          lineHeight: '1.2em',\n          display: 'block',\n          ...(!isThemeDark && { color: `${token.color.gray.dark}` }),\n\n          [`& + *`]: {\n            marginTop: '4px',\n          },\n\n          [`& a:hover, a:focus`]: {\n            textDecoration: 'underline',\n          },\n        },\n        subElement: {\n          color: 'currentColor',\n        },\n      })\n      .build();\n\n    container.withChild(associationElement);\n  }\n\n  if (pronouns) {\n    pronouns.innerHTML = `<i>${pronouns.innerHTML}</i>`;\n    const pronounsElement = new ElementBuilder(pronouns)\n      .styled(\n        typography.sans.compose('small', {\n          theme: theme.fontColor(isThemeDark),\n        }),\n      )\n      .withStyles({\n        element: {\n          ...(!isThemeDark && { color: `${token.color.gray.dark}` }),\n\n          [`& + *`]: {\n            marginTop: '4px',\n          },\n        },\n        subElement: {\n          color: 'currentColor',\n        },\n      })\n      .build();\n\n    container.withChild(pronounsElement);\n  }\n\n  if (subText) {\n    const subTextElement = new ElementBuilder(subText)\n      .styled(\n        typography.sans.compose('small', {\n          theme: theme.fontColor(isThemeDark),\n        }),\n      )\n      .withStyles({\n        element: {\n          ...(!isThemeDark && { color: `${token.color.gray.dark}` }),\n        },\n        siblingAfter: {\n          marginTop: '4px',\n        },\n      })\n      .build();\n\n    container.withChild(subTextElement);\n  }\n\n  if (actions) {\n    const actionsElement = new ElementBuilder(actions)\n      .styled(layout.grid.inline.tabletRows)\n      .withStyles({\n        element: {\n          marginTop: token.spacing.sm,\n        },\n      })\n      .build();\n\n    container.withChild(actionsElement);\n  }\n\n  return container.build();\n};\n"],"names":["ElementBuilder","typography","theme","animationStyles","wrapTextNodeInSpan","token","layout"],"mappings":"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"}
+{"version":3,"file":"person.js","sources":["../../../source/atomic/text-lockup/person.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport * as layout from '@universityofmaryland/web-styles-library/layout';\nimport * as animationStyles from '@universityofmaryland/web-styles-library/animation';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport { wrapTextNodeInSpan } from '@universityofmaryland/web-utilities-library/dom';\nimport { type PersonTextLockupProps } from '../_types';\n\nexport const createTextLockupPerson = ({\n  actions,\n  association,\n  isThemeDark,\n  job,\n  name,\n  nameComposite,\n  pronouns,\n  subText,\n}: PersonTextLockupProps) => {\n  const container = new ElementBuilder()\n    .withClassName('text-lockup-person-container')\n    .withStyles({\n      element: {\n        zIndex: '9',\n        position: 'relative',\n      },\n    });\n\n  if (nameComposite && !name) {\n    container.withChild(nameComposite);\n  }\n\n  if (name) {\n    const headlineStyles = {\n      ...typography.sans.compose('larger', {\n        theme: theme.fontColor(isThemeDark),\n      }),\n      ...animationStyles.line.composeSlideUnder({\n        color: theme.foreground(isThemeDark),\n      }),\n    };\n\n    const nameElement = new ElementBuilder(name)\n      .styled(headlineStyles)\n      .withStyles({\n        element: {\n          fontWeight: '700',\n\n          [`& + *`]: {\n            marginTop: '4px',\n          },\n        },\n        subElement: {\n          color: 'currentColor',\n        },\n      })\n      .withModifier((el) => wrapTextNodeInSpan(el))\n      .build();\n\n    container.withChild(nameElement);\n  }\n\n  if (job) {\n    const jobElement = new ElementBuilder(job)\n      .styled(\n        typography.sans.compose('small', {\n          theme: theme.fontColor(isThemeDark),\n        }),\n      )\n      .withStyles({\n        element: {\n          lineHeight: `1.25em`,\n\n          ...(!isThemeDark && { color: `${token.color.gray.dark}` }),\n        },\n        subElement: {\n          color: 'currentColor',\n        },\n      })\n      .build();\n\n    container.withChild(jobElement);\n  }\n\n  if (association) {\n    const associationElement = new ElementBuilder(association)\n      .styled(\n        typography.sans.compose('small', {\n          theme: theme.fontColor(isThemeDark),\n        }),\n      )\n      .withStyles({\n        element: {\n          lineHeight: '1.2em',\n          display: 'block',\n          ...(!isThemeDark && { color: `${token.color.gray.dark}` }),\n\n          [`& + *`]: {\n            marginTop: '4px',\n          },\n\n          [`& a:hover, a:focus`]: {\n            textDecoration: 'underline',\n          },\n        },\n        subElement: {\n          color: 'currentColor',\n        },\n      })\n      .build();\n\n    container.withChild(associationElement);\n  }\n\n  if (pronouns) {\n    pronouns.innerHTML = `<i>${pronouns.innerHTML}</i>`;\n    const pronounsElement = new ElementBuilder(pronouns)\n      .styled(\n        typography.sans.compose('small', {\n          theme: theme.fontColor(isThemeDark),\n        }),\n      )\n      .withStyles({\n        element: {\n          ...(!isThemeDark && { color: `${token.color.gray.dark}` }),\n\n          [`& + *`]: {\n            marginTop: '4px',\n          },\n\n          [`&  *`]: {\n            color: 'currentColor',\n          },\n        },\n      })\n      .build();\n\n    container.withChild(pronounsElement);\n  }\n\n  if (subText) {\n    const subTextElement = new ElementBuilder(subText)\n      .styled(\n        typography.sans.compose('small', {\n          theme: theme.fontColor(isThemeDark),\n        }),\n      )\n      .withStyles({\n        element: {\n          ...(!isThemeDark && { color: `${token.color.gray.dark}` }),\n        },\n        siblingAfter: {\n          marginTop: '4px',\n        },\n      })\n      .build();\n\n    container.withChild(subTextElement);\n  }\n\n  if (actions) {\n    const actionsElement = new ElementBuilder(actions)\n      .styled(layout.grid.inline.tabletRows)\n      .withStyles({\n        element: {\n          marginTop: token.spacing.sm,\n        },\n      })\n      .build();\n\n    container.withChild(actionsElement);\n  }\n\n  return container.build();\n};\n"],"names":["animationStyles"],"mappings":"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"}

package/dist/atomic/text-lockup/small-scaling.d.ts

@@ -10,6 +10,5 @@ export type TypeTextLockupSmallScaling = {
     isThemeDark?: boolean;
     text?: HTMLElement | null;
 };
-declare const _default: ({ actions, customStyles, date, eventMeta, eyebrow, hasEyebrowRibbon, headline, isThemeDark, text, }: TypeTextLockupSmallScaling) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
-export default _default;
+export declare const createTextLockupSmallScaling: ({ actions, customStyles, date, eventMeta, eyebrow, hasEyebrowRibbon, headline, isThemeDark, text, }: TypeTextLockupSmallScaling) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
 //# sourceMappingURL=small-scaling.d.ts.map

package/dist/atomic/text-lockup/small-scaling.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"small-scaling.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/small-scaling.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC3B,CAAC;yBAEc,qGAUb,0BAA0B;AAV7B,wBAyFE"}
+{"version":3,"file":"small-scaling.d.ts","sourceRoot":"","sources":["../../../source/atomic/text-lockup/small-scaling.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,qGAU1C,0BAA0B,kFA+E5B,CAAC"}

package/dist/atomic/text-lockup/small-scaling.js

@@ -1,31 +1,11 @@
-"use strict";
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const typography = require("@universityofmaryland/web-styles-library/typography");
-const elementStyles = require("@universityofmaryland/web-styles-library/element");
-const theme = require("@universityofmaryland/web-utilities-library/theme");
-const animation = require("@universityofmaryland/web-styles-library/animation");
-const dom = require("@universityofmaryland/web-utilities-library/dom");
-const small = require("./small.js");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const typography__namespace = /* @__PURE__ */ _interopNamespaceDefault(typography);
-const elementStyles__namespace = /* @__PURE__ */ _interopNamespaceDefault(elementStyles);
-const animation__namespace = /* @__PURE__ */ _interopNamespaceDefault(animation);
-const smallScaling = ({
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import * as typography from "@universityofmaryland/web-styles-library/typography";
+import * as elementStyles from "@universityofmaryland/web-styles-library/element";
+import { theme } from "@universityofmaryland/web-utilities-library/theme";
+import * as animation from "@universityofmaryland/web-styles-library/animation";
+import { wrapTextNodeInSpan } from "@universityofmaryland/web-utilities-library/dom";
+import { createEyebrow, createRibbonEyebrow, headlineStyles, textStyles, dateStyles, createActions } from "./small.js";
+const createTextLockupSmallScaling = ({
   actions,
   customStyles = {},
   date,
@@ -36,7 +16,7 @@ const smallScaling = ({
   isThemeDark,
   text
 }) => {
-  const container = new webBuilderLibrary.ElementBuilder().withClassName("scaling-font-block-container").withStyles({
+  const container = new ElementBuilder().withClassName("scaling-font-block-container").withStyles({
     element: {
       zIndex: "9",
       position: "relative",
@@ -44,52 +24,54 @@ const smallScaling = ({
     }
   });
   if (eyebrow && !hasEyebrowRibbon) {
-    const eyebrowElement = small.createEyebrow({ eyebrow, isThemeDark });
+    const eyebrowElement = createEyebrow({ eyebrow, isThemeDark });
     container.withChild(eyebrowElement);
   }
   if (eyebrow && hasEyebrowRibbon) {
-    const ribbonEyebrowElement = small.createRibbonEyebrow({ eyebrow });
+    const ribbonEyebrowElement = createRibbonEyebrow({ eyebrow });
     container.withChild(ribbonEyebrowElement);
   }
   if (headline) {
     const composeHeadlineStyles = {
-      ...typography__namespace.sans.compose("larger", {
-        theme: theme.theme.fontColor(isThemeDark),
+      ...typography.sans.compose("larger", {
+        theme: theme.fontColor(isThemeDark),
         scaling: true
       }),
-      ...animation__namespace.line.composeSlideUnder({
-        color: theme.theme.foreground(isThemeDark)
+      ...animation.line.composeSlideUnder({
+        color: theme.foreground(isThemeDark)
       })
     };
-    const headlineElement = new webBuilderLibrary.ElementBuilder(headline).styled(composeHeadlineStyles).withStyles(small.headlineStyles).withModifier((el) => dom.wrapTextNodeInSpan(el)).build();
+    const headlineElement = new ElementBuilder(headline).styled(composeHeadlineStyles).withStyles(headlineStyles).withModifier((el) => wrapTextNodeInSpan(el)).build();
     container.withChild(headlineElement);
   }
   if (eventMeta) {
     container.withChild(eventMeta);
   }
   if (text) {
-    const textElement = new webBuilderLibrary.ElementBuilder(text).styled(
-      elementStyles__namespace.text.rich.composeSimple({
-        theme: theme.theme.fontColor(isThemeDark),
+    const textElement = new ElementBuilder(text).styled(
+      elementStyles.text.rich.composeSimple({
+        theme: theme.fontColor(isThemeDark),
         scaling: true
       })
-    ).withStyles(small.textStyles(isThemeDark)).build();
+    ).withStyles(textStyles(isThemeDark)).build();
     container.withChild(textElement);
   }
   if (date) {
-    const dateElement = new webBuilderLibrary.ElementBuilder(date).styled(
-      typography__namespace.sans.compose("min", {
-        theme: theme.theme.fontColor(isThemeDark),
+    const dateElement = new ElementBuilder(date).styled(
+      typography.sans.compose("min", {
+        theme: theme.fontColor(isThemeDark),
         scaling: true
       })
-    ).withStyles(small.dateStyles(isThemeDark)).build();
+    ).withStyles(dateStyles(isThemeDark)).build();
     container.withChild(dateElement);
   }
   if (actions) {
-    const actionsElement = small.createActions({ actions });
+    const actionsElement = createActions({ actions });
     container.withChild(actionsElement);
   }
   return container.build();
 };
-module.exports = smallScaling;
+export {
+  createTextLockupSmallScaling
+};
 //# sourceMappingURL=small-scaling.js.map

package/dist/atomic/text-lockup/small-scaling.js.map

@@ -1 +1 @@
-{"version":3,"file":"small-scaling.js","sources":["../../../source/atomic/text-lockup/small-scaling.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport * as elementStyles from '@universityofmaryland/web-styles-library/element';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport * as animationStyles from '@universityofmaryland/web-styles-library/animation';\nimport { wrapTextNodeInSpan } from '@universityofmaryland/web-utilities-library/dom';\nimport {\n  createEyebrow,\n  createRibbonEyebrow,\n  createActions,\n  headlineStyles,\n  textStyles,\n  dateStyles,\n} from './small';\nimport { type UMDElement } from '../../_types';\n\nexport type TypeTextLockupSmallScaling = {\n  actions?: HTMLElement | null;\n  customStyles?: Record<string, string>;\n  date?: HTMLElement | null;\n  eventMeta?: UMDElement;\n  eyebrow?: HTMLElement | null;\n  hasEyebrowRibbon?: boolean;\n  headline?: HTMLElement | null;\n  isThemeDark?: boolean;\n  text?: HTMLElement | null;\n};\n\nexport default ({\n  actions,\n  customStyles = {},\n  date,\n  eventMeta,\n  eyebrow,\n  hasEyebrowRibbon = false,\n  headline,\n  isThemeDark,\n  text,\n}: TypeTextLockupSmallScaling) => {\n  const container = new ElementBuilder()\n    .withClassName('scaling-font-block-container')\n    .withStyles({\n      element: {\n        zIndex: '9',\n        position: 'relative',\n        ...customStyles,\n      },\n    });\n\n  if (eyebrow && !hasEyebrowRibbon) {\n    const eyebrowElement = createEyebrow({ eyebrow, isThemeDark });\n    container.withChild(eyebrowElement);\n  }\n\n  if (eyebrow && hasEyebrowRibbon) {\n    const ribbonEyebrowElement = createRibbonEyebrow({ eyebrow });\n    container.withChild(ribbonEyebrowElement);\n  }\n\n  if (headline) {\n    const composeHeadlineStyles = {\n      ...typography.sans.compose('larger', {\n        theme: theme.fontColor(isThemeDark),\n        scaling: true,\n      }),\n      ...animationStyles.line.composeSlideUnder({\n        color: theme.foreground(isThemeDark),\n      }),\n    };\n\n    const headlineElement = new ElementBuilder(headline)\n      .styled(composeHeadlineStyles)\n      .withStyles(headlineStyles)\n      .withModifier((el) => wrapTextNodeInSpan(el))\n      .build();\n\n    container.withChild(headlineElement);\n  }\n\n  if (eventMeta) {\n    container.withChild(eventMeta);\n  }\n\n  if (text) {\n    const textElement = new ElementBuilder(text)\n      .styled(\n        elementStyles.text.rich.composeSimple({\n          theme: theme.fontColor(isThemeDark),\n          scaling: true,\n        }),\n      )\n      .withStyles(textStyles(isThemeDark))\n      .build();\n\n    container.withChild(textElement);\n  }\n\n  if (date) {\n    const dateElement = new ElementBuilder(date)\n      .styled(\n        typography.sans.compose('min', {\n          theme: theme.fontColor(isThemeDark),\n          scaling: true,\n        }),\n      )\n      .withStyles(dateStyles(isThemeDark))\n      .build();\n\n    container.withChild(dateElement);\n  }\n\n  if (actions) {\n    const actionsElement = createActions({ actions });\n    container.withChild(actionsElement);\n  }\n\n  return container.build();\n};\n"],"names":["ElementBuilder","createEyebrow","createRibbonEyebrow","typography","theme","animationStyles","headlineStyles","wrapTextNodeInSpan","elementStyles","textStyles","dateStyles","createActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAA,eAAe,CAAC;AAAA,EACd;AAAA,EACA,eAAe,CAAA;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AACF,MAAkC;AAChC,QAAM,YAAY,IAAIA,kBAAAA,eAAA,EACnB,cAAc,8BAA8B,EAC5C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,GAAG;AAAA,IAAA;AAAA,EACL,CACD;AAEH,MAAI,WAAW,CAAC,kBAAkB;AAChC,UAAM,iBAAiBC,MAAAA,cAAc,EAAE,SAAS,aAAa;AAC7D,cAAU,UAAU,cAAc;AAAA,EACpC;AAEA,MAAI,WAAW,kBAAkB;AAC/B,UAAM,uBAAuBC,MAAAA,oBAAoB,EAAE,SAAS;AAC5D,cAAU,UAAU,oBAAoB;AAAA,EAC1C;AAEA,MAAI,UAAU;AACZ,UAAM,wBAAwB;AAAA,MAC5B,GAAGC,sBAAW,KAAK,QAAQ,UAAU;AAAA,QACnC,OAAOC,MAAAA,MAAM,UAAU,WAAW;AAAA,QAClC,SAAS;AAAA,MAAA,CACV;AAAA,MACD,GAAGC,qBAAgB,KAAK,kBAAkB;AAAA,QACxC,OAAOD,MAAAA,MAAM,WAAW,WAAW;AAAA,MAAA,CACpC;AAAA,IAAA;AAGH,UAAM,kBAAkB,IAAIJ,kBAAAA,eAAe,QAAQ,EAChD,OAAO,qBAAqB,EAC5B,WAAWM,MAAAA,cAAc,EACzB,aAAa,CAAC,OAAOC,IAAAA,mBAAmB,EAAE,CAAC,EAC3C,MAAA;AAEH,cAAU,UAAU,eAAe;AAAA,EACrC;AAEA,MAAI,WAAW;AACb,cAAU,UAAU,SAAS;AAAA,EAC/B;AAEA,MAAI,MAAM;AACR,UAAM,cAAc,IAAIP,iCAAe,IAAI,EACxC;AAAA,MACCQ,yBAAc,KAAK,KAAK,cAAc;AAAA,QACpC,OAAOJ,MAAAA,MAAM,UAAU,WAAW;AAAA,QAClC,SAAS;AAAA,MAAA,CACV;AAAA,IAAA,EAEF,WAAWK,MAAAA,WAAW,WAAW,CAAC,EAClC,MAAA;AAEH,cAAU,UAAU,WAAW;AAAA,EACjC;AAEA,MAAI,MAAM;AACR,UAAM,cAAc,IAAIT,iCAAe,IAAI,EACxC;AAAA,MACCG,sBAAW,KAAK,QAAQ,OAAO;AAAA,QAC7B,OAAOC,MAAAA,MAAM,UAAU,WAAW;AAAA,QAClC,SAAS;AAAA,MAAA,CACV;AAAA,IAAA,EAEF,WAAWM,MAAAA,WAAW,WAAW,CAAC,EAClC,MAAA;AAEH,cAAU,UAAU,WAAW;AAAA,EACjC;AAEA,MAAI,SAAS;AACX,UAAM,iBAAiBC,MAAAA,cAAc,EAAE,SAAS;AAChD,cAAU,UAAU,cAAc;AAAA,EACpC;AAEA,SAAO,UAAU,MAAA;AACnB;;"}
+{"version":3,"file":"small-scaling.js","sources":["../../../source/atomic/text-lockup/small-scaling.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport * as elementStyles from '@universityofmaryland/web-styles-library/element';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport * as animationStyles from '@universityofmaryland/web-styles-library/animation';\nimport { wrapTextNodeInSpan } from '@universityofmaryland/web-utilities-library/dom';\nimport {\n  createEyebrow,\n  createRibbonEyebrow,\n  createActions,\n  headlineStyles,\n  textStyles,\n  dateStyles,\n} from './small';\nimport { type UMDElement } from '../../_types';\n\nexport type TypeTextLockupSmallScaling = {\n  actions?: HTMLElement | null;\n  customStyles?: Record<string, string>;\n  date?: HTMLElement | null;\n  eventMeta?: UMDElement;\n  eyebrow?: HTMLElement | null;\n  hasEyebrowRibbon?: boolean;\n  headline?: HTMLElement | null;\n  isThemeDark?: boolean;\n  text?: HTMLElement | null;\n};\n\nexport const createTextLockupSmallScaling = ({\n  actions,\n  customStyles = {},\n  date,\n  eventMeta,\n  eyebrow,\n  hasEyebrowRibbon = false,\n  headline,\n  isThemeDark,\n  text,\n}: TypeTextLockupSmallScaling) => {\n  const container = new ElementBuilder()\n    .withClassName('scaling-font-block-container')\n    .withStyles({\n      element: {\n        zIndex: '9',\n        position: 'relative',\n        ...customStyles,\n      },\n    });\n\n  if (eyebrow && !hasEyebrowRibbon) {\n    const eyebrowElement = createEyebrow({ eyebrow, isThemeDark });\n    container.withChild(eyebrowElement);\n  }\n\n  if (eyebrow && hasEyebrowRibbon) {\n    const ribbonEyebrowElement = createRibbonEyebrow({ eyebrow });\n    container.withChild(ribbonEyebrowElement);\n  }\n\n  if (headline) {\n    const composeHeadlineStyles = {\n      ...typography.sans.compose('larger', {\n        theme: theme.fontColor(isThemeDark),\n        scaling: true,\n      }),\n      ...animationStyles.line.composeSlideUnder({\n        color: theme.foreground(isThemeDark),\n      }),\n    };\n\n    const headlineElement = new ElementBuilder(headline)\n      .styled(composeHeadlineStyles)\n      .withStyles(headlineStyles)\n      .withModifier((el) => wrapTextNodeInSpan(el))\n      .build();\n\n    container.withChild(headlineElement);\n  }\n\n  if (eventMeta) {\n    container.withChild(eventMeta);\n  }\n\n  if (text) {\n    const textElement = new ElementBuilder(text)\n      .styled(\n        elementStyles.text.rich.composeSimple({\n          theme: theme.fontColor(isThemeDark),\n          scaling: true,\n        }),\n      )\n      .withStyles(textStyles(isThemeDark))\n      .build();\n\n    container.withChild(textElement);\n  }\n\n  if (date) {\n    const dateElement = new ElementBuilder(date)\n      .styled(\n        typography.sans.compose('min', {\n          theme: theme.fontColor(isThemeDark),\n          scaling: true,\n        }),\n      )\n      .withStyles(dateStyles(isThemeDark))\n      .build();\n\n    container.withChild(dateElement);\n  }\n\n  if (actions) {\n    const actionsElement = createActions({ actions });\n    container.withChild(actionsElement);\n  }\n\n  return container.build();\n};\n"],"names":["animationStyles"],"mappings":";;;;;;;AA4BO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA,eAAe,CAAA;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AACF,MAAkC;AAChC,QAAM,YAAY,IAAI,eAAA,EACnB,cAAc,8BAA8B,EAC5C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,GAAG;AAAA,IAAA;AAAA,EACL,CACD;AAEH,MAAI,WAAW,CAAC,kBAAkB;AAChC,UAAM,iBAAiB,cAAc,EAAE,SAAS,aAAa;AAC7D,cAAU,UAAU,cAAc;AAAA,EACpC;AAEA,MAAI,WAAW,kBAAkB;AAC/B,UAAM,uBAAuB,oBAAoB,EAAE,SAAS;AAC5D,cAAU,UAAU,oBAAoB;AAAA,EAC1C;AAEA,MAAI,UAAU;AACZ,UAAM,wBAAwB;AAAA,MAC5B,GAAG,WAAW,KAAK,QAAQ,UAAU;AAAA,QACnC,OAAO,MAAM,UAAU,WAAW;AAAA,QAClC,SAAS;AAAA,MAAA,CACV;AAAA,MACD,GAAGA,UAAgB,KAAK,kBAAkB;AAAA,QACxC,OAAO,MAAM,WAAW,WAAW;AAAA,MAAA,CACpC;AAAA,IAAA;AAGH,UAAM,kBAAkB,IAAI,eAAe,QAAQ,EAChD,OAAO,qBAAqB,EAC5B,WAAW,cAAc,EACzB,aAAa,CAAC,OAAO,mBAAmB,EAAE,CAAC,EAC3C,MAAA;AAEH,cAAU,UAAU,eAAe;AAAA,EACrC;AAEA,MAAI,WAAW;AACb,cAAU,UAAU,SAAS;AAAA,EAC/B;AAEA,MAAI,MAAM;AACR,UAAM,cAAc,IAAI,eAAe,IAAI,EACxC;AAAA,MACC,cAAc,KAAK,KAAK,cAAc;AAAA,QACpC,OAAO,MAAM,UAAU,WAAW;AAAA,QAClC,SAAS;AAAA,MAAA,CACV;AAAA,IAAA,EAEF,WAAW,WAAW,WAAW,CAAC,EAClC,MAAA;AAEH,cAAU,UAAU,WAAW;AAAA,EACjC;AAEA,MAAI,MAAM;AACR,UAAM,cAAc,IAAI,eAAe,IAAI,EACxC;AAAA,MACC,WAAW,KAAK,QAAQ,OAAO;AAAA,QAC7B,OAAO,MAAM,UAAU,WAAW;AAAA,QAClC,SAAS;AAAA,MAAA,CACV;AAAA,IAAA,EAEF,WAAW,WAAW,WAAW,CAAC,EAClC,MAAA;AAEH,cAAU,UAAU,WAAW;AAAA,EACjC;AAEA,MAAI,SAAS;AACX,UAAM,iBAAiB,cAAc,EAAE,SAAS;AAChD,cAAU,UAAU,cAAc;AAAA,EACpC;AAEA,SAAO,UAAU,MAAA;AACnB;"}

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

@@ -22,28 +22,28 @@ export declare const eyebrowStyles: {
         display: string;
     };
     siblingAfter: {
-        marginTop: string;
+        marginTop: "8px";
     };
 };
 export declare const ribbonStyles: {
     siblingAfter: {
-        marginTop: string;
+        marginTop: "16px";
     };
 };
 export declare const headlineStyles: {
     element: {
         [x: string]: string | {
-            marginTop: string;
+            marginTop: "16px";
             "@media (max-width: 479px)"?: undefined;
         } | {
             "@media (max-width: 479px)": {
-                marginTop: string;
+                marginTop: "8px";
             };
             marginTop?: undefined;
         };
         fontWeight: string;
         "& + *": {
-            marginTop: string;
+            marginTop: "16px";
         };
     };
     subElement: {
@@ -58,7 +58,7 @@ export declare const textStyles: (isThemeDark?: boolean) => {
         color?: string | undefined;
     };
     siblingAfter: {
-        marginTop: string;
+        marginTop: "8px";
     };
 };
 export declare const dateStyles: (isThemeDark?: boolean) => {
@@ -70,7 +70,7 @@ export declare const dateStyles: (isThemeDark?: boolean) => {
         color: string;
     };
     siblingAfter: {
-        marginTop: string;
+        marginTop: "8px";
     };
 };
 export declare const createEyebrow: ({ eyebrow, isThemeDark }: TypeEyebrow) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;

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

@@ -1,36 +1,13 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const token = require("@universityofmaryland/web-token-library");
-const elementStyles = require("@universityofmaryland/web-styles-library/element");
-const typography = require("@universityofmaryland/web-styles-library/typography");
-const layout = require("@universityofmaryland/web-styles-library/layout");
-const animation = require("@universityofmaryland/web-styles-library/animation");
-const dom = require("@universityofmaryland/web-utilities-library/dom");
-const theme = require("@universityofmaryland/web-utilities-library/theme");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
-const elementStyles__namespace = /* @__PURE__ */ _interopNamespaceDefault(elementStyles);
-const typography__namespace = /* @__PURE__ */ _interopNamespaceDefault(typography);
-const layout__namespace = /* @__PURE__ */ _interopNamespaceDefault(layout);
-const animation__namespace = /* @__PURE__ */ _interopNamespaceDefault(animation);
+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 typography from "@universityofmaryland/web-styles-library/typography";
+import * as layout from "@universityofmaryland/web-styles-library/layout";
+import * as animation from "@universityofmaryland/web-styles-library/animation";
+import { wrapTextNodeInSpan } from "@universityofmaryland/web-utilities-library/dom";
+import { theme } from "@universityofmaryland/web-utilities-library/theme";
 const ELEMENT_TEXT_LOCKUP_SMALL_CONTAINER = "text-lockup-small-container";
-const metaContainer = elementStyles__namespace?.event?.meta?.container;
+const metaContainer = elementStyles?.event?.meta?.container;
 const metaClass = (() => {
   if (!metaContainer?.className) return "";
   if (Array.isArray(metaContainer.className)) {
@@ -46,23 +23,23 @@ const eyebrowStyles = {
     display: "block"
   },
   siblingAfter: {
-    marginTop: token__namespace.spacing.min
+    marginTop: token.spacing.min
   }
 };
 const ribbonStyles = {
   siblingAfter: {
-    marginTop: token__namespace.spacing.sm
+    marginTop: token.spacing.sm
   }
 };
 const headlineStyles = {
   element: {
     fontWeight: "700",
     [`& + *`]: {
-      marginTop: token__namespace.spacing.sm
+      marginTop: token.spacing.sm
     },
     [`& + .${metaClass}`]: {
       [`@media (max-width: 479px)`]: {
-        marginTop: token__namespace.spacing.min
+        marginTop: token.spacing.min
       }
     }
   },
@@ -73,41 +50,41 @@ const headlineStyles = {
 const textStyles = (isThemeDark) => ({
   element: {
     ...!isThemeDark && {
-      color: `${token__namespace.color.gray.dark}`
+      color: `${token.color.gray.dark}`
     }
   },
   child: {
     ...!isThemeDark && {
-      color: `${token__namespace.color.gray.dark}`
+      color: `${token.color.gray.dark}`
     }
   },
   siblingAfter: {
-    marginTop: token__namespace.spacing.min
+    marginTop: token.spacing.min
   }
 });
 const dateStyles = (isThemeDark) => ({
   element: {
     display: "block",
     ...!isThemeDark && {
-      color: `${token__namespace.color.gray.mediumAA}`
+      color: `${token.color.gray.mediumAA}`
     }
   },
   child: {
     color: "currentColor"
   },
   siblingAfter: {
-    marginTop: token__namespace.spacing.min
+    marginTop: token.spacing.min
   }
 });
-const createEyebrow = ({ eyebrow, isThemeDark }) => new webBuilderLibrary.ElementBuilder(eyebrow).styled(
-  typography__namespace.elements.compose("eyebrow", {
-    theme: theme.theme.fontColor(isThemeDark)
+const createEyebrow = ({ eyebrow, isThemeDark }) => new ElementBuilder(eyebrow).styled(
+  typography.elements.compose("eyebrow", {
+    theme: theme.fontColor(isThemeDark)
   })
 ).withStyles(eyebrowStyles).build();
-const createRibbonEyebrow = ({ eyebrow }) => new webBuilderLibrary.ElementBuilder(eyebrow).styled(elementStyles__namespace.text.decoration.ribbon).withStyles(ribbonStyles).build();
-const createActions = ({ actions }) => new webBuilderLibrary.ElementBuilder(actions).styled(layout__namespace.grid.inline.tabletRows).withStyles({
+const createRibbonEyebrow = ({ eyebrow }) => new ElementBuilder(eyebrow).styled(elementStyles.text.decoration.ribbon).withStyles(ribbonStyles).build();
+const createActions = ({ actions }) => new ElementBuilder(actions).styled(layout.grid.inline.tabletRows).withStyles({
   element: {
-    marginTop: token__namespace.spacing.sm
+    marginTop: token.spacing.sm
   }
 }).build();
 const createTextLockupSmall = ({
@@ -119,7 +96,7 @@ const createTextLockupSmall = ({
   eventMeta,
   isThemeDark
 }) => {
-  const container = new webBuilderLibrary.ElementBuilder().withClassName(ELEMENT_TEXT_LOCKUP_SMALL_CONTAINER).withStyles({
+  const container = new ElementBuilder().withClassName(ELEMENT_TEXT_LOCKUP_SMALL_CONTAINER).withStyles({
     element: {
       zIndex: "9",
       position: "relative"
@@ -131,31 +108,31 @@ const createTextLockupSmall = ({
   }
   if (headline) {
     const composeHeadlineStyles = {
-      ...typography__namespace.sans.compose("larger", {
-        theme: theme.theme.fontColor(isThemeDark)
+      ...typography.sans.compose("larger", {
+        theme: theme.fontColor(isThemeDark)
       }),
-      ...animation__namespace.line.composeSlideUnder({
-        color: theme.theme.foreground(isThemeDark)
+      ...animation.line.composeSlideUnder({
+        color: theme.foreground(isThemeDark)
       })
     };
-    const headlineElement = new webBuilderLibrary.ElementBuilder(headline).styled(composeHeadlineStyles).withStyles(headlineStyles).withModifier((el) => dom.wrapTextNodeInSpan(el)).build();
+    const headlineElement = new ElementBuilder(headline).styled(composeHeadlineStyles).withStyles(headlineStyles).withModifier((el) => wrapTextNodeInSpan(el)).build();
     container.withChild(headlineElement);
   }
   if (eventMeta) {
     container.withChild(eventMeta);
   }
   if (text) {
-    const textElement = new webBuilderLibrary.ElementBuilder(text).styled(
-      elementStyles__namespace.text.rich.composeSimple({
-        theme: theme.theme.fontColor(isThemeDark)
+    const textElement = new ElementBuilder(text).styled(
+      elementStyles.text.rich.composeSimple({
+        theme: theme.fontColor(isThemeDark)
       })
     ).withStyles(textStyles(isThemeDark)).build();
     container.withChild(textElement);
   }
   if (date) {
-    const dateElement = new webBuilderLibrary.ElementBuilder("slot").withClassName("umd-headline-sans-min").styled(
-      typography__namespace.sans.compose("min", {
-        theme: theme.theme.fontColor(isThemeDark)
+    const dateElement = new ElementBuilder("slot").withClassName("umd-headline-sans-min").styled(
+      typography.sans.compose("min", {
+        theme: theme.fontColor(isThemeDark)
       })
     ).withAnimation("slideUnder").withChild(date).withStyles(dateStyles(isThemeDark)).build();
     container.withChild(dateElement);
@@ -166,13 +143,15 @@ const createTextLockupSmall = ({
   }
   return container.build();
 };
-exports.createActions = createActions;
-exports.createEyebrow = createEyebrow;
-exports.createRibbonEyebrow = createRibbonEyebrow;
-exports.createTextLockupSmall = createTextLockupSmall;
-exports.dateStyles = dateStyles;
-exports.eyebrowStyles = eyebrowStyles;
-exports.headlineStyles = headlineStyles;
-exports.ribbonStyles = ribbonStyles;
-exports.textStyles = textStyles;
+export {
+  createActions,
+  createEyebrow,
+  createRibbonEyebrow,
+  createTextLockupSmall,
+  dateStyles,
+  eyebrowStyles,
+  headlineStyles,
+  ribbonStyles,
+  textStyles
+};
 //# sourceMappingURL=small.js.map