@universityofmaryland/web-elements-library 1.3.7 → 1.4.1

package/dist/model/elements/event.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"event.mjs","sources":["../../../source/model/elements/event.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { createStyledElement } from '../modifiers';\nimport { type ElementProps } from '../modifiers/_types';\n\nexport const metaContainer = (elementProps: ElementProps) =>\n  createStyledElement(elementProps, Styles.element.event.meta.container);\n\nexport const metaWrapper = (elementProps: ElementProps) =>\n  createStyledElement(elementProps, Styles.element.event.meta.wrapper);\n\nexport const metaItem = (elementProps: ElementProps) =>\n  createStyledElement(elementProps, Styles.element.event.meta.item);\n\nexport const signContainer = (elementProps: ElementProps) =>\n  createStyledElement(elementProps, Styles.element.event.sign.container);\n"],"names":[],"mappings":";;AAIO,MAAM,gBAAgB,CAAC,iBAC5B,oBAAoB,cAAc,OAAO,QAAQ,MAAM,KAAK,SAAS;AAEhE,MAAM,cAAc,CAAC,iBAC1B,oBAAoB,cAAc,OAAO,QAAQ,MAAM,KAAK,OAAO;AAE9D,MAAM,WAAW,CAAC,iBACvB,oBAAoB,cAAc,OAAO,QAAQ,MAAM,KAAK,IAAI;AAE3D,MAAM,gBAAgB,CAAC,iBAC5B,oBAAoB,cAAc,OAAO,QAAQ,MAAM,KAAK,SAAS;"}

package/dist/model/elements/headline.d.ts

@@ -1,9 +1,14 @@
-import { type ElementProps } from '../modifiers/_types';
+import { ElementProps } from '../modifiers/_types';
 export declare const sansExtraLarge: (props: ElementProps) => {
     element: HTMLElement;
     className: string;
     styles: string;
 };
+export declare const sansLargest: (props: ElementProps) => {
+    element: HTMLElement;
+    className: string;
+    styles: string;
+};
 export declare const sansLarger: (props: ElementProps) => {
     element: HTMLElement;
     className: string;
@@ -34,7 +39,7 @@ export declare const sansMin: (props: ElementProps) => {
     className: string;
     styles: string;
 };
-export declare const sansScalingLarge: (props: ElementProps) => {
+export declare const sansScalingLarger: (props: ElementProps) => {
     element: HTMLElement;
     className: string;
     styles: string;

package/dist/model/elements/headline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headline.d.ts","sourceRoot":"","sources":["../../../source/model/elements/headline.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAmBxD,eAAO,MAAM,cAAc,UAXV,YAAY;;;;CAa5B,CAAC;AAEF,eAAO,MAAM,UAAU,UAfN,YAAY;;;;CAe+C,CAAC;AAE7E,eAAO,MAAM,SAAS,UAjBL,YAAY;;;;CAiB6C,CAAC;AAE3E,eAAO,MAAM,UAAU,UAnBN,YAAY;;;;CAmB+C,CAAC;AAE7E,eAAO,MAAM,SAAS,UArBL,YAAY;;;;CAwB5B,CAAC;AAEF,eAAO,MAAM,WAAW,UA1BP,YAAY;;;;CA6B5B,CAAC;AAEF,eAAO,MAAM,OAAO,UA/BH,YAAY;;;;CA+B+C,CAAC;AAI7E,eAAO,MAAM,gBAAgB,UAnCZ,YAAY;;;;CAqC5B,CAAC;AAEF,eAAO,MAAM,cAAc,UAvCV,YAAY;;;;CAyC5B,CAAC;AAIF,eAAO,MAAM,eAAe,UA7CX,YAAY;;;;CA+C5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAjDd,YAAY;;;;CAmD5B,CAAC;AAEF,eAAO,MAAM,aAAa,UArDT,YAAY;;;;CAuD5B,CAAC"}
+{"version":3,"file":"headline.d.ts","sourceRoot":"","sources":["../../../source/model/elements/headline.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAmBxD,eAAO,MAAM,cAAc,UAXV,YAAY;;;;CAa5B,CAAC;AAEF,eAAO,MAAM,WAAW,UAfP,YAAY;;;;CAeiD,CAAC;AAE/E,eAAO,MAAM,UAAU,UAjBN,YAAY;;;;CAiB+C,CAAC;AAE7E,eAAO,MAAM,SAAS,UAnBL,YAAY;;;;CAmB6C,CAAC;AAE3E,eAAO,MAAM,UAAU,UArBN,YAAY;;;;CAqB+C,CAAC;AAE7E,eAAO,MAAM,SAAS,UAvBL,YAAY;;;;CA0B5B,CAAC;AAEF,eAAO,MAAM,WAAW,UA5BP,YAAY;;;;CA+B5B,CAAC;AAEF,eAAO,MAAM,OAAO,UAjCH,YAAY;;;;CAiC+C,CAAC;AAI7E,eAAO,MAAM,iBAAiB,UArCb,YAAY;;;;CAuC5B,CAAC;AAEF,eAAO,MAAM,cAAc,UAzCV,YAAY;;;;CA2C5B,CAAC;AAIF,eAAO,MAAM,eAAe,UA/CX,YAAY;;;;CAiD5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAnDd,YAAY;;;;CAqD5B,CAAC;AAEF,eAAO,MAAM,aAAa,UAvDT,YAAY;;;;CAyD5B,CAAC"}

package/dist/model/elements/headline.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Styles = require("@universityofmaryland/web-styles-library");
+const index = require("../modifiers/index.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 Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+const createElement = (stylesObj, isTypeHeadline = true) => {
+  return (props) => {
+    if (isTypeHeadline) {
+      return index.createStyledElement.animationLine(props, stylesObj);
+    }
+    return index.createStyledElement.childLink(props, stylesObj);
+  };
+};
+const sansExtraLarge = createElement(
+  Styles__namespace.typography.sans.fonts.extraLarge
+);
+const sansLargest = createElement(Styles__namespace.typography.sans.fonts.largest);
+const sansLarger = createElement(Styles__namespace.typography.sans.fonts.larger);
+const sansLarge = createElement(Styles__namespace.typography.sans.fonts.large);
+const sansMedium = createElement(Styles__namespace.typography.sans.fonts.medium);
+const sansSmall = createElement(
+  Styles__namespace.typography.sans.fonts.small,
+  true
+);
+const sansSmaller = createElement(
+  Styles__namespace.typography.sans.fonts.smaller,
+  true
+);
+const sansMin = createElement(Styles__namespace.typography.sans.fonts.min, true);
+const sansScalingLarger = createElement(
+  Styles__namespace.typography.sans.scalingFonts.larger
+);
+const sansScalingMin = createElement(
+  Styles__namespace.typography.sans.scalingFonts.min
+);
+const campaignMaximum = createElement(
+  Styles__namespace.typography.campaign.fonts.maximum
+);
+const campaignExtraLarge = createElement(
+  Styles__namespace.typography.campaign.fonts.extraLarge
+);
+const campaignLarge = createElement(
+  Styles__namespace.typography.campaign.fonts.large
+);
+exports.campaignExtraLarge = campaignExtraLarge;
+exports.campaignLarge = campaignLarge;
+exports.campaignMaximum = campaignMaximum;
+exports.sansExtraLarge = sansExtraLarge;
+exports.sansLarge = sansLarge;
+exports.sansLarger = sansLarger;
+exports.sansLargest = sansLargest;
+exports.sansMedium = sansMedium;
+exports.sansMin = sansMin;
+exports.sansScalingLarger = sansScalingLarger;
+exports.sansScalingMin = sansScalingMin;
+exports.sansSmall = sansSmall;
+exports.sansSmaller = sansSmaller;
+//# sourceMappingURL=headline.js.map

package/dist/model/elements/headline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headline.js","sources":["../../../source/model/elements/headline.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { createStyledElement } from '../modifiers';\nimport { type ElementProps } from '../modifiers/_types';\n\ninterface styleObject {\n  className: string | string[];\n  [key: string]: any;\n}\n\nconst createElement = (stylesObj: styleObject, isTypeHeadline = true) => {\n  return (props: ElementProps) => {\n    if (isTypeHeadline) {\n      return createStyledElement.animationLine(props, stylesObj);\n    }\n\n    return createStyledElement.childLink(props, stylesObj);\n  };\n};\n\n// Sans Fonts\n\nexport const sansExtraLarge = createElement(\n  Styles.typography.sans.fonts.extraLarge,\n);\n\nexport const sansLargest = createElement(Styles.typography.sans.fonts.largest);\n\nexport const sansLarger = createElement(Styles.typography.sans.fonts.larger);\n\nexport const sansLarge = createElement(Styles.typography.sans.fonts.large);\n\nexport const sansMedium = createElement(Styles.typography.sans.fonts.medium);\n\nexport const sansSmall = createElement(\n  Styles.typography.sans.fonts.small,\n  true,\n);\n\nexport const sansSmaller = createElement(\n  Styles.typography.sans.fonts.smaller,\n  true,\n);\n\nexport const sansMin = createElement(Styles.typography.sans.fonts.min, true);\n\n// Sans Scaling Fonts\n\nexport const sansScalingLarger = createElement(\n  Styles.typography.sans.scalingFonts.larger,\n);\n\nexport const sansScalingMin = createElement(\n  Styles.typography.sans.scalingFonts.min,\n);\n\n// Campaign Fonts\n\nexport const campaignMaximum = createElement(\n  Styles.typography.campaign.fonts.maximum,\n);\n\nexport const campaignExtraLarge = createElement(\n  Styles.typography.campaign.fonts.extraLarge,\n);\n\nexport const campaignLarge = createElement(\n  Styles.typography.campaign.fonts.large,\n);\n"],"names":["createStyledElement","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AASA,MAAM,gBAAgB,CAAC,WAAwB,iBAAiB,SAAS;AACvE,SAAO,CAAC,UAAwB;AAC9B,QAAI,gBAAgB;AAClB,aAAOA,0BAAoB,cAAc,OAAO,SAAS;AAAA,IAC3D;AAEA,WAAOA,0BAAoB,UAAU,OAAO,SAAS;AAAA,EACvD;AACF;AAIO,MAAM,iBAAiB;AAAA,EAC5BC,kBAAO,WAAW,KAAK,MAAM;AAC/B;AAEO,MAAM,cAAc,cAAcA,kBAAO,WAAW,KAAK,MAAM,OAAO;AAEtE,MAAM,aAAa,cAAcA,kBAAO,WAAW,KAAK,MAAM,MAAM;AAEpE,MAAM,YAAY,cAAcA,kBAAO,WAAW,KAAK,MAAM,KAAK;AAElE,MAAM,aAAa,cAAcA,kBAAO,WAAW,KAAK,MAAM,MAAM;AAEpE,MAAM,YAAY;AAAA,EACvBA,kBAAO,WAAW,KAAK,MAAM;AAAA,EAC7B;AACF;AAEO,MAAM,cAAc;AAAA,EACzBA,kBAAO,WAAW,KAAK,MAAM;AAAA,EAC7B;AACF;AAEO,MAAM,UAAU,cAAcA,kBAAO,WAAW,KAAK,MAAM,KAAK,IAAI;AAIpE,MAAM,oBAAoB;AAAA,EAC/BA,kBAAO,WAAW,KAAK,aAAa;AACtC;AAEO,MAAM,iBAAiB;AAAA,EAC5BA,kBAAO,WAAW,KAAK,aAAa;AACtC;AAIO,MAAM,kBAAkB;AAAA,EAC7BA,kBAAO,WAAW,SAAS,MAAM;AACnC;AAEO,MAAM,qBAAqB;AAAA,EAChCA,kBAAO,WAAW,SAAS,MAAM;AACnC;AAEO,MAAM,gBAAgB;AAAA,EAC3BA,kBAAO,WAAW,SAAS,MAAM;AACnC;;;;;;;;;;;;;;"}

package/dist/model/elements/headline.mjs

@@ -0,0 +1,57 @@
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { createStyledElement } from "../modifiers/index.mjs";
+const createElement = (stylesObj, isTypeHeadline = true) => {
+  return (props) => {
+    if (isTypeHeadline) {
+      return createStyledElement.animationLine(props, stylesObj);
+    }
+    return createStyledElement.childLink(props, stylesObj);
+  };
+};
+const sansExtraLarge = createElement(
+  Styles.typography.sans.fonts.extraLarge
+);
+const sansLargest = createElement(Styles.typography.sans.fonts.largest);
+const sansLarger = createElement(Styles.typography.sans.fonts.larger);
+const sansLarge = createElement(Styles.typography.sans.fonts.large);
+const sansMedium = createElement(Styles.typography.sans.fonts.medium);
+const sansSmall = createElement(
+  Styles.typography.sans.fonts.small,
+  true
+);
+const sansSmaller = createElement(
+  Styles.typography.sans.fonts.smaller,
+  true
+);
+const sansMin = createElement(Styles.typography.sans.fonts.min, true);
+const sansScalingLarger = createElement(
+  Styles.typography.sans.scalingFonts.larger
+);
+const sansScalingMin = createElement(
+  Styles.typography.sans.scalingFonts.min
+);
+const campaignMaximum = createElement(
+  Styles.typography.campaign.fonts.maximum
+);
+const campaignExtraLarge = createElement(
+  Styles.typography.campaign.fonts.extraLarge
+);
+const campaignLarge = createElement(
+  Styles.typography.campaign.fonts.large
+);
+export {
+  campaignExtraLarge,
+  campaignLarge,
+  campaignMaximum,
+  sansExtraLarge,
+  sansLarge,
+  sansLarger,
+  sansLargest,
+  sansMedium,
+  sansMin,
+  sansScalingLarger,
+  sansScalingMin,
+  sansSmall,
+  sansSmaller
+};
+//# sourceMappingURL=headline.mjs.map

package/dist/model/elements/headline.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"headline.mjs","sources":["../../../source/model/elements/headline.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { createStyledElement } from '../modifiers';\nimport { type ElementProps } from '../modifiers/_types';\n\ninterface styleObject {\n  className: string | string[];\n  [key: string]: any;\n}\n\nconst createElement = (stylesObj: styleObject, isTypeHeadline = true) => {\n  return (props: ElementProps) => {\n    if (isTypeHeadline) {\n      return createStyledElement.animationLine(props, stylesObj);\n    }\n\n    return createStyledElement.childLink(props, stylesObj);\n  };\n};\n\n// Sans Fonts\n\nexport const sansExtraLarge = createElement(\n  Styles.typography.sans.fonts.extraLarge,\n);\n\nexport const sansLargest = createElement(Styles.typography.sans.fonts.largest);\n\nexport const sansLarger = createElement(Styles.typography.sans.fonts.larger);\n\nexport const sansLarge = createElement(Styles.typography.sans.fonts.large);\n\nexport const sansMedium = createElement(Styles.typography.sans.fonts.medium);\n\nexport const sansSmall = createElement(\n  Styles.typography.sans.fonts.small,\n  true,\n);\n\nexport const sansSmaller = createElement(\n  Styles.typography.sans.fonts.smaller,\n  true,\n);\n\nexport const sansMin = createElement(Styles.typography.sans.fonts.min, true);\n\n// Sans Scaling Fonts\n\nexport const sansScalingLarger = createElement(\n  Styles.typography.sans.scalingFonts.larger,\n);\n\nexport const sansScalingMin = createElement(\n  Styles.typography.sans.scalingFonts.min,\n);\n\n// Campaign Fonts\n\nexport const campaignMaximum = createElement(\n  Styles.typography.campaign.fonts.maximum,\n);\n\nexport const campaignExtraLarge = createElement(\n  Styles.typography.campaign.fonts.extraLarge,\n);\n\nexport const campaignLarge = createElement(\n  Styles.typography.campaign.fonts.large,\n);\n"],"names":[],"mappings":";;AASA,MAAM,gBAAgB,CAAC,WAAwB,iBAAiB,SAAS;AACvE,SAAO,CAAC,UAAwB;AAC9B,QAAI,gBAAgB;AAClB,aAAO,oBAAoB,cAAc,OAAO,SAAS;AAAA,IAC3D;AAEA,WAAO,oBAAoB,UAAU,OAAO,SAAS;AAAA,EACvD;AACF;AAIO,MAAM,iBAAiB;AAAA,EAC5B,OAAO,WAAW,KAAK,MAAM;AAC/B;AAEO,MAAM,cAAc,cAAc,OAAO,WAAW,KAAK,MAAM,OAAO;AAEtE,MAAM,aAAa,cAAc,OAAO,WAAW,KAAK,MAAM,MAAM;AAEpE,MAAM,YAAY,cAAc,OAAO,WAAW,KAAK,MAAM,KAAK;AAElE,MAAM,aAAa,cAAc,OAAO,WAAW,KAAK,MAAM,MAAM;AAEpE,MAAM,YAAY;AAAA,EACvB,OAAO,WAAW,KAAK,MAAM;AAAA,EAC7B;AACF;AAEO,MAAM,cAAc;AAAA,EACzB,OAAO,WAAW,KAAK,MAAM;AAAA,EAC7B;AACF;AAEO,MAAM,UAAU,cAAc,OAAO,WAAW,KAAK,MAAM,KAAK,IAAI;AAIpE,MAAM,oBAAoB;AAAA,EAC/B,OAAO,WAAW,KAAK,aAAa;AACtC;AAEO,MAAM,iBAAiB;AAAA,EAC5B,OAAO,WAAW,KAAK,aAAa;AACtC;AAIO,MAAM,kBAAkB;AAAA,EAC7B,OAAO,WAAW,SAAS,MAAM;AACnC;AAEO,MAAM,qBAAqB;AAAA,EAChC,OAAO,WAAW,SAAS,MAAM;AACnC;AAEO,MAAM,gBAAgB;AAAA,EAC3B,OAAO,WAAW,SAAS,MAAM;AACnC;"}

package/dist/model/elements/index.d.ts

@@ -1,4 +1,4 @@
-import { type ElementProps } from '../modifiers/_types';
+import { ElementProps } from '../modifiers/_types';
 interface ElementModelBase extends ElementProps {
     className: string;
 }
@@ -26,11 +26,9 @@ export declare function createSpan(props: ElementModelDefined): {
 export * as actions from './actions';
 export * as assets from './assets';
 export * as buttons from './buttons';
-export * as composite from './composite';
 export * as event from './event';
 export * as headline from './headline';
 export * as layout from './layout';
 export * as richText from './rich-text';
 export * as text from './text';
-export default create;
 //# sourceMappingURL=index.d.ts.map

package/dist/model/elements/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/model/elements/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,UAAU,gBAAiB,SAAQ,YAAY;IAC7C,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,KAAK,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC;AAO7D,wBAAgB,MAAM,CAAC,KAAK,EAAE,gBAAgB;;;;EAG7C;AAOD,wBAAgB,SAAS,CAAC,KAAK,EAAE,mBAAmB;;;;EAEnD;AAOD,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB;;;;EAEzD;AAOD,wBAAgB,UAAU,CAAC,KAAK,EAAE,mBAAmB;;;;EAEpD;AAED,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,QAAQ,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAE/B,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/model/elements/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,UAAU,gBAAiB,SAAQ,YAAY;IAC7C,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,KAAK,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC;AAO7D,wBAAgB,MAAM,CAAC,KAAK,EAAE,gBAAgB;;;;EAG7C;AAOD,wBAAgB,SAAS,CAAC,KAAK,EAAE,mBAAmB;;;;EAEnD;AAOD,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB;;;;EAEzD;AAOD,wBAAgB,UAAU,CAAC,KAAK,EAAE,mBAAmB;;;;EAEpD;AAED,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,QAAQ,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC"}

package/dist/model/elements/index.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../modifiers/index.js");
+const actions = require("./actions.js");
+const assets = require("./assets.js");
+const buttons = require("./buttons.js");
+const event = require("./event.js");
+const headline = require("./headline.js");
+const layout = require("./layout.js");
+const richText = require("./rich-text.js");
+const text = require("./text.js");
+function create(props) {
+  const { className, ...rest } = props;
+  return index.createStyledElement(rest, { className });
+}
+function createDiv(props) {
+  return create({ ...props, element: document.createElement("div") });
+}
+function createParagraph(props) {
+  return create({ ...props, element: document.createElement("p") });
+}
+function createSpan(props) {
+  return create({ ...props, element: document.createElement("span") });
+}
+exports.actions = actions;
+exports.assets = assets;
+exports.buttons = buttons;
+exports.event = event;
+exports.headline = headline;
+exports.layout = layout;
+exports.richText = richText;
+exports.text = text;
+exports.create = create;
+exports.createDiv = createDiv;
+exports.createParagraph = createParagraph;
+exports.createSpan = createSpan;
+//# sourceMappingURL=index.js.map

package/dist/model/elements/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../source/model/elements/index.ts"],"sourcesContent":["import { createStyledElement } from '../modifiers';\nimport { type ElementProps } from '../modifiers/_types';\n\ninterface ElementModelBase extends ElementProps {\n  className: string;\n}\n\ntype ElementModelDefined = Omit<ElementModelBase, 'element'>;\n\n/**\n * Creates a styled element with the given properties\n * @param props - Element configuration options\n * @returns The created and styled HTML element\n */\nexport function create(props: ElementModelBase) {\n  const { className, ...rest } = props;\n  return createStyledElement(rest, { className });\n}\n\n/**\n * Creates a styled div element with the given properties\n * @param props - Element configuration options\n * @returns The created and styled HTML element\n */\nexport function createDiv(props: ElementModelDefined) {\n  return create({ ...props, element: document.createElement('div') });\n}\n\n/**\n * Creates a styled p element with the given properties\n * @param props - Element configuration options\n * @returns The created and styled HTML element\n */\nexport function createParagraph(props: ElementModelDefined) {\n  return create({ ...props, element: document.createElement('p') });\n}\n\n/**\n * Creates a styled span element with the given properties\n * @param props - Element configuration options\n * @returns The created and styled HTML element\n */\nexport function createSpan(props: ElementModelDefined) {\n  return create({ ...props, element: document.createElement('span') });\n}\n\nexport * as actions from './actions';\nexport * as assets from './assets';\nexport * as buttons from './buttons';\nexport * as event from './event';\nexport * as headline from './headline';\nexport * as layout from './layout';\nexport * as richText from './rich-text';\nexport * as text from './text';\n"],"names":["createStyledElement"],"mappings":";;;;;;;;;;;AAcO,SAAS,OAAO,OAAyB;AAC9C,QAAM,EAAE,WAAW,GAAG,KAAA,IAAS;AAC/B,SAAOA,0BAAoB,MAAM,EAAE,WAAW;AAChD;AAOO,SAAS,UAAU,OAA4B;AACpD,SAAO,OAAO,EAAE,GAAG,OAAO,SAAS,SAAS,cAAc,KAAK,GAAG;AACpE;AAOO,SAAS,gBAAgB,OAA4B;AAC1D,SAAO,OAAO,EAAE,GAAG,OAAO,SAAS,SAAS,cAAc,GAAG,GAAG;AAClE;AAOO,SAAS,WAAW,OAA4B;AACrD,SAAO,OAAO,EAAE,GAAG,OAAO,SAAS,SAAS,cAAc,MAAM,GAAG;AACrE;;;;;;;;;;;;;"}

package/dist/model/elements/index.mjs

@@ -0,0 +1,37 @@
+import { createStyledElement } from "../modifiers/index.mjs";
+import * as actions from "./actions.mjs";
+import * as assets from "./assets.mjs";
+import * as buttons from "./buttons.mjs";
+import * as event from "./event.mjs";
+import * as headline from "./headline.mjs";
+import * as layout from "./layout.mjs";
+import * as richText from "./rich-text.mjs";
+import * as text from "./text.mjs";
+function create(props) {
+  const { className, ...rest } = props;
+  return createStyledElement(rest, { className });
+}
+function createDiv(props) {
+  return create({ ...props, element: document.createElement("div") });
+}
+function createParagraph(props) {
+  return create({ ...props, element: document.createElement("p") });
+}
+function createSpan(props) {
+  return create({ ...props, element: document.createElement("span") });
+}
+export {
+  actions,
+  assets,
+  buttons,
+  create,
+  createDiv,
+  createParagraph,
+  createSpan,
+  event,
+  headline,
+  layout,
+  richText,
+  text
+};
+//# sourceMappingURL=index.mjs.map

package/dist/model/elements/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../source/model/elements/index.ts"],"sourcesContent":["import { createStyledElement } from '../modifiers';\nimport { type ElementProps } from '../modifiers/_types';\n\ninterface ElementModelBase extends ElementProps {\n  className: string;\n}\n\ntype ElementModelDefined = Omit<ElementModelBase, 'element'>;\n\n/**\n * Creates a styled element with the given properties\n * @param props - Element configuration options\n * @returns The created and styled HTML element\n */\nexport function create(props: ElementModelBase) {\n  const { className, ...rest } = props;\n  return createStyledElement(rest, { className });\n}\n\n/**\n * Creates a styled div element with the given properties\n * @param props - Element configuration options\n * @returns The created and styled HTML element\n */\nexport function createDiv(props: ElementModelDefined) {\n  return create({ ...props, element: document.createElement('div') });\n}\n\n/**\n * Creates a styled p element with the given properties\n * @param props - Element configuration options\n * @returns The created and styled HTML element\n */\nexport function createParagraph(props: ElementModelDefined) {\n  return create({ ...props, element: document.createElement('p') });\n}\n\n/**\n * Creates a styled span element with the given properties\n * @param props - Element configuration options\n * @returns The created and styled HTML element\n */\nexport function createSpan(props: ElementModelDefined) {\n  return create({ ...props, element: document.createElement('span') });\n}\n\nexport * as actions from './actions';\nexport * as assets from './assets';\nexport * as buttons from './buttons';\nexport * as event from './event';\nexport * as headline from './headline';\nexport * as layout from './layout';\nexport * as richText from './rich-text';\nexport * as text from './text';\n"],"names":[],"mappings":";;;;;;;;;AAcO,SAAS,OAAO,OAAyB;AAC9C,QAAM,EAAE,WAAW,GAAG,KAAA,IAAS;AAC/B,SAAO,oBAAoB,MAAM,EAAE,WAAW;AAChD;AAOO,SAAS,UAAU,OAA4B;AACpD,SAAO,OAAO,EAAE,GAAG,OAAO,SAAS,SAAS,cAAc,KAAK,GAAG;AACpE;AAOO,SAAS,gBAAgB,OAA4B;AAC1D,SAAO,OAAO,EAAE,GAAG,OAAO,SAAS,SAAS,cAAc,GAAG,GAAG;AAClE;AAOO,SAAS,WAAW,OAA4B;AACrD,SAAO,OAAO,EAAE,GAAG,OAAO,SAAS,SAAS,cAAc,MAAM,GAAG;AACrE;"}

package/dist/model/elements/layout.d.ts

@@ -1,4 +1,4 @@
-import { type ElementProps } from '../modifiers/_types';
+import { ElementProps } from '../modifiers/_types';
 interface GridColumns extends ElementProps {
     isColumnsTwo?: boolean;
     isColumnsThree?: boolean;

package/dist/model/elements/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../source/model/elements/layout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,UAAU,WAAY,SAAQ,YAAY;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,UAAW,YAAY;;;;CACiB,CAAC;AAEnE,eAAO,MAAM,kBAAkB,UAAW,YAAY;;;;CACU,CAAC;AAEjE,eAAO,MAAM,IAAI,UAAW,WAAW;;;;CA8BtC,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,YAAY;;;;CACU,CAAC;AAE5D,eAAO,MAAM,oBAAoB,UAAW,YAAY;;;;CACU,CAAC;AAEnE,eAAO,MAAM,WAAW,UAAW,YAAY;;;;CACS,CAAC;AAEzD,eAAO,MAAM,mBAAmB,UAAW,YAAY;;;;CACU,CAAC;AAElE,eAAO,MAAM,qBAAqB,UAAW,YAAY;;;;CACU,CAAC;AAEpE,eAAO,MAAM,qBAAqB,UAAW,YAAY;;;;CACU,CAAC;AAEpE,eAAO,MAAM,oBAAoB,UAAW,YAAY;;;;CACU,CAAC;AAEnE,eAAO,MAAM,uBAAuB,UAAW,YAAY;;;;CACU,CAAC"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../source/model/elements/layout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,UAAU,WAAY,SAAQ,YAAY;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,YAAY;;;;CACiB,CAAC;AAEnE,eAAO,MAAM,kBAAkB,GAAI,OAAO,YAAY;;;;CACU,CAAC;AAEjE,eAAO,MAAM,IAAI,GAAI,OAAO,WAAW;;;;CA8BtC,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,YAAY;;;;CACU,CAAC;AAE5D,eAAO,MAAM,oBAAoB,GAAI,OAAO,YAAY;;;;CACU,CAAC;AAEnE,eAAO,MAAM,WAAW,GAAI,OAAO,YAAY;;;;CACS,CAAC;AAEzD,eAAO,MAAM,mBAAmB,GAAI,OAAO,YAAY;;;;CACU,CAAC;AAElE,eAAO,MAAM,qBAAqB,GAAI,OAAO,YAAY;;;;CACU,CAAC;AAEpE,eAAO,MAAM,qBAAqB,GAAI,OAAO,YAAY;;;;CACU,CAAC;AAEpE,eAAO,MAAM,oBAAoB,GAAI,OAAO,YAAY;;;;CACU,CAAC;AAEnE,eAAO,MAAM,uBAAuB,GAAI,OAAO,YAAY;;;;CACU,CAAC"}

package/dist/model/elements/layout.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Styles = require("@universityofmaryland/web-styles-library");
+const index = require("../modifiers/index.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 Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+const alignedCenter = (props) => index.createStyledElement(props, Styles__namespace.layout.alignment.block.center);
+const backgroundBoxWhite = (props) => index.createStyledElement(props, Styles__namespace.layout.background.box.white);
+const grid = (props) => {
+  const {
+    isColumnsTwo = true,
+    isColumnsThree,
+    isColumnsFour,
+    isGap = true,
+    ...elementProps
+  } = props;
+  if (isColumnsTwo && isGap) {
+    return index.createStyledElement(elementProps, Styles__namespace.layout.grid.gap.two);
+  }
+  if (isColumnsThree && isGap) {
+    return index.createStyledElement(elementProps, Styles__namespace.layout.grid.gap.three);
+  }
+  if (isColumnsFour && isGap) {
+    return index.createStyledElement(elementProps, Styles__namespace.layout.grid.gap.four);
+  }
+  if (isColumnsTwo) {
+    return index.createStyledElement(elementProps, Styles__namespace.layout.grid.columnsTwo);
+  }
+  if (isColumnsThree) {
+    return index.createStyledElement(elementProps, Styles__namespace.layout.grid.columnsThree);
+  }
+  return index.createStyledElement(elementProps, Styles__namespace.layout.grid.columnsFour);
+};
+const gridInlineRow = (props) => index.createStyledElement(props, Styles__namespace.layout.grid.inline.row);
+const gridInlineTabletRows = (props) => index.createStyledElement(props, Styles__namespace.layout.grid.inline.tabletRows);
+const gridStacked = (props) => index.createStyledElement(props, Styles__namespace.layout.grid.stacked);
+const spaceHorizontalFull = (props) => index.createStyledElement(props, Styles__namespace.layout.space.horizontal.full);
+const spaceHorizontalLarger = (props) => index.createStyledElement(props, Styles__namespace.layout.space.horizontal.larger);
+const spaceHorizontalNormal = (props) => index.createStyledElement(props, Styles__namespace.layout.space.horizontal.normal);
+const spaceHorizontalSmall = (props) => index.createStyledElement(props, Styles__namespace.layout.space.horizontal.small);
+const spaceHorizontalSmallest = (props) => index.createStyledElement(props, Styles__namespace.layout.space.horizontal.smallest);
+exports.alignedCenter = alignedCenter;
+exports.backgroundBoxWhite = backgroundBoxWhite;
+exports.grid = grid;
+exports.gridInlineRow = gridInlineRow;
+exports.gridInlineTabletRows = gridInlineTabletRows;
+exports.gridStacked = gridStacked;
+exports.spaceHorizontalFull = spaceHorizontalFull;
+exports.spaceHorizontalLarger = spaceHorizontalLarger;
+exports.spaceHorizontalNormal = spaceHorizontalNormal;
+exports.spaceHorizontalSmall = spaceHorizontalSmall;
+exports.spaceHorizontalSmallest = spaceHorizontalSmallest;
+//# sourceMappingURL=layout.js.map

package/dist/model/elements/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sources":["../../../source/model/elements/layout.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { createStyledElement } from '../modifiers';\nimport { type ElementProps } from '../modifiers/_types';\n\ninterface GridColumns extends ElementProps {\n  isColumnsTwo?: boolean;\n  isColumnsThree?: boolean;\n  isColumnsFour?: boolean;\n  isGap?: boolean;\n}\n\nexport const alignedCenter = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.alignment.block.center);\n\nexport const backgroundBoxWhite = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.background.box.white);\n\nexport const grid = (props: GridColumns) => {\n  const {\n    isColumnsTwo = true,\n    isColumnsThree,\n    isColumnsFour,\n    isGap = true,\n    ...elementProps\n  } = props;\n\n  if (isColumnsTwo && isGap) {\n    return createStyledElement(elementProps, Styles.layout.grid.gap.two);\n  }\n\n  if (isColumnsThree && isGap) {\n    return createStyledElement(elementProps, Styles.layout.grid.gap.three);\n  }\n\n  if (isColumnsFour && isGap) {\n    return createStyledElement(elementProps, Styles.layout.grid.gap.four);\n  }\n\n  if (isColumnsTwo) {\n    return createStyledElement(elementProps, Styles.layout.grid.columnsTwo);\n  }\n\n  if (isColumnsThree) {\n    return createStyledElement(elementProps, Styles.layout.grid.columnsThree);\n  }\n\n  return createStyledElement(elementProps, Styles.layout.grid.columnsFour);\n};\n\nexport const gridInlineRow = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.grid.inline.row);\n\nexport const gridInlineTabletRows = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.grid.inline.tabletRows);\n\nexport const gridStacked = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.grid.stacked);\n\nexport const spaceHorizontalFull = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.space.horizontal.full);\n\nexport const spaceHorizontalLarger = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.space.horizontal.larger);\n\nexport const spaceHorizontalNormal = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.space.horizontal.normal);\n\nexport const spaceHorizontalSmall = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.space.horizontal.small);\n\nexport const spaceHorizontalSmallest = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.space.horizontal.smallest);\n"],"names":["createStyledElement","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,gBAAgB,CAAC,UAC5BA,0BAAoB,OAAOC,kBAAO,OAAO,UAAU,MAAM,MAAM;AAE1D,MAAM,qBAAqB,CAAC,UACjCD,0BAAoB,OAAOC,kBAAO,OAAO,WAAW,IAAI,KAAK;AAExD,MAAM,OAAO,CAAC,UAAuB;AAC1C,QAAM;AAAA,IACJ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,GAAG;AAAA,EAAA,IACD;AAEJ,MAAI,gBAAgB,OAAO;AACzB,WAAOD,MAAAA,oBAAoB,cAAcC,kBAAO,OAAO,KAAK,IAAI,GAAG;AAAA,EACrE;AAEA,MAAI,kBAAkB,OAAO;AAC3B,WAAOD,MAAAA,oBAAoB,cAAcC,kBAAO,OAAO,KAAK,IAAI,KAAK;AAAA,EACvE;AAEA,MAAI,iBAAiB,OAAO;AAC1B,WAAOD,MAAAA,oBAAoB,cAAcC,kBAAO,OAAO,KAAK,IAAI,IAAI;AAAA,EACtE;AAEA,MAAI,cAAc;AAChB,WAAOD,MAAAA,oBAAoB,cAAcC,kBAAO,OAAO,KAAK,UAAU;AAAA,EACxE;AAEA,MAAI,gBAAgB;AAClB,WAAOD,MAAAA,oBAAoB,cAAcC,kBAAO,OAAO,KAAK,YAAY;AAAA,EAC1E;AAEA,SAAOD,MAAAA,oBAAoB,cAAcC,kBAAO,OAAO,KAAK,WAAW;AACzE;AAEO,MAAM,gBAAgB,CAAC,UAC5BD,0BAAoB,OAAOC,kBAAO,OAAO,KAAK,OAAO,GAAG;AAEnD,MAAM,uBAAuB,CAAC,UACnCD,0BAAoB,OAAOC,kBAAO,OAAO,KAAK,OAAO,UAAU;AAE1D,MAAM,cAAc,CAAC,UAC1BD,MAAAA,oBAAoB,OAAOC,kBAAO,OAAO,KAAK,OAAO;AAEhD,MAAM,sBAAsB,CAAC,UAClCD,0BAAoB,OAAOC,kBAAO,OAAO,MAAM,WAAW,IAAI;AAEzD,MAAM,wBAAwB,CAAC,UACpCD,0BAAoB,OAAOC,kBAAO,OAAO,MAAM,WAAW,MAAM;AAE3D,MAAM,wBAAwB,CAAC,UACpCD,0BAAoB,OAAOC,kBAAO,OAAO,MAAM,WAAW,MAAM;AAE3D,MAAM,uBAAuB,CAAC,UACnCD,0BAAoB,OAAOC,kBAAO,OAAO,MAAM,WAAW,KAAK;AAE1D,MAAM,0BAA0B,CAAC,UACtCD,0BAAoB,OAAOC,kBAAO,OAAO,MAAM,WAAW,QAAQ;;;;;;;;;;;;"}

package/dist/model/elements/layout.mjs

@@ -0,0 +1,51 @@
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { createStyledElement } from "../modifiers/index.mjs";
+const alignedCenter = (props) => createStyledElement(props, Styles.layout.alignment.block.center);
+const backgroundBoxWhite = (props) => createStyledElement(props, Styles.layout.background.box.white);
+const grid = (props) => {
+  const {
+    isColumnsTwo = true,
+    isColumnsThree,
+    isColumnsFour,
+    isGap = true,
+    ...elementProps
+  } = props;
+  if (isColumnsTwo && isGap) {
+    return createStyledElement(elementProps, Styles.layout.grid.gap.two);
+  }
+  if (isColumnsThree && isGap) {
+    return createStyledElement(elementProps, Styles.layout.grid.gap.three);
+  }
+  if (isColumnsFour && isGap) {
+    return createStyledElement(elementProps, Styles.layout.grid.gap.four);
+  }
+  if (isColumnsTwo) {
+    return createStyledElement(elementProps, Styles.layout.grid.columnsTwo);
+  }
+  if (isColumnsThree) {
+    return createStyledElement(elementProps, Styles.layout.grid.columnsThree);
+  }
+  return createStyledElement(elementProps, Styles.layout.grid.columnsFour);
+};
+const gridInlineRow = (props) => createStyledElement(props, Styles.layout.grid.inline.row);
+const gridInlineTabletRows = (props) => createStyledElement(props, Styles.layout.grid.inline.tabletRows);
+const gridStacked = (props) => createStyledElement(props, Styles.layout.grid.stacked);
+const spaceHorizontalFull = (props) => createStyledElement(props, Styles.layout.space.horizontal.full);
+const spaceHorizontalLarger = (props) => createStyledElement(props, Styles.layout.space.horizontal.larger);
+const spaceHorizontalNormal = (props) => createStyledElement(props, Styles.layout.space.horizontal.normal);
+const spaceHorizontalSmall = (props) => createStyledElement(props, Styles.layout.space.horizontal.small);
+const spaceHorizontalSmallest = (props) => createStyledElement(props, Styles.layout.space.horizontal.smallest);
+export {
+  alignedCenter,
+  backgroundBoxWhite,
+  grid,
+  gridInlineRow,
+  gridInlineTabletRows,
+  gridStacked,
+  spaceHorizontalFull,
+  spaceHorizontalLarger,
+  spaceHorizontalNormal,
+  spaceHorizontalSmall,
+  spaceHorizontalSmallest
+};
+//# sourceMappingURL=layout.mjs.map

package/dist/model/elements/layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.mjs","sources":["../../../source/model/elements/layout.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { createStyledElement } from '../modifiers';\nimport { type ElementProps } from '../modifiers/_types';\n\ninterface GridColumns extends ElementProps {\n  isColumnsTwo?: boolean;\n  isColumnsThree?: boolean;\n  isColumnsFour?: boolean;\n  isGap?: boolean;\n}\n\nexport const alignedCenter = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.alignment.block.center);\n\nexport const backgroundBoxWhite = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.background.box.white);\n\nexport const grid = (props: GridColumns) => {\n  const {\n    isColumnsTwo = true,\n    isColumnsThree,\n    isColumnsFour,\n    isGap = true,\n    ...elementProps\n  } = props;\n\n  if (isColumnsTwo && isGap) {\n    return createStyledElement(elementProps, Styles.layout.grid.gap.two);\n  }\n\n  if (isColumnsThree && isGap) {\n    return createStyledElement(elementProps, Styles.layout.grid.gap.three);\n  }\n\n  if (isColumnsFour && isGap) {\n    return createStyledElement(elementProps, Styles.layout.grid.gap.four);\n  }\n\n  if (isColumnsTwo) {\n    return createStyledElement(elementProps, Styles.layout.grid.columnsTwo);\n  }\n\n  if (isColumnsThree) {\n    return createStyledElement(elementProps, Styles.layout.grid.columnsThree);\n  }\n\n  return createStyledElement(elementProps, Styles.layout.grid.columnsFour);\n};\n\nexport const gridInlineRow = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.grid.inline.row);\n\nexport const gridInlineTabletRows = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.grid.inline.tabletRows);\n\nexport const gridStacked = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.grid.stacked);\n\nexport const spaceHorizontalFull = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.space.horizontal.full);\n\nexport const spaceHorizontalLarger = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.space.horizontal.larger);\n\nexport const spaceHorizontalNormal = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.space.horizontal.normal);\n\nexport const spaceHorizontalSmall = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.space.horizontal.small);\n\nexport const spaceHorizontalSmallest = (props: ElementProps) =>\n  createStyledElement(props, Styles.layout.space.horizontal.smallest);\n"],"names":[],"mappings":";;AAWO,MAAM,gBAAgB,CAAC,UAC5B,oBAAoB,OAAO,OAAO,OAAO,UAAU,MAAM,MAAM;AAE1D,MAAM,qBAAqB,CAAC,UACjC,oBAAoB,OAAO,OAAO,OAAO,WAAW,IAAI,KAAK;AAExD,MAAM,OAAO,CAAC,UAAuB;AAC1C,QAAM;AAAA,IACJ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,GAAG;AAAA,EAAA,IACD;AAEJ,MAAI,gBAAgB,OAAO;AACzB,WAAO,oBAAoB,cAAc,OAAO,OAAO,KAAK,IAAI,GAAG;AAAA,EACrE;AAEA,MAAI,kBAAkB,OAAO;AAC3B,WAAO,oBAAoB,cAAc,OAAO,OAAO,KAAK,IAAI,KAAK;AAAA,EACvE;AAEA,MAAI,iBAAiB,OAAO;AAC1B,WAAO,oBAAoB,cAAc,OAAO,OAAO,KAAK,IAAI,IAAI;AAAA,EACtE;AAEA,MAAI,cAAc;AAChB,WAAO,oBAAoB,cAAc,OAAO,OAAO,KAAK,UAAU;AAAA,EACxE;AAEA,MAAI,gBAAgB;AAClB,WAAO,oBAAoB,cAAc,OAAO,OAAO,KAAK,YAAY;AAAA,EAC1E;AAEA,SAAO,oBAAoB,cAAc,OAAO,OAAO,KAAK,WAAW;AACzE;AAEO,MAAM,gBAAgB,CAAC,UAC5B,oBAAoB,OAAO,OAAO,OAAO,KAAK,OAAO,GAAG;AAEnD,MAAM,uBAAuB,CAAC,UACnC,oBAAoB,OAAO,OAAO,OAAO,KAAK,OAAO,UAAU;AAE1D,MAAM,cAAc,CAAC,UAC1B,oBAAoB,OAAO,OAAO,OAAO,KAAK,OAAO;AAEhD,MAAM,sBAAsB,CAAC,UAClC,oBAAoB,OAAO,OAAO,OAAO,MAAM,WAAW,IAAI;AAEzD,MAAM,wBAAwB,CAAC,UACpC,oBAAoB,OAAO,OAAO,OAAO,MAAM,WAAW,MAAM;AAE3D,MAAM,wBAAwB,CAAC,UACpC,oBAAoB,OAAO,OAAO,OAAO,MAAM,WAAW,MAAM;AAE3D,MAAM,uBAAuB,CAAC,UACnC,oBAAoB,OAAO,OAAO,OAAO,MAAM,WAAW,KAAK;AAE1D,MAAM,0BAA0B,CAAC,UACtC,oBAAoB,OAAO,OAAO,OAAO,MAAM,WAAW,QAAQ;"}

package/dist/model/elements/rich-text.d.ts

@@ -1,4 +1,9 @@
-import { type ElementProps } from '../modifiers/_types';
+import { ElementProps } from '../modifiers/_types';
+export declare const advanced: (props: ElementProps) => {
+    element: HTMLElement;
+    className: string;
+    styles: string;
+};
 export declare const simple: (props: ElementProps) => {
     element: HTMLElement;
     className: string;

package/dist/model/elements/rich-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text.d.ts","sourceRoot":"","sources":["../../../source/model/elements/rich-text.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,MAAM,UAAW,YAAY;;;;CAQzC,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,YAAY;;;;CAQ9C,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,YAAY;;;;CAWhD,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,YAAY;;;;CAWhD,CAAC"}
+{"version":3,"file":"rich-text.d.ts","sourceRoot":"","sources":["../../../source/model/elements/rich-text.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,QAAQ,GAAI,OAAO,YAAY;;;;CAQ3C,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,OAAO,YAAY;;;;CAQzC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,YAAY;;;;CAQ9C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,YAAY;;;;CAWhD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,YAAY;;;;CAWhD,CAAC"}

package/dist/model/elements/rich-text.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Styles = require("@universityofmaryland/web-styles-library");
+const index = require("../modifiers/index.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 Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+const advanced = (props) => {
+  const { isThemeDark } = props;
+  if (isThemeDark) {
+    return index.createStyledElement(props, Styles__namespace.element.text.rich.advancedDark);
+  }
+  return index.createStyledElement(props, Styles__namespace.element.text.rich.advanced);
+};
+const simple = (props) => {
+  const { isThemeDark } = props;
+  if (isThemeDark) {
+    return index.createStyledElement(props, Styles__namespace.element.text.rich.simpleDark);
+  }
+  return index.createStyledElement(props, Styles__namespace.element.text.rich.simple);
+};
+const simpleLarge = (props) => {
+  const { isThemeDark } = props;
+  if (isThemeDark) {
+    return index.createStyledElement(props, Styles__namespace.element.text.rich.simpleLargeDark);
+  }
+  return index.createStyledElement(props, Styles__namespace.element.text.rich.simpleLarge);
+};
+const simpleLargest = (props) => {
+  const { isThemeDark } = props;
+  if (isThemeDark) {
+    return index.createStyledElement(
+      props,
+      Styles__namespace.element.text.rich.simpleLargestDark
+    );
+  }
+  return index.createStyledElement(props, Styles__namespace.element.text.rich.simpleLargest);
+};
+const simpleScaling = (props) => {
+  const { isThemeDark } = props;
+  if (isThemeDark) {
+    return index.createStyledElement(
+      props,
+      Styles__namespace.element.text.rich.simpleScalingDark
+    );
+  }
+  return index.createStyledElement(props, Styles__namespace.element.text.rich.simpleScaling);
+};
+exports.advanced = advanced;
+exports.simple = simple;
+exports.simpleLarge = simpleLarge;
+exports.simpleLargest = simpleLargest;
+exports.simpleScaling = simpleScaling;
+//# sourceMappingURL=rich-text.js.map

package/dist/model/elements/rich-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text.js","sources":["../../../source/model/elements/rich-text.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { createStyledElement } from '../modifiers';\nimport { type ElementProps } from '../modifiers/_types';\n\nexport const advanced = (props: ElementProps) => {\n  const { isThemeDark } = props;\n\n  if (isThemeDark) {\n    return createStyledElement(props, Styles.element.text.rich.advancedDark);\n  }\n\n  return createStyledElement(props, Styles.element.text.rich.advanced);\n};\n\nexport const simple = (props: ElementProps) => {\n  const { isThemeDark } = props;\n\n  if (isThemeDark) {\n    return createStyledElement(props, Styles.element.text.rich.simpleDark);\n  }\n\n  return createStyledElement(props, Styles.element.text.rich.simple);\n};\n\nexport const simpleLarge = (props: ElementProps) => {\n  const { isThemeDark } = props;\n\n  if (isThemeDark) {\n    return createStyledElement(props, Styles.element.text.rich.simpleLargeDark);\n  }\n\n  return createStyledElement(props, Styles.element.text.rich.simpleLarge);\n};\n\nexport const simpleLargest = (props: ElementProps) => {\n  const { isThemeDark } = props;\n\n  if (isThemeDark) {\n    return createStyledElement(\n      props,\n      Styles.element.text.rich.simpleLargestDark,\n    );\n  }\n\n  return createStyledElement(props, Styles.element.text.rich.simpleLargest);\n};\n\nexport const simpleScaling = (props: ElementProps) => {\n  const { isThemeDark } = props;\n\n  if (isThemeDark) {\n    return createStyledElement(\n      props,\n      Styles.element.text.rich.simpleScalingDark,\n    );\n  }\n\n  return createStyledElement(props, Styles.element.text.rich.simpleScaling);\n};\n"],"names":["createStyledElement","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,WAAW,CAAC,UAAwB;AAC/C,QAAM,EAAE,gBAAgB;AAExB,MAAI,aAAa;AACf,WAAOA,MAAAA,oBAAoB,OAAOC,kBAAO,QAAQ,KAAK,KAAK,YAAY;AAAA,EACzE;AAEA,SAAOD,MAAAA,oBAAoB,OAAOC,kBAAO,QAAQ,KAAK,KAAK,QAAQ;AACrE;AAEO,MAAM,SAAS,CAAC,UAAwB;AAC7C,QAAM,EAAE,gBAAgB;AAExB,MAAI,aAAa;AACf,WAAOD,MAAAA,oBAAoB,OAAOC,kBAAO,QAAQ,KAAK,KAAK,UAAU;AAAA,EACvE;AAEA,SAAOD,MAAAA,oBAAoB,OAAOC,kBAAO,QAAQ,KAAK,KAAK,MAAM;AACnE;AAEO,MAAM,cAAc,CAAC,UAAwB;AAClD,QAAM,EAAE,gBAAgB;AAExB,MAAI,aAAa;AACf,WAAOD,MAAAA,oBAAoB,OAAOC,kBAAO,QAAQ,KAAK,KAAK,eAAe;AAAA,EAC5E;AAEA,SAAOD,MAAAA,oBAAoB,OAAOC,kBAAO,QAAQ,KAAK,KAAK,WAAW;AACxE;AAEO,MAAM,gBAAgB,CAAC,UAAwB;AACpD,QAAM,EAAE,gBAAgB;AAExB,MAAI,aAAa;AACf,WAAOD,MAAAA;AAAAA,MACL;AAAA,MACAC,kBAAO,QAAQ,KAAK,KAAK;AAAA,IAAA;AAAA,EAE7B;AAEA,SAAOD,MAAAA,oBAAoB,OAAOC,kBAAO,QAAQ,KAAK,KAAK,aAAa;AAC1E;AAEO,MAAM,gBAAgB,CAAC,UAAwB;AACpD,QAAM,EAAE,gBAAgB;AAExB,MAAI,aAAa;AACf,WAAOD,MAAAA;AAAAA,MACL;AAAA,MACAC,kBAAO,QAAQ,KAAK,KAAK;AAAA,IAAA;AAAA,EAE7B;AAEA,SAAOD,MAAAA,oBAAoB,OAAOC,kBAAO,QAAQ,KAAK,KAAK,aAAa;AAC1E;;;;;;"}

package/dist/model/elements/rich-text.mjs

@@ -0,0 +1,51 @@
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { createStyledElement } from "../modifiers/index.mjs";
+const advanced = (props) => {
+  const { isThemeDark } = props;
+  if (isThemeDark) {
+    return createStyledElement(props, Styles.element.text.rich.advancedDark);
+  }
+  return createStyledElement(props, Styles.element.text.rich.advanced);
+};
+const simple = (props) => {
+  const { isThemeDark } = props;
+  if (isThemeDark) {
+    return createStyledElement(props, Styles.element.text.rich.simpleDark);
+  }
+  return createStyledElement(props, Styles.element.text.rich.simple);
+};
+const simpleLarge = (props) => {
+  const { isThemeDark } = props;
+  if (isThemeDark) {
+    return createStyledElement(props, Styles.element.text.rich.simpleLargeDark);
+  }
+  return createStyledElement(props, Styles.element.text.rich.simpleLarge);
+};
+const simpleLargest = (props) => {
+  const { isThemeDark } = props;
+  if (isThemeDark) {
+    return createStyledElement(
+      props,
+      Styles.element.text.rich.simpleLargestDark
+    );
+  }
+  return createStyledElement(props, Styles.element.text.rich.simpleLargest);
+};
+const simpleScaling = (props) => {
+  const { isThemeDark } = props;
+  if (isThemeDark) {
+    return createStyledElement(
+      props,
+      Styles.element.text.rich.simpleScalingDark
+    );
+  }
+  return createStyledElement(props, Styles.element.text.rich.simpleScaling);
+};
+export {
+  advanced,
+  simple,
+  simpleLarge,
+  simpleLargest,
+  simpleScaling
+};
+//# sourceMappingURL=rich-text.mjs.map

package/dist/model/elements/rich-text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text.mjs","sources":["../../../source/model/elements/rich-text.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { createStyledElement } from '../modifiers';\nimport { type ElementProps } from '../modifiers/_types';\n\nexport const advanced = (props: ElementProps) => {\n  const { isThemeDark } = props;\n\n  if (isThemeDark) {\n    return createStyledElement(props, Styles.element.text.rich.advancedDark);\n  }\n\n  return createStyledElement(props, Styles.element.text.rich.advanced);\n};\n\nexport const simple = (props: ElementProps) => {\n  const { isThemeDark } = props;\n\n  if (isThemeDark) {\n    return createStyledElement(props, Styles.element.text.rich.simpleDark);\n  }\n\n  return createStyledElement(props, Styles.element.text.rich.simple);\n};\n\nexport const simpleLarge = (props: ElementProps) => {\n  const { isThemeDark } = props;\n\n  if (isThemeDark) {\n    return createStyledElement(props, Styles.element.text.rich.simpleLargeDark);\n  }\n\n  return createStyledElement(props, Styles.element.text.rich.simpleLarge);\n};\n\nexport const simpleLargest = (props: ElementProps) => {\n  const { isThemeDark } = props;\n\n  if (isThemeDark) {\n    return createStyledElement(\n      props,\n      Styles.element.text.rich.simpleLargestDark,\n    );\n  }\n\n  return createStyledElement(props, Styles.element.text.rich.simpleLargest);\n};\n\nexport const simpleScaling = (props: ElementProps) => {\n  const { isThemeDark } = props;\n\n  if (isThemeDark) {\n    return createStyledElement(\n      props,\n      Styles.element.text.rich.simpleScalingDark,\n    );\n  }\n\n  return createStyledElement(props, Styles.element.text.rich.simpleScaling);\n};\n"],"names":[],"mappings":";;AAIO,MAAM,WAAW,CAAC,UAAwB;AAC/C,QAAM,EAAE,gBAAgB;AAExB,MAAI,aAAa;AACf,WAAO,oBAAoB,OAAO,OAAO,QAAQ,KAAK,KAAK,YAAY;AAAA,EACzE;AAEA,SAAO,oBAAoB,OAAO,OAAO,QAAQ,KAAK,KAAK,QAAQ;AACrE;AAEO,MAAM,SAAS,CAAC,UAAwB;AAC7C,QAAM,EAAE,gBAAgB;AAExB,MAAI,aAAa;AACf,WAAO,oBAAoB,OAAO,OAAO,QAAQ,KAAK,KAAK,UAAU;AAAA,EACvE;AAEA,SAAO,oBAAoB,OAAO,OAAO,QAAQ,KAAK,KAAK,MAAM;AACnE;AAEO,MAAM,cAAc,CAAC,UAAwB;AAClD,QAAM,EAAE,gBAAgB;AAExB,MAAI,aAAa;AACf,WAAO,oBAAoB,OAAO,OAAO,QAAQ,KAAK,KAAK,eAAe;AAAA,EAC5E;AAEA,SAAO,oBAAoB,OAAO,OAAO,QAAQ,KAAK,KAAK,WAAW;AACxE;AAEO,MAAM,gBAAgB,CAAC,UAAwB;AACpD,QAAM,EAAE,gBAAgB;AAExB,MAAI,aAAa;AACf,WAAO;AAAA,MACL;AAAA,MACA,OAAO,QAAQ,KAAK,KAAK;AAAA,IAAA;AAAA,EAE7B;AAEA,SAAO,oBAAoB,OAAO,OAAO,QAAQ,KAAK,KAAK,aAAa;AAC1E;AAEO,MAAM,gBAAgB,CAAC,UAAwB;AACpD,QAAM,EAAE,gBAAgB;AAExB,MAAI,aAAa;AACf,WAAO;AAAA,MACL;AAAA,MACA,OAAO,QAAQ,KAAK,KAAK;AAAA,IAAA;AAAA,EAE7B;AAEA,SAAO,oBAAoB,OAAO,OAAO,QAAQ,KAAK,KAAK,aAAa;AAC1E;"}

package/dist/model/elements/text.d.ts

@@ -1,4 +1,4 @@
-import { type ElementProps } from '../modifiers/_types';
+import { ElementProps } from '../modifiers/_types';
 export declare const eyebrow: (props: ElementProps) => {
     element: HTMLElement;
     className: string;

package/dist/model/elements/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../source/model/elements/text.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,OAAO,UAAW,YAAY;;;;CAC2B,CAAC;AAEvE,eAAO,MAAM,MAAM,UAAW,YAAY;;;;CACyB,CAAC;AAEpE,eAAO,MAAM,cAAc,UAAW,YAAY;;;;CACc,CAAC;AAEjE,eAAO,MAAM,mBAAmB,UAAW,YAAY;;;;CACc,CAAC"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../source/model/elements/text.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY;;;;CAC2B,CAAC;AAEvE,eAAO,MAAM,MAAM,GAAI,OAAO,YAAY;;;;CACyB,CAAC;AAEpE,eAAO,MAAM,cAAc,GAAI,OAAO,YAAY;;;;CACc,CAAC;AAEjE,eAAO,MAAM,mBAAmB,GAAI,OAAO,YAAY;;;;CACc,CAAC"}