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

package/dist/composite/card/list.js

@@ -1,77 +1,59 @@
-"use strict";
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const token = require("@universityofmaryland/web-token-library");
-const styles = require("@universityofmaryland/web-utilities-library/styles");
-require("@universityofmaryland/web-styles-library/element");
-require("@universityofmaryland/web-styles-library/layout");
-require("@universityofmaryland/web-styles-library/animation");
-require("@universityofmaryland/web-styles-library/typography");
-require("@universityofmaryland/web-utilities-library/media");
-require("@universityofmaryland/web-utilities-library/dom");
-require("@universityofmaryland/web-icons-library/controls");
-require("@universityofmaryland/web-icons-library/communication");
-require("@universityofmaryland/web-icons-library/files");
-require("@universityofmaryland/web-icons-library/brand");
-require("@universityofmaryland/web-icons-library/arrows");
-require("../../atomic/animations/actions/indicator.js");
-require("../../atomic/animations/brand/chevron-scroll.js");
-require("../../atomic/animations/brand/card-stack.js");
-const background = require("../../atomic/assets/image/background.js");
-require("@universityofmaryland/web-styles-library");
-require("@universityofmaryland/web-utilities-library/performance");
-require("@universityofmaryland/web-utilities-library/accessibility");
-require("@universityofmaryland/web-icons-library/location");
-require("@universityofmaryland/web-icons-library/calendar");
-require("@universityofmaryland/web-utilities-library/theme");
-require("../../atomic/layout/block/stacked.js");
-require("../../atomic/layout/overlay/modal.js");
-require("../../atomic/layout/person/columns.js");
-require("@universityofmaryland/web-icons-library/social");
-require("../../atomic/text-lockup/date.js");
-const small = require("../../atomic/text-lockup/small.js");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
-const smallBreakpoint = token__namespace.media.breakpointValues.small.max;
-const mediumBreakpointStart = token__namespace.media.breakpointValues.medium.min;
-const mediumBreakpoint = token__namespace.media.breakpointValues.large.min;
-const makeDateColumn = (dateSign) => new webBuilderLibrary.ElementBuilder().withClassName("card-list-date-sign-wrapper").withStyles({
+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.js";
+import "../../atomic/animations/brand/chevron-scroll.js";
+import "../../atomic/animations/brand/card-stack.js";
+import { createImageBackground } from "../../atomic/assets/image/background.js";
+import "@universityofmaryland/web-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.js";
+import "../../atomic/layout/overlay/modal.js";
+import "../../atomic/layout/person/columns.js";
+import "@universityofmaryland/web-icons-library/social";
+import "../../atomic/text-lockup/date.js";
+import { createTextLockupSmall } from "../../atomic/text-lockup/small.js";
+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__namespace.spacing.xl}`,
+    width: `${token.spacing.xl}`,
     order: 1,
     alignSelf: "flex-start",
-    ...styles.createMediaQuery("max-width", mediumBreakpoint, {
+    ...createMediaQuery("max-width", mediumBreakpoint, {
       display: "none"
     }),
-    ...styles.createMediaQuery("min-width", mediumBreakpoint, {
-      width: `${token__namespace.spacing["8xl"]}`
+    ...createMediaQuery("min-width", mediumBreakpoint, {
+      width: `${token.spacing["8xl"]}`
     })
   }
 }).withChild(dateSign).build();
 const makeTextColumn = (props) => {
-  const lockup = small.createTextLockupSmall(props);
-  return new webBuilderLibrary.ElementBuilder().withClassName("card-list-text-wrapper").withStyles({
+  const lockup = createTextLockupSmall(props);
+  return new ElementBuilder().withClassName("card-list-text-wrapper").withStyles({
     element: {
       flex: "1 0",
-      ...styles.createMediaQuery("min-width", mediumBreakpointStart, {
-        paddingRight: `${token__namespace.spacing.md}`,
+      ...createMediaQuery("min-width", mediumBreakpointStart, {
+        paddingRight: `${token.spacing.md}`,
         order: "2"
       }),
-      ...styles.createMediaQuery("min-width", mediumBreakpoint, {
+      ...createMediaQuery("min-width", mediumBreakpoint, {
         width: "208px"
       })
     }
@@ -81,16 +63,16 @@ const makeImageColumn = ({
   image,
   isAligned
 }) => {
-  const backgroundImage = background({
+  const backgroundImage = createImageBackground({
     element: image,
     isScaled: isAligned,
     isGifAllowed: false
   });
-  return new webBuilderLibrary.ElementBuilder().withClassName("card-list-image-wrapper").withStyles({
+  return new ElementBuilder().withClassName("card-list-image-wrapper").withStyles({
     element: {
-      ...styles.createMediaQuery("max-width", smallBreakpoint, {
-        marginLeft: token__namespace.spacing.min,
-        marginBottom: token__namespace.spacing.md,
+      ...createMediaQuery("max-width", smallBreakpoint, {
+        marginLeft: token.spacing.min,
+        marginBottom: token.spacing.md,
         width: "120px",
         float: "right",
         position: "relative",
@@ -99,7 +81,7 @@ const makeImageColumn = ({
           height: "104px"
         }
       }),
-      ...styles.createMediaQuery("min-width", mediumBreakpointStart, {
+      ...createMediaQuery("min-width", mediumBreakpointStart, {
         display: "block",
         width: "160px",
         order: "3",
@@ -107,18 +89,18 @@ const makeImageColumn = ({
           height: "160px"
         }
       }),
-      ...styles.createMediaQuery("min-width", mediumBreakpoint, {
+      ...createMediaQuery("min-width", mediumBreakpoint, {
         width: "208px"
       }),
       "& img": {
-        ...styles.createMediaQuery("max-width", smallBreakpoint, {
+        ...createMediaQuery("max-width", smallBreakpoint, {
           height: "auto !important"
         })
       }
     }
   }).withChild(backgroundImage).build();
 };
-const list = (props) => {
+const createCompositeCardList = (props) => {
   const { image, isAligned, isThemeDark, dateSign } = props;
   let children = [];
   if (image) {
@@ -128,25 +110,27 @@ const list = (props) => {
     children.push(makeDateColumn(dateSign));
   }
   children.push(makeTextColumn(props));
-  const wrapper = new webBuilderLibrary.ElementBuilder().withClassName("card-list-wrapper").withStyles({
+  const wrapper = new ElementBuilder().withClassName("card-list-wrapper").withStyles({
     element: {
       containerType: "inline-size",
-      ...styles.createMediaQuery("min-width", mediumBreakpointStart, {
+      ...createMediaQuery("min-width", mediumBreakpointStart, {
         display: "flex",
         justifyContent: "space-between"
       })
     }
   }).withChildren(...children).build();
-  return new webBuilderLibrary.ElementBuilder().withClassName("card-list-container").withStyles({
+  return new ElementBuilder().withClassName("card-list-container").withStyles({
     element: {
       height: "100%",
       overflow: "hidden",
       ...isThemeDark && {
-        backgroundColor: token__namespace.color.black,
-        color: token__namespace.color.white
+        backgroundColor: token.color.black,
+        color: token.color.white
       }
     }
   }).withChild(wrapper).build();
 };
-module.exports = list;
+export {
+  createCompositeCardList
+};
 //# sourceMappingURL=list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","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":["token","ElementBuilder","createMediaQuery","textLockup.small","assets.image.background"],"mappings":"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"}
+{"version":3,"file":"list.js","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 const createCompositeCardList = (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.d.ts

@@ -1,4 +1,3 @@
 import { CardOverlayProps } from '../_types';
-declare const _default: (props: CardOverlayProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
-export default _default;
+export declare const createCompositeCardOverlayColor: (props: CardOverlayProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
 //# sourceMappingURL=color.d.ts.map

package/dist/composite/card/overlay/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../source/composite/card/overlay/color.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;yBAG7B,OAAO,gBAAgB;AAAvC,wBAgEE"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../source/composite/card/overlay/color.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAG7C,eAAO,MAAM,+BAA+B,GAAI,OAAO,gBAAgB,kFAgEtE,CAAC"}

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

@@ -1,67 +1,48 @@
-"use strict";
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const token = require("@universityofmaryland/web-token-library");
-const layout = require("@universityofmaryland/web-styles-library/layout");
-require("@universityofmaryland/web-styles-library/element");
-require("@universityofmaryland/web-styles-library/animation");
-require("@universityofmaryland/web-styles-library/typography");
-require("@universityofmaryland/web-utilities-library/media");
-require("@universityofmaryland/web-utilities-library/dom");
-require("@universityofmaryland/web-icons-library/controls");
-require("@universityofmaryland/web-icons-library/communication");
-require("@universityofmaryland/web-icons-library/files");
-require("@universityofmaryland/web-icons-library/brand");
-const icon = require("../../../atomic/actions/icon.js");
-require("../../../atomic/animations/actions/indicator.js");
-require("../../../atomic/animations/brand/chevron-scroll.js");
-require("../../../atomic/animations/brand/card-stack.js");
-require("@universityofmaryland/web-styles-library");
-require("@universityofmaryland/web-utilities-library/performance");
-require("@universityofmaryland/web-utilities-library/accessibility");
-require("@universityofmaryland/web-icons-library/location");
-require("@universityofmaryland/web-icons-library/calendar");
-require("@universityofmaryland/web-utilities-library/theme");
-require("../../../atomic/layout/block/stacked.js");
-require("../../../atomic/layout/overlay/modal.js");
-require("../../../atomic/layout/person/columns.js");
-require("@universityofmaryland/web-icons-library/social");
-require("../../../atomic/text-lockup/date.js");
-require("../../../atomic/text-lockup/small.js");
-const smallScaling = require("../../../atomic/text-lockup/small-scaling.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 layout__namespace = /* @__PURE__ */ _interopNamespaceDefault(layout);
-const color = (props) => {
+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 { createActionIcon } from "../../../atomic/actions/icon.js";
+import "../../../atomic/animations/actions/indicator.js";
+import "../../../atomic/animations/brand/chevron-scroll.js";
+import "../../../atomic/animations/brand/card-stack.js";
+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.js";
+import "../../../atomic/layout/overlay/modal.js";
+import "../../../atomic/layout/person/columns.js";
+import "@universityofmaryland/web-icons-library/social";
+import "../../../atomic/text-lockup/date.js";
+import "../../../atomic/text-lockup/small.js";
+import { createTextLockupSmallScaling } from "../../../atomic/text-lockup/small-scaling.js";
+const createCompositeCardOverlayColor = (props) => {
   const { isThemeDark, ctaIcon } = props;
   const children = [];
   if (ctaIcon && ctaIcon instanceof HTMLElement) {
     children.push(
-      icon({
+      createActionIcon({
         ...props,
         ctaIcon,
         isThemeLight: !isThemeDark
       })
     );
   }
-  const lockup = smallScaling(props);
-  const wrapper = new webBuilderLibrary.ElementBuilder().withClassName("card-overlay-color-wrapper").withStyles({
+  const lockup = createTextLockupSmallScaling(props);
+  const wrapper = new ElementBuilder().withClassName("card-overlay-color-wrapper").withStyles({
     element: {
-      paddingRight: `${ctaIcon ? token__namespace.spacing["2xl"] : 0}`,
+      paddingRight: `${ctaIcon ? token.spacing["2xl"] : 0}`,
       height: "100%",
       [`& > *`]: {
         height: "100%",
@@ -69,30 +50,32 @@ const color = (props) => {
         flexDirection: "column",
         zIndex: 9,
         position: "relative",
-        maxWidth: `${token__namespace.spacing.maxWidth.smallest}`
+        maxWidth: `${token.spacing.maxWidth.smallest}`
       }
     }
   }).withChild(lockup).build();
   children.push(wrapper);
-  return new webBuilderLibrary.ElementBuilder().withClassName("card-overlay-color").withStyles({
+  return new ElementBuilder().withClassName("card-overlay-color").withStyles({
     element: {
       containerType: "inline-size",
-      padding: `${token__namespace.spacing.lg} ${token__namespace.spacing.md}`,
+      padding: `${token.spacing.lg} ${token.spacing.md}`,
       minHeight: "360px",
       height: "100%",
       overflow: "hidden",
       position: "relative",
-      backgroundColor: token__namespace.color.gray.lightest,
+      backgroundColor: token.color.gray.lightest,
       ...isThemeDark && {
-        backgroundColor: token__namespace.color.gray.darker
+        backgroundColor: token.color.gray.darker
       },
-      [`& .${layout__namespace.grid.inline.tabletRows.className}`]: {
-        [`@media (${token__namespace.media.queries.tablet.min})`]: {
+      [`& .${layout.grid.inline.tabletRows.className}`]: {
+        [`@media (${token.media.queries.tablet.min})`]: {
           marginTop: "auto !important"
         }
       }
     }
   }).withChildren(...children).build();
 };
-module.exports = color;
+export {
+  createCompositeCardOverlayColor
+};
 //# sourceMappingURL=color.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"color.js","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","ElementBuilder","token","layout"],"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,IAAIC,kBAAAA,eAAA,EACjB,cAAc,4BAA4B,EAC1C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,cAAc,GAAG,UAAUC,iBAAM,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,GAAGA,iBAAM,QAAQ,SAAS,QAAQ;AAAA,MAAA;AAAA,IAC9C;AAAA,EACF,CACD,EACA,UAAU,MAAM,EAChB,MAAA;AAEH,WAAS,KAAK,OAAO;AAErB,SAAO,IAAID,kBAAAA,eAAA,EACR,cAAc,oBAAoB,EAClC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe;AAAA,MACf,SAAS,GAAGC,iBAAM,QAAQ,EAAE,IAAIA,iBAAM,QAAQ,EAAE;AAAA,MAChD,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,iBAAiBA,iBAAM,MAAM,KAAK;AAAA,MAElC,GAAI,eAAe;AAAA,QACjB,iBAAiBA,iBAAM,MAAM,KAAK;AAAA,MAAA;AAAA,MAGpC,CAAC,MAAMC,kBAAO,KAAK,OAAO,WAAW,SAAS,EAAE,GAAG;AAAA,QACjD,CAAC,WAAWD,iBAAM,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;;"}
+{"version":3,"file":"color.js","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 const createCompositeCardOverlayColor = (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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,kCAAkC,CAAC,UAA4B;AAC1E,QAAM,EAAE,aAAa,QAAA,IAAY;AAEjC,QAAM,WAAyB,CAAA;AAE/B,MAAI,WAAW,mBAAmB,aAAa;AAC7C,aAAS;AAAA,MACPA,iBAAa;AAAA,QACX,GAAG;AAAA,QACH;AAAA,QACA,cAAc,CAAC;AAAA,MAAA,CAChB;AAAA,IAAA;AAAA,EAEL;AAEA,QAAM,SAASC,6BAAwB,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.d.ts

@@ -4,6 +4,6 @@ interface CardIconProps {
     image?: HTMLImageElement | null;
     isThemeDark?: boolean;
 }
-declare const _default: (props: CardIconProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
-export default _default;
+export declare const createCompositeCardOverlayIcon: (props: CardIconProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
+export {};
 //# sourceMappingURL=icon.d.ts.map

package/dist/composite/card/overlay/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../source/composite/card/overlay/icon.ts"],"names":[],"mappings":"AAKA,UAAU,aAAa;IACrB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;yBAEe,OAAO,aAAa;AAApC,wBAmDE"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../source/composite/card/overlay/icon.ts"],"names":[],"mappings":"AAKA,UAAU,aAAa;IACrB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,8BAA8B,GAAI,OAAO,aAAa,kFAmDlE,CAAC"}

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

@@ -1,58 +1,40 @@
-"use strict";
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const token = require("@universityofmaryland/web-token-library");
-require("@universityofmaryland/web-styles-library/element");
-require("@universityofmaryland/web-styles-library/layout");
-require("@universityofmaryland/web-styles-library/animation");
-require("@universityofmaryland/web-styles-library/typography");
-require("@universityofmaryland/web-utilities-library/media");
-require("@universityofmaryland/web-utilities-library/dom");
-require("@universityofmaryland/web-icons-library/controls");
-require("@universityofmaryland/web-icons-library/communication");
-require("@universityofmaryland/web-icons-library/files");
-require("@universityofmaryland/web-icons-library/brand");
-require("@universityofmaryland/web-icons-library/arrows");
-require("../../../atomic/animations/actions/indicator.js");
-require("../../../atomic/animations/brand/chevron-scroll.js");
-require("../../../atomic/animations/brand/card-stack.js");
-require("@universityofmaryland/web-styles-library");
-require("@universityofmaryland/web-utilities-library/performance");
-require("@universityofmaryland/web-utilities-library/accessibility");
-require("@universityofmaryland/web-icons-library/location");
-require("@universityofmaryland/web-icons-library/calendar");
-require("@universityofmaryland/web-utilities-library/theme");
-require("../../../atomic/layout/block/stacked.js");
-require("../../../atomic/layout/overlay/modal.js");
-require("../../../atomic/layout/person/columns.js");
-require("@universityofmaryland/web-icons-library/social");
-require("../../../atomic/text-lockup/date.js");
-require("../../../atomic/text-lockup/small.js");
-const smallScaling = require("../../../atomic/text-lockup/small-scaling.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 icon = (props) => {
+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.js";
+import "../../../atomic/animations/brand/chevron-scroll.js";
+import "../../../atomic/animations/brand/card-stack.js";
+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.js";
+import "../../../atomic/layout/overlay/modal.js";
+import "../../../atomic/layout/person/columns.js";
+import "@universityofmaryland/web-icons-library/social";
+import "../../../atomic/text-lockup/date.js";
+import "../../../atomic/text-lockup/small.js";
+import { createTextLockupSmallScaling } from "../../../atomic/text-lockup/small-scaling.js";
+const createCompositeCardOverlayIcon = (props) => {
   const children = [];
   if (props.image) {
-    const imageContainer = new webBuilderLibrary.ElementBuilder().withClassName("card-overlay-icon-image").withStyles({
+    const imageContainer = new ElementBuilder().withClassName("card-overlay-icon-image").withStyles({
       element: {
         display: "flex",
         justifyContent: "flex-end",
-        marginBottom: `${token__namespace.spacing.lg}`,
+        marginBottom: `${token.spacing.lg}`,
         "& *": {
           maxHeight: "120px"
         }
@@ -61,27 +43,29 @@ const icon = (props) => {
     children.push(imageContainer);
   }
   children.push(
-    smallScaling({
+    createTextLockupSmallScaling({
       ...props,
       customStyles: {
         height: "auto"
       }
     })
   );
-  return new webBuilderLibrary.ElementBuilder().withClassName("card-overlay-icon").withStyles({
+  return new ElementBuilder().withClassName("card-overlay-icon").withStyles({
     element: {
       containerType: "inline-size",
       height: "100%",
       overflow: "hidden",
       position: "relative",
-      padding: `${token__namespace.spacing.md}`,
-      paddingTop: `${token__namespace.spacing.sm}`,
-      backgroundColor: token__namespace.color.gray.lightest,
+      padding: `${token.spacing.md}`,
+      paddingTop: `${token.spacing.sm}`,
+      backgroundColor: token.color.gray.lightest,
       ...props.isThemeDark && {
-        backgroundColor: token__namespace.color.gray.darker
+        backgroundColor: token.color.gray.darker
       }
     }
   }).withChildren(...children).build();
 };
-module.exports = icon;
+export {
+  createCompositeCardOverlayIcon
+};
 //# sourceMappingURL=icon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon.js","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":["ElementBuilder","token","textLockup.smallScaling"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAA,OAAe,CAAC,UAAyB;AACvC,QAAM,WAAyB,CAAA;AAE/B,MAAI,MAAM,OAAO;AACf,UAAM,iBAAiB,IAAIA,kBAAAA,eAAA,EACxB,cAAc,yBAAyB,EACvC,WAAW;AAAA,MACV,SAAS;AAAA,QACP,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,cAAc,GAAGC,iBAAM,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,IACPC,aAAwB;AAAA,MACtB,GAAG;AAAA,MACH,cAAc;AAAA,QACZ,QAAQ;AAAA,MAAA;AAAA,IACV,CACD;AAAA,EAAA;AAGH,SAAO,IAAIF,kBAAAA,eAAA,EACR,cAAc,mBAAmB,EACjC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS,GAAGC,iBAAM,QAAQ,EAAE;AAAA,MAC5B,YAAY,GAAGA,iBAAM,QAAQ,EAAE;AAAA,MAC/B,iBAAiBA,iBAAM,MAAM,KAAK;AAAA,MAElC,GAAI,MAAM,eAAe;AAAA,QACvB,iBAAiBA,iBAAM,MAAM,KAAK;AAAA,MAAA;AAAA,IACpC;AAAA,EACF,CACD,EACA,aAAa,GAAG,QAAQ,EACxB,MAAA;AACL;;"}
+{"version":3,"file":"icon.js","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 const createCompositeCardOverlayIcon = (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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,iCAAiC,CAAC,UAAyB;AACtE,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,6BAAwB;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;"}