@universityofmaryland/web-elements-library 1.3.7 → 1.4.0

package/dist/model/elements/text.js

@@ -0,0 +1,30 @@
+"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 eyebrow = (props) => index.createStyledElement(props, Styles__namespace.typography.elements.fonts.eyebrow);
+const ribbon = (props) => index.createStyledElement(props, Styles__namespace.element.text.decoration.ribbon);
+const lineAdjustment = (props) => index.createStyledElement(props, Styles__namespace.element.text.line.adjustent);
+const lineAdjustmentInset = (props) => index.createStyledElement(props, Styles__namespace.element.text.line.adjustentInset);
+exports.eyebrow = eyebrow;
+exports.lineAdjustment = lineAdjustment;
+exports.lineAdjustmentInset = lineAdjustmentInset;
+exports.ribbon = ribbon;
+//# sourceMappingURL=text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sources":["../../../source/model/elements/text.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { createStyledElement } from '../modifiers';\nimport { type ElementProps } from '../modifiers/_types';\n\nexport const eyebrow = (props: ElementProps) =>\n  createStyledElement(props, Styles.typography.elements.fonts.eyebrow);\n\nexport const ribbon = (props: ElementProps) =>\n  createStyledElement(props, Styles.element.text.decoration.ribbon);\n\nexport const lineAdjustment = (props: ElementProps) =>\n  createStyledElement(props, Styles.element.text.line.adjustent);\n\nexport const lineAdjustmentInset = (props: ElementProps) =>\n  createStyledElement(props, Styles.element.text.line.adjustentInset);\n"],"names":["createStyledElement","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,UAAU,CAAC,UACtBA,0BAAoB,OAAOC,kBAAO,WAAW,SAAS,MAAM,OAAO;AAE9D,MAAM,SAAS,CAAC,UACrBD,0BAAoB,OAAOC,kBAAO,QAAQ,KAAK,WAAW,MAAM;AAE3D,MAAM,iBAAiB,CAAC,UAC7BD,0BAAoB,OAAOC,kBAAO,QAAQ,KAAK,KAAK,SAAS;AAExD,MAAM,sBAAsB,CAAC,UAClCD,0BAAoB,OAAOC,kBAAO,QAAQ,KAAK,KAAK,cAAc;;;;;"}

package/dist/model/elements/text.mjs

@@ -0,0 +1,13 @@
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { createStyledElement } from "../modifiers/index.mjs";
+const eyebrow = (props) => createStyledElement(props, Styles.typography.elements.fonts.eyebrow);
+const ribbon = (props) => createStyledElement(props, Styles.element.text.decoration.ribbon);
+const lineAdjustment = (props) => createStyledElement(props, Styles.element.text.line.adjustent);
+const lineAdjustmentInset = (props) => createStyledElement(props, Styles.element.text.line.adjustentInset);
+export {
+  eyebrow,
+  lineAdjustment,
+  lineAdjustmentInset,
+  ribbon
+};
+//# sourceMappingURL=text.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.mjs","sources":["../../../source/model/elements/text.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { createStyledElement } from '../modifiers';\nimport { type ElementProps } from '../modifiers/_types';\n\nexport const eyebrow = (props: ElementProps) =>\n  createStyledElement(props, Styles.typography.elements.fonts.eyebrow);\n\nexport const ribbon = (props: ElementProps) =>\n  createStyledElement(props, Styles.element.text.decoration.ribbon);\n\nexport const lineAdjustment = (props: ElementProps) =>\n  createStyledElement(props, Styles.element.text.line.adjustent);\n\nexport const lineAdjustmentInset = (props: ElementProps) =>\n  createStyledElement(props, Styles.element.text.line.adjustentInset);\n"],"names":[],"mappings":";;AAIO,MAAM,UAAU,CAAC,UACtB,oBAAoB,OAAO,OAAO,WAAW,SAAS,MAAM,OAAO;AAE9D,MAAM,SAAS,CAAC,UACrB,oBAAoB,OAAO,OAAO,QAAQ,KAAK,WAAW,MAAM;AAE3D,MAAM,iBAAiB,CAAC,UAC7B,oBAAoB,OAAO,OAAO,QAAQ,KAAK,KAAK,SAAS;AAExD,MAAM,sBAAsB,CAAC,UAClC,oBAAoB,OAAO,OAAO,QAAQ,KAAK,KAAK,cAAc;"}

package/dist/model/modifiers/_types.d.ts

@@ -16,7 +16,7 @@ export interface StyleOptions {
 }
 export interface CompositeChild {
     element: HTMLElement;
-    className: string;
+    className?: string;
     styles: string;
 }
 export interface ElementProps extends ElementColors {

package/dist/model/modifiers/_types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_types.d.ts","sourceRoot":"","sources":["../../../source/model/modifiers/_types.ts"],"names":[],"mappings":"AAEA,UAAU,aAAa;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,OAAO,EAAE,WAAW,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;CACvC;AAID,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,YAAY,CAAC;AAE7D,KAAK,mBAAmB,GAAG,aAAa,GAAG,YAAY,GAAG,aAAa,CAAC;AAIxE,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;CAAG;AAIlE,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,MAAM,CAAC;IACtD,gBAAgB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC,EAAE,CAAC;CACvD;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;CACjD"}
+{"version":3,"file":"_types.d.ts","sourceRoot":"","sources":["../../../source/model/modifiers/_types.ts"],"names":[],"mappings":"AAEA,UAAU,aAAa;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,OAAO,EAAE,WAAW,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;CACvC;AAID,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,YAAY,CAAC;AAE7D,KAAK,mBAAmB,GAAG,aAAa,GAAG,YAAY,GAAG,aAAa,CAAC;AAIxE,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;CAAG;AAIlE,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,MAAM,CAAC;IACtD,gBAAgB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC,EAAE,CAAC;CACvD;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;CACjD"}

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

@@ -1,4 +1,4 @@
-import { type ElementProps, type BuilderConfig, type StyleModifierProps, type ConfigurationProps } from './_types';
+import { ElementProps, BuilderConfig, StyleModifierProps, ConfigurationProps } from './_types';
 interface styleObject {
     className: string | string[];
     [key: string]: any;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/model/modifiers/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,YAAY,EAEjB,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EAExB,MAAM,UAAU,CAAC;AAElB,UAAU,WAAW;IACnB,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAGD,QAAA,MAAM,MAAM;;sBAEM,kBAAkB;yBAOf,kBAAkB;+BAKZ,kBAAkB;mCAId,kBAAkB;kCAInB,kBAAkB;;;;oCAOlB,kBAAkB;;;oCAOlB,kBAAkB;yCAK9B,WAAW;;;oCAMC,kBAAkB;;;oCAKlB,kBAAkB;;;oCAKlB,kBAAkB;;;CAI/C,CAAC;AAoEF,QAAA,MAAM,kBAAkB,UACf,kBAAkB,UACjB,aAAa;;;;CActB,CAAC;AA2BF,KAAK,gBAAgB,GAAG,CACtB,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,WAAW,KACnB,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE3C,KAAK,oBAAoB,GAAG,gBAAgB,GAAG;KAC5C,CAAC,IAAI,MAAM,OAAO,MAAM,CAAC,QAAQ,GAAG,gBAAgB;CACtD,CAAC;AAcF,eAAO,MAAM,mBAAmB,sBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/model/modifiers/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,YAAY,EAEjB,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EAExB,MAAM,UAAU,CAAC;AAElB,UAAU,WAAW;IACnB,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAGD,QAAA,MAAM,MAAM;;sBAEM,kBAAkB;yBAOf,kBAAkB;+BAKZ,kBAAkB;mCAId,kBAAkB;kCAInB,kBAAkB;;;;oCAOlB,kBAAkB;;;oCAOlB,kBAAkB;yCAK9B,WAAW;;;oCAMC,kBAAkB;;;oCAKlB,kBAAkB;;;oCAKlB,kBAAkB;;;CAI/C,CAAC;AAoEF,QAAA,MAAM,kBAAkB,GACtB,OAAO,kBAAkB,EACzB,QAAQ,aAAa;;;;CActB,CAAC;AA2BF,KAAK,gBAAgB,GAAG,CACtB,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,WAAW,KACnB,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE3C,KAAK,oBAAoB,GAAG,gBAAgB,GAAG;KAC5C,CAAC,IAAI,MAAM,OAAO,MAAM,CAAC,QAAQ,GAAG,gBAAgB;CACtD,CAAC;AAcF,eAAO,MAAM,mBAAmB,sBAAwB,CAAC"}

package/dist/model/modifiers/index.js

@@ -0,0 +1,136 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const modify = require("../../utilities/markup/modify.js");
+const index = require("../../utilities/theme/index.js");
+const style = require("./style.js");
+const CONFIG = {
+  modifiers: {
+    base: (props) => [
+      style.modifiers.baseStyles(props),
+      style.modifiers.element(props),
+      style.modifiers.elementBefore(props),
+      style.modifiers.elementChild(props),
+      style.modifiers.elementSiblingAfter(props)
+    ],
+    default: (props) => [
+      ...CONFIG.modifiers.base(props),
+      style.modifiers.textColor(props),
+      style.modifiers.iconColor(props)
+    ],
+    withChildLink: (props) => [
+      ...CONFIG.modifiers.default(props),
+      style.modifiers.childLink(props)
+    ],
+    withAnimationLink: (props) => [
+      ...CONFIG.modifiers.default(props),
+      style.modifiers.animationLink(props)
+    ],
+    withoutTextColor: (props) => [
+      ...CONFIG.modifiers.base(props)
+    ]
+  },
+  builders: {
+    action: {
+      styleModifiers: (props) => index.combineStyles(
+        ...CONFIG.modifiers.withoutTextColor(props)
+      )
+    },
+    animationLine: {
+      styleModifiers: (props) => index.combineStyles(
+        ...CONFIG.modifiers.withAnimationLink(props)
+      ),
+      elementModifiers: [
+        (element) => modify.wrapTextNodeInSpan(element)
+      ]
+    },
+    base: {
+      styleModifiers: (props) => index.combineStyles(...CONFIG.modifiers.base(props))
+    },
+    childLink: {
+      styleModifiers: (props) => index.combineStyles(...CONFIG.modifiers.withChildLink(props))
+    },
+    default: {
+      styleModifiers: (props) => index.combineStyles(...CONFIG.modifiers.default(props))
+    }
+  }
+};
+class ElementBuilder {
+  constructor(className, element) {
+    this.className = className;
+    this.element = element;
+  }
+  createElement(props) {
+    const { config, options = {}, children, attributes } = props;
+    const className = this.className;
+    const element = this.element;
+    if (!className || !element) {
+      throw new Error(`element & className is required for Element Builder`);
+    }
+    let styles = "";
+    if (config.styleModifiers) {
+      styles += config.styleModifiers({ className, ...options });
+    }
+    if (config.elementModifiers) {
+      for (const modifier of config.elementModifiers) {
+        modifier(element);
+      }
+    }
+    element.classList.add(className);
+    if (attributes && attributes.length > 0) {
+      attributes.forEach((attrObject) => {
+        Object.entries(attrObject).forEach(([key, value]) => {
+          element.setAttribute(key, value);
+        });
+      });
+    }
+    if (children && children.length > 0) {
+      children.forEach((child) => {
+        element.appendChild(child.element);
+        styles += child.styles;
+      });
+    }
+    return {
+      element,
+      className,
+      styles
+    };
+  }
+}
+const createElementBuild = (props, config) => {
+  const { element, className, elementStyles, children, attributes, ...rest } = props;
+  return new ElementBuilder(className, element).createElement({
+    config,
+    options: {
+      ...elementStyles,
+      ...rest
+    },
+    children,
+    attributes
+  });
+};
+const createElementWithConfig = (props, stylesObj, builderType) => {
+  const { className, ...baseStyles } = stylesObj;
+  const config = CONFIG.builders[builderType];
+  if (Array.isArray(className)) {
+    return createElementBuild(
+      { ...props, className: className[0], baseStyles },
+      config
+    );
+  }
+  return createElementBuild({ ...props, className, baseStyles }, config);
+};
+const createElementFactory = (builderType) => {
+  return (props, stylesObj) => createElementWithConfig(props, stylesObj, builderType);
+};
+const createStyledElementFn = createElementFactory(
+  "default"
+);
+Object.keys(CONFIG.builders).forEach(
+  (key) => {
+    createStyledElementFn[key] = createElementFactory(key);
+  }
+);
+createStyledElementFn.default = createStyledElementFn;
+const createStyledElement = createStyledElementFn;
+exports.createStyledElement = createStyledElement;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../source/model/modifiers/index.ts"],"sourcesContent":["import * as Utility from 'utilities';\nimport { modifiers } from './style';\nimport {\n  type ElementProps,\n  type BuilderProps,\n  type BuilderConfig,\n  type StyleModifierProps,\n  type ConfigurationProps,\n  type CompositeChild,\n} from './_types';\n\ninterface styleObject {\n  className: string | string[];\n  [key: string]: any;\n}\n\n// Configuration\nconst CONFIG = {\n  modifiers: {\n    base: (props: StyleModifierProps) => [\n      modifiers.baseStyles(props),\n      modifiers.element(props),\n      modifiers.elementBefore(props),\n      modifiers.elementChild(props),\n      modifiers.elementSiblingAfter(props),\n    ],\n    default: (props: StyleModifierProps) => [\n      ...CONFIG.modifiers.base(props),\n      modifiers.textColor(props),\n      modifiers.iconColor(props),\n    ],\n    withChildLink: (props: StyleModifierProps) => [\n      ...CONFIG.modifiers.default(props),\n      modifiers.childLink(props),\n    ],\n    withAnimationLink: (props: StyleModifierProps) => [\n      ...CONFIG.modifiers.default(props),\n      modifiers.animationLink(props),\n    ],\n    withoutTextColor: (props: StyleModifierProps) => [\n      ...CONFIG.modifiers.base(props),\n    ],\n  },\n\n  builders: {\n    action: {\n      styleModifiers: (props: StyleModifierProps) =>\n        Utility.theme.combineStyles(\n          ...CONFIG.modifiers.withoutTextColor(props),\n        ),\n    },\n\n    animationLine: {\n      styleModifiers: (props: StyleModifierProps) =>\n        Utility.theme.combineStyles(\n          ...CONFIG.modifiers.withAnimationLink(props),\n        ),\n      elementModifiers: [\n        (element: HTMLElement) =>\n          Utility.markup.modify.wrapTextNodeInSpan(element),\n      ],\n    },\n\n    base: {\n      styleModifiers: (props: StyleModifierProps) =>\n        Utility.theme.combineStyles(...CONFIG.modifiers.base(props)),\n    },\n\n    childLink: {\n      styleModifiers: (props: StyleModifierProps) =>\n        Utility.theme.combineStyles(...CONFIG.modifiers.withChildLink(props)),\n    },\n\n    default: {\n      styleModifiers: (props: StyleModifierProps) =>\n        Utility.theme.combineStyles(...CONFIG.modifiers.default(props)),\n    },\n  },\n};\n\n// Model\n\nclass ElementBuilder {\n  private className: string;\n  private element: HTMLElement;\n\n  constructor(className: string, element: HTMLElement) {\n    this.className = className;\n    this.element = element;\n  }\n\n  createElement(\n    props: BuilderProps & {\n      children?: CompositeChild[];\n      attributes?: Record<string, string>[];\n    },\n  ) {\n    const { config, options = {}, children, attributes } = props;\n    const className = this.className;\n    const element = this.element;\n\n    if (!className || !element) {\n      throw new Error(`element & className is required for Element Builder`);\n    }\n\n    let styles = '';\n\n    if (config.styleModifiers) {\n      styles += config.styleModifiers({ className, ...options });\n    }\n\n    if (config.elementModifiers) {\n      for (const modifier of config.elementModifiers) {\n        modifier(element);\n      }\n    }\n\n    element.classList.add(className);\n\n    // Apply attributes if provided\n    if (attributes && attributes.length > 0) {\n      attributes.forEach((attrObject) => {\n        Object.entries(attrObject).forEach(([key, value]) => {\n          element.setAttribute(key, value);\n        });\n      });\n    }\n\n    // Process children if provided\n    if (children && children.length > 0) {\n      children.forEach((child) => {\n        element.appendChild(child.element);\n        styles += child.styles;\n      });\n    }\n\n    return {\n      element,\n      className,\n      styles,\n    };\n  }\n}\n\n// Helper Functions\n\nconst createElementBuild = (\n  props: ConfigurationProps,\n  config: BuilderConfig,\n) => {\n  const { element, className, elementStyles, children, attributes, ...rest } =\n    props;\n\n  return new ElementBuilder(className, element).createElement({\n    config,\n    options: {\n      ...elementStyles,\n      ...rest,\n    },\n    children,\n    attributes,\n  });\n};\n\nconst createElementWithConfig = (\n  props: ElementProps,\n  stylesObj: styleObject,\n  builderType: keyof typeof CONFIG.builders,\n) => {\n  const { className, ...baseStyles } = stylesObj;\n  const config = CONFIG.builders[builderType];\n\n  if (Array.isArray(className)) {\n    return createElementBuild(\n      { ...props, className: className[0], baseStyles },\n      config,\n    );\n  }\n\n  return createElementBuild({ ...props, className, baseStyles }, config);\n};\n\nconst createElementFactory = (builderType: keyof typeof CONFIG.builders) => {\n  return (props: ElementProps, stylesObj: styleObject) =>\n    createElementWithConfig(props, stylesObj, builderType);\n};\n\n// Create Elements\n\ntype ElementFactoryFn = (\n  props: ElementProps,\n  stylesObj: styleObject,\n) => ReturnType<typeof createElementBuild>;\n\ntype StyledElementCreator = ElementFactoryFn & {\n  [K in keyof typeof CONFIG.builders]: ElementFactoryFn;\n};\n\nconst createStyledElementFn = createElementFactory(\n  'default',\n) as StyledElementCreator;\n\n(Object.keys(CONFIG.builders) as Array<keyof typeof CONFIG.builders>).forEach(\n  (key) => {\n    createStyledElementFn[key] = createElementFactory(key);\n  },\n);\n\ncreateStyledElementFn.default = createStyledElementFn;\n\nexport const createStyledElement = createStyledElementFn;\n"],"names":["modifiers","Utility.theme.combineStyles","Utility.markup.modify.wrapTextNodeInSpan"],"mappings":"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"}

package/dist/model/modifiers/index.mjs

@@ -0,0 +1,136 @@
+import { wrapTextNodeInSpan } from "../../utilities/markup/modify.mjs";
+import { combineStyles } from "../../utilities/theme/index.mjs";
+import { modifiers } from "./style.mjs";
+const CONFIG = {
+  modifiers: {
+    base: (props) => [
+      modifiers.baseStyles(props),
+      modifiers.element(props),
+      modifiers.elementBefore(props),
+      modifiers.elementChild(props),
+      modifiers.elementSiblingAfter(props)
+    ],
+    default: (props) => [
+      ...CONFIG.modifiers.base(props),
+      modifiers.textColor(props),
+      modifiers.iconColor(props)
+    ],
+    withChildLink: (props) => [
+      ...CONFIG.modifiers.default(props),
+      modifiers.childLink(props)
+    ],
+    withAnimationLink: (props) => [
+      ...CONFIG.modifiers.default(props),
+      modifiers.animationLink(props)
+    ],
+    withoutTextColor: (props) => [
+      ...CONFIG.modifiers.base(props)
+    ]
+  },
+  builders: {
+    action: {
+      styleModifiers: (props) => combineStyles(
+        ...CONFIG.modifiers.withoutTextColor(props)
+      )
+    },
+    animationLine: {
+      styleModifiers: (props) => combineStyles(
+        ...CONFIG.modifiers.withAnimationLink(props)
+      ),
+      elementModifiers: [
+        (element) => wrapTextNodeInSpan(element)
+      ]
+    },
+    base: {
+      styleModifiers: (props) => combineStyles(...CONFIG.modifiers.base(props))
+    },
+    childLink: {
+      styleModifiers: (props) => combineStyles(...CONFIG.modifiers.withChildLink(props))
+    },
+    default: {
+      styleModifiers: (props) => combineStyles(...CONFIG.modifiers.default(props))
+    }
+  }
+};
+class ElementBuilder {
+  constructor(className, element) {
+    this.className = className;
+    this.element = element;
+  }
+  createElement(props) {
+    const { config, options = {}, children, attributes } = props;
+    const className = this.className;
+    const element = this.element;
+    if (!className || !element) {
+      throw new Error(`element & className is required for Element Builder`);
+    }
+    let styles = "";
+    if (config.styleModifiers) {
+      styles += config.styleModifiers({ className, ...options });
+    }
+    if (config.elementModifiers) {
+      for (const modifier of config.elementModifiers) {
+        modifier(element);
+      }
+    }
+    element.classList.add(className);
+    if (attributes && attributes.length > 0) {
+      attributes.forEach((attrObject) => {
+        Object.entries(attrObject).forEach(([key, value]) => {
+          element.setAttribute(key, value);
+        });
+      });
+    }
+    if (children && children.length > 0) {
+      children.forEach((child) => {
+        element.appendChild(child.element);
+        styles += child.styles;
+      });
+    }
+    return {
+      element,
+      className,
+      styles
+    };
+  }
+}
+const createElementBuild = (props, config) => {
+  const { element, className, elementStyles, children, attributes, ...rest } = props;
+  return new ElementBuilder(className, element).createElement({
+    config,
+    options: {
+      ...elementStyles,
+      ...rest
+    },
+    children,
+    attributes
+  });
+};
+const createElementWithConfig = (props, stylesObj, builderType) => {
+  const { className, ...baseStyles } = stylesObj;
+  const config = CONFIG.builders[builderType];
+  if (Array.isArray(className)) {
+    return createElementBuild(
+      { ...props, className: className[0], baseStyles },
+      config
+    );
+  }
+  return createElementBuild({ ...props, className, baseStyles }, config);
+};
+const createElementFactory = (builderType) => {
+  return (props, stylesObj) => createElementWithConfig(props, stylesObj, builderType);
+};
+const createStyledElementFn = createElementFactory(
+  "default"
+);
+Object.keys(CONFIG.builders).forEach(
+  (key) => {
+    createStyledElementFn[key] = createElementFactory(key);
+  }
+);
+createStyledElementFn.default = createStyledElementFn;
+const createStyledElement = createStyledElementFn;
+export {
+  createStyledElement
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../source/model/modifiers/index.ts"],"sourcesContent":["import * as Utility from 'utilities';\nimport { modifiers } from './style';\nimport {\n  type ElementProps,\n  type BuilderProps,\n  type BuilderConfig,\n  type StyleModifierProps,\n  type ConfigurationProps,\n  type CompositeChild,\n} from './_types';\n\ninterface styleObject {\n  className: string | string[];\n  [key: string]: any;\n}\n\n// Configuration\nconst CONFIG = {\n  modifiers: {\n    base: (props: StyleModifierProps) => [\n      modifiers.baseStyles(props),\n      modifiers.element(props),\n      modifiers.elementBefore(props),\n      modifiers.elementChild(props),\n      modifiers.elementSiblingAfter(props),\n    ],\n    default: (props: StyleModifierProps) => [\n      ...CONFIG.modifiers.base(props),\n      modifiers.textColor(props),\n      modifiers.iconColor(props),\n    ],\n    withChildLink: (props: StyleModifierProps) => [\n      ...CONFIG.modifiers.default(props),\n      modifiers.childLink(props),\n    ],\n    withAnimationLink: (props: StyleModifierProps) => [\n      ...CONFIG.modifiers.default(props),\n      modifiers.animationLink(props),\n    ],\n    withoutTextColor: (props: StyleModifierProps) => [\n      ...CONFIG.modifiers.base(props),\n    ],\n  },\n\n  builders: {\n    action: {\n      styleModifiers: (props: StyleModifierProps) =>\n        Utility.theme.combineStyles(\n          ...CONFIG.modifiers.withoutTextColor(props),\n        ),\n    },\n\n    animationLine: {\n      styleModifiers: (props: StyleModifierProps) =>\n        Utility.theme.combineStyles(\n          ...CONFIG.modifiers.withAnimationLink(props),\n        ),\n      elementModifiers: [\n        (element: HTMLElement) =>\n          Utility.markup.modify.wrapTextNodeInSpan(element),\n      ],\n    },\n\n    base: {\n      styleModifiers: (props: StyleModifierProps) =>\n        Utility.theme.combineStyles(...CONFIG.modifiers.base(props)),\n    },\n\n    childLink: {\n      styleModifiers: (props: StyleModifierProps) =>\n        Utility.theme.combineStyles(...CONFIG.modifiers.withChildLink(props)),\n    },\n\n    default: {\n      styleModifiers: (props: StyleModifierProps) =>\n        Utility.theme.combineStyles(...CONFIG.modifiers.default(props)),\n    },\n  },\n};\n\n// Model\n\nclass ElementBuilder {\n  private className: string;\n  private element: HTMLElement;\n\n  constructor(className: string, element: HTMLElement) {\n    this.className = className;\n    this.element = element;\n  }\n\n  createElement(\n    props: BuilderProps & {\n      children?: CompositeChild[];\n      attributes?: Record<string, string>[];\n    },\n  ) {\n    const { config, options = {}, children, attributes } = props;\n    const className = this.className;\n    const element = this.element;\n\n    if (!className || !element) {\n      throw new Error(`element & className is required for Element Builder`);\n    }\n\n    let styles = '';\n\n    if (config.styleModifiers) {\n      styles += config.styleModifiers({ className, ...options });\n    }\n\n    if (config.elementModifiers) {\n      for (const modifier of config.elementModifiers) {\n        modifier(element);\n      }\n    }\n\n    element.classList.add(className);\n\n    // Apply attributes if provided\n    if (attributes && attributes.length > 0) {\n      attributes.forEach((attrObject) => {\n        Object.entries(attrObject).forEach(([key, value]) => {\n          element.setAttribute(key, value);\n        });\n      });\n    }\n\n    // Process children if provided\n    if (children && children.length > 0) {\n      children.forEach((child) => {\n        element.appendChild(child.element);\n        styles += child.styles;\n      });\n    }\n\n    return {\n      element,\n      className,\n      styles,\n    };\n  }\n}\n\n// Helper Functions\n\nconst createElementBuild = (\n  props: ConfigurationProps,\n  config: BuilderConfig,\n) => {\n  const { element, className, elementStyles, children, attributes, ...rest } =\n    props;\n\n  return new ElementBuilder(className, element).createElement({\n    config,\n    options: {\n      ...elementStyles,\n      ...rest,\n    },\n    children,\n    attributes,\n  });\n};\n\nconst createElementWithConfig = (\n  props: ElementProps,\n  stylesObj: styleObject,\n  builderType: keyof typeof CONFIG.builders,\n) => {\n  const { className, ...baseStyles } = stylesObj;\n  const config = CONFIG.builders[builderType];\n\n  if (Array.isArray(className)) {\n    return createElementBuild(\n      { ...props, className: className[0], baseStyles },\n      config,\n    );\n  }\n\n  return createElementBuild({ ...props, className, baseStyles }, config);\n};\n\nconst createElementFactory = (builderType: keyof typeof CONFIG.builders) => {\n  return (props: ElementProps, stylesObj: styleObject) =>\n    createElementWithConfig(props, stylesObj, builderType);\n};\n\n// Create Elements\n\ntype ElementFactoryFn = (\n  props: ElementProps,\n  stylesObj: styleObject,\n) => ReturnType<typeof createElementBuild>;\n\ntype StyledElementCreator = ElementFactoryFn & {\n  [K in keyof typeof CONFIG.builders]: ElementFactoryFn;\n};\n\nconst createStyledElementFn = createElementFactory(\n  'default',\n) as StyledElementCreator;\n\n(Object.keys(CONFIG.builders) as Array<keyof typeof CONFIG.builders>).forEach(\n  (key) => {\n    createStyledElementFn[key] = createElementFactory(key);\n  },\n);\n\ncreateStyledElementFn.default = createStyledElementFn;\n\nexport const createStyledElement = createStyledElementFn;\n"],"names":["Utility.theme.combineStyles","Utility.markup.modify.wrapTextNodeInSpan"],"mappings":"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"}

package/dist/model/modifiers/style.js

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Styles = require("@universityofmaryland/web-styles-library");
+const index = require("../../utilities/theme/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 textColors = {
+  white: { color: "white" }
+};
+const iconColors = {
+  white: { fill: "white" }
+};
+const getTextColor = (isTextColorWhite, isThemeDark) => {
+  if (isTextColorWhite) return textColors.white;
+  if (isThemeDark) return textColors.white;
+  return null;
+};
+const getIconColor = (isTextColorWhite, isThemeDark) => {
+  if (isTextColorWhite) return iconColors.white;
+  if (isThemeDark) return iconColors.white;
+  return null;
+};
+const getLinkAnimationColor = ({
+  isThemeDark,
+  isAnimationLineRed
+}) => {
+  if (isAnimationLineRed) return Styles__namespace.animation.line.slideUnderRed;
+  if (isThemeDark) return Styles__namespace.animation.line.slideUnderWhite;
+  return Styles__namespace.animation.line.slideUnderBlack;
+};
+const getLinkColor = ({ isThemeDark }) => {
+  if (isThemeDark) return Styles__namespace.element.text.link.white;
+  return Styles__namespace.element.text.link.red;
+};
+const createSelector = (className, type) => {
+  const selectors = {
+    [
+      "element"
+      /* Element */
+    ]: `.${className}`,
+    [
+      "child"
+      /* Child */
+    ]: `.${className} *`,
+    [
+      "pseudo-before"
+      /* PseudoBefore */
+    ]: `.${className}:before`,
+    [
+      "sibling-after"
+      /* SiblingAfter */
+    ]: `.${className} + *`
+  };
+  return selectors[type];
+};
+const createStyles = (selector, styles) => {
+  if (styles === null) return "";
+  return index.convertJSSObjectToStyles({
+    styleObj: { [selector]: styles }
+  });
+};
+const createStyleGenerator = (type) => (className, styles) => {
+  return createStyles(createSelector(className, type), styles);
+};
+const createModifier = (type, styleGetter) => {
+  const generateStyles = createStyleGenerator(type);
+  return (props) => generateStyles(props.className, styleGetter(props));
+};
+const styleGetters = {
+  animationLink: ({ isThemeDark, isAnimationLineRed }) => ({
+    a: getLinkAnimationColor({ isThemeDark, isAnimationLineRed }),
+    [`&a`]: getLinkAnimationColor({ isThemeDark, isAnimationLineRed })
+  }),
+  baseStyles: ({ baseStyles }) => baseStyles || {},
+  child: ({ subElement }) => subElement || {},
+  childLink: ({ isThemeDark }) => getLinkColor({ isThemeDark }),
+  element: ({ element }) => element || {},
+  iconColor: ({ isTextColorWhite, isThemeDark }) => ({
+    svg: getIconColor(isTextColorWhite, isThemeDark),
+    path: getIconColor(isTextColorWhite, isThemeDark)
+  }),
+  pseudoBefore: ({ pseudoBefore }) => pseudoBefore || {},
+  sibling: ({ siblingAfter }) => siblingAfter || {},
+  textColor: ({ isTextColorWhite, isThemeDark }) => ({
+    ["&"]: getTextColor(isTextColorWhite, isThemeDark),
+    ["& *"]: getTextColor(isTextColorWhite, isThemeDark)
+  })
+};
+const modifiers = {
+  animationLink: createModifier("element", styleGetters.animationLink),
+  baseStyles: createModifier("element", styleGetters.baseStyles),
+  childLink: createModifier("element", styleGetters.childLink),
+  element: createModifier("element", styleGetters.element),
+  elementBefore: createModifier(
+    "pseudo-before",
+    styleGetters.pseudoBefore
+  ),
+  elementSiblingAfter: createModifier(
+    "sibling-after",
+    styleGetters.sibling
+  ),
+  elementChild: createModifier("child", styleGetters.child),
+  iconColor: createModifier("child", styleGetters.iconColor),
+  textColor: createModifier("element", styleGetters.textColor)
+};
+exports.modifiers = modifiers;
+//# sourceMappingURL=style.js.map

package/dist/model/modifiers/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../source/model/modifiers/style.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport * as Utility from 'utilities';\nimport { StyleModifierProps } from './_types';\n\nexport enum StyleType {\n  Element = 'element',\n  Child = 'child',\n  SiblingAfter = 'sibling-after',\n  PseudoBefore = 'pseudo-before',\n}\n\nconst textColors = {\n  white: { color: 'white' },\n} as const;\n\nconst iconColors = {\n  white: { fill: 'white' },\n} as const;\n\nconst getTextColor = (isTextColorWhite?: boolean, isThemeDark?: boolean) => {\n  if (isTextColorWhite) return textColors.white;\n  if (isThemeDark) return textColors.white;\n  return null;\n};\n\nconst getIconColor = (isTextColorWhite?: boolean, isThemeDark?: boolean) => {\n  if (isTextColorWhite) return iconColors.white;\n  if (isThemeDark) return iconColors.white;\n  return null;\n};\n\nconst getLinkAnimationColor = ({\n  isThemeDark,\n  isAnimationLineRed,\n}: {\n  isThemeDark?: boolean;\n  isAnimationLineRed?: boolean;\n}) => {\n  if (isAnimationLineRed) return Styles.animation.line.slideUnderRed;\n  if (isThemeDark) return Styles.animation.line.slideUnderWhite;\n\n  return Styles.animation.line.slideUnderBlack;\n};\n\nconst getLinkColor = ({ isThemeDark }: { isThemeDark?: boolean }) => {\n  if (isThemeDark) return Styles.element.text.link.white;\n\n  return Styles.element.text.link.red;\n};\n\nconst createSelector = (className: string, type: StyleType) => {\n  const selectors = {\n    [StyleType.Element]: `.${className}`,\n    [StyleType.Child]: `.${className} *`,\n    [StyleType.PseudoBefore]: `.${className}:before`,\n    [StyleType.SiblingAfter]: `.${className} + *`,\n  };\n  return selectors[type];\n};\n\nconst createStyles = (selector: string, styles: Record<string, any> | null) => {\n  if (styles === null) return '';\n\n  return Utility.theme.convertJSSObjectToStyles({\n    styleObj: { [selector]: styles },\n  });\n};\n\nconst createStyleGenerator =\n  (type: StyleType) =>\n  (className: string, styles: Record<string, any> | null) => {\n    return createStyles(createSelector(className, type), styles);\n  };\n\nconst createModifier = (\n  type: StyleType,\n  styleGetter: (props: StyleModifierProps) => Record<string, any> | null,\n) => {\n  const generateStyles = createStyleGenerator(type);\n\n  return (props: StyleModifierProps) =>\n    generateStyles(props.className, styleGetter(props));\n};\n\nconst styleGetters = {\n  animationLink: ({ isThemeDark, isAnimationLineRed }: StyleModifierProps) => ({\n    a: getLinkAnimationColor({ isThemeDark, isAnimationLineRed }),\n    [`&a`]: getLinkAnimationColor({ isThemeDark, isAnimationLineRed }),\n  }),\n  baseStyles: ({ baseStyles }: StyleModifierProps) => baseStyles || {},\n  child: ({ subElement }: StyleModifierProps) => subElement || {},\n  childLink: ({ isThemeDark }: StyleModifierProps) =>\n    getLinkColor({ isThemeDark }),\n  element: ({ element }: StyleModifierProps) => element || {},\n  iconColor: ({ isTextColorWhite, isThemeDark }: StyleModifierProps) => ({\n    svg: getIconColor(isTextColorWhite, isThemeDark),\n    path: getIconColor(isTextColorWhite, isThemeDark),\n  }),\n  pseudoBefore: ({ pseudoBefore }: StyleModifierProps) => pseudoBefore || {},\n  sibling: ({ siblingAfter }: StyleModifierProps) => siblingAfter || {},\n  textColor: ({ isTextColorWhite, isThemeDark }: StyleModifierProps) => ({\n    ['&']: getTextColor(isTextColorWhite, isThemeDark),\n    ['& *']: getTextColor(isTextColorWhite, isThemeDark),\n  }),\n};\n\nexport const modifiers = {\n  animationLink: createModifier(StyleType.Element, styleGetters.animationLink),\n  baseStyles: createModifier(StyleType.Element, styleGetters.baseStyles),\n  childLink: createModifier(StyleType.Element, styleGetters.childLink),\n  element: createModifier(StyleType.Element, styleGetters.element),\n  elementBefore: createModifier(\n    StyleType.PseudoBefore,\n    styleGetters.pseudoBefore,\n  ),\n  elementSiblingAfter: createModifier(\n    StyleType.SiblingAfter,\n    styleGetters.sibling,\n  ),\n  elementChild: createModifier(StyleType.Child, styleGetters.child),\n  iconColor: createModifier(StyleType.Child, styleGetters.iconColor),\n  textColor: createModifier(StyleType.Element, styleGetters.textColor),\n};\n"],"names":["Styles","Utility.theme.convertJSSObjectToStyles"],"mappings":"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"}

package/dist/model/modifiers/style.mjs

@@ -0,0 +1,105 @@
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { convertJSSObjectToStyles } from "../../utilities/theme/index.mjs";
+const textColors = {
+  white: { color: "white" }
+};
+const iconColors = {
+  white: { fill: "white" }
+};
+const getTextColor = (isTextColorWhite, isThemeDark) => {
+  if (isTextColorWhite) return textColors.white;
+  if (isThemeDark) return textColors.white;
+  return null;
+};
+const getIconColor = (isTextColorWhite, isThemeDark) => {
+  if (isTextColorWhite) return iconColors.white;
+  if (isThemeDark) return iconColors.white;
+  return null;
+};
+const getLinkAnimationColor = ({
+  isThemeDark,
+  isAnimationLineRed
+}) => {
+  if (isAnimationLineRed) return Styles.animation.line.slideUnderRed;
+  if (isThemeDark) return Styles.animation.line.slideUnderWhite;
+  return Styles.animation.line.slideUnderBlack;
+};
+const getLinkColor = ({ isThemeDark }) => {
+  if (isThemeDark) return Styles.element.text.link.white;
+  return Styles.element.text.link.red;
+};
+const createSelector = (className, type) => {
+  const selectors = {
+    [
+      "element"
+      /* Element */
+    ]: `.${className}`,
+    [
+      "child"
+      /* Child */
+    ]: `.${className} *`,
+    [
+      "pseudo-before"
+      /* PseudoBefore */
+    ]: `.${className}:before`,
+    [
+      "sibling-after"
+      /* SiblingAfter */
+    ]: `.${className} + *`
+  };
+  return selectors[type];
+};
+const createStyles = (selector, styles) => {
+  if (styles === null) return "";
+  return convertJSSObjectToStyles({
+    styleObj: { [selector]: styles }
+  });
+};
+const createStyleGenerator = (type) => (className, styles) => {
+  return createStyles(createSelector(className, type), styles);
+};
+const createModifier = (type, styleGetter) => {
+  const generateStyles = createStyleGenerator(type);
+  return (props) => generateStyles(props.className, styleGetter(props));
+};
+const styleGetters = {
+  animationLink: ({ isThemeDark, isAnimationLineRed }) => ({
+    a: getLinkAnimationColor({ isThemeDark, isAnimationLineRed }),
+    [`&a`]: getLinkAnimationColor({ isThemeDark, isAnimationLineRed })
+  }),
+  baseStyles: ({ baseStyles }) => baseStyles || {},
+  child: ({ subElement }) => subElement || {},
+  childLink: ({ isThemeDark }) => getLinkColor({ isThemeDark }),
+  element: ({ element }) => element || {},
+  iconColor: ({ isTextColorWhite, isThemeDark }) => ({
+    svg: getIconColor(isTextColorWhite, isThemeDark),
+    path: getIconColor(isTextColorWhite, isThemeDark)
+  }),
+  pseudoBefore: ({ pseudoBefore }) => pseudoBefore || {},
+  sibling: ({ siblingAfter }) => siblingAfter || {},
+  textColor: ({ isTextColorWhite, isThemeDark }) => ({
+    ["&"]: getTextColor(isTextColorWhite, isThemeDark),
+    ["& *"]: getTextColor(isTextColorWhite, isThemeDark)
+  })
+};
+const modifiers = {
+  animationLink: createModifier("element", styleGetters.animationLink),
+  baseStyles: createModifier("element", styleGetters.baseStyles),
+  childLink: createModifier("element", styleGetters.childLink),
+  element: createModifier("element", styleGetters.element),
+  elementBefore: createModifier(
+    "pseudo-before",
+    styleGetters.pseudoBefore
+  ),
+  elementSiblingAfter: createModifier(
+    "sibling-after",
+    styleGetters.sibling
+  ),
+  elementChild: createModifier("child", styleGetters.child),
+  iconColor: createModifier("child", styleGetters.iconColor),
+  textColor: createModifier("element", styleGetters.textColor)
+};
+export {
+  modifiers
+};
+//# sourceMappingURL=style.mjs.map

package/dist/model/modifiers/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../source/model/modifiers/style.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport * as Utility from 'utilities';\nimport { StyleModifierProps } from './_types';\n\nexport enum StyleType {\n  Element = 'element',\n  Child = 'child',\n  SiblingAfter = 'sibling-after',\n  PseudoBefore = 'pseudo-before',\n}\n\nconst textColors = {\n  white: { color: 'white' },\n} as const;\n\nconst iconColors = {\n  white: { fill: 'white' },\n} as const;\n\nconst getTextColor = (isTextColorWhite?: boolean, isThemeDark?: boolean) => {\n  if (isTextColorWhite) return textColors.white;\n  if (isThemeDark) return textColors.white;\n  return null;\n};\n\nconst getIconColor = (isTextColorWhite?: boolean, isThemeDark?: boolean) => {\n  if (isTextColorWhite) return iconColors.white;\n  if (isThemeDark) return iconColors.white;\n  return null;\n};\n\nconst getLinkAnimationColor = ({\n  isThemeDark,\n  isAnimationLineRed,\n}: {\n  isThemeDark?: boolean;\n  isAnimationLineRed?: boolean;\n}) => {\n  if (isAnimationLineRed) return Styles.animation.line.slideUnderRed;\n  if (isThemeDark) return Styles.animation.line.slideUnderWhite;\n\n  return Styles.animation.line.slideUnderBlack;\n};\n\nconst getLinkColor = ({ isThemeDark }: { isThemeDark?: boolean }) => {\n  if (isThemeDark) return Styles.element.text.link.white;\n\n  return Styles.element.text.link.red;\n};\n\nconst createSelector = (className: string, type: StyleType) => {\n  const selectors = {\n    [StyleType.Element]: `.${className}`,\n    [StyleType.Child]: `.${className} *`,\n    [StyleType.PseudoBefore]: `.${className}:before`,\n    [StyleType.SiblingAfter]: `.${className} + *`,\n  };\n  return selectors[type];\n};\n\nconst createStyles = (selector: string, styles: Record<string, any> | null) => {\n  if (styles === null) return '';\n\n  return Utility.theme.convertJSSObjectToStyles({\n    styleObj: { [selector]: styles },\n  });\n};\n\nconst createStyleGenerator =\n  (type: StyleType) =>\n  (className: string, styles: Record<string, any> | null) => {\n    return createStyles(createSelector(className, type), styles);\n  };\n\nconst createModifier = (\n  type: StyleType,\n  styleGetter: (props: StyleModifierProps) => Record<string, any> | null,\n) => {\n  const generateStyles = createStyleGenerator(type);\n\n  return (props: StyleModifierProps) =>\n    generateStyles(props.className, styleGetter(props));\n};\n\nconst styleGetters = {\n  animationLink: ({ isThemeDark, isAnimationLineRed }: StyleModifierProps) => ({\n    a: getLinkAnimationColor({ isThemeDark, isAnimationLineRed }),\n    [`&a`]: getLinkAnimationColor({ isThemeDark, isAnimationLineRed }),\n  }),\n  baseStyles: ({ baseStyles }: StyleModifierProps) => baseStyles || {},\n  child: ({ subElement }: StyleModifierProps) => subElement || {},\n  childLink: ({ isThemeDark }: StyleModifierProps) =>\n    getLinkColor({ isThemeDark }),\n  element: ({ element }: StyleModifierProps) => element || {},\n  iconColor: ({ isTextColorWhite, isThemeDark }: StyleModifierProps) => ({\n    svg: getIconColor(isTextColorWhite, isThemeDark),\n    path: getIconColor(isTextColorWhite, isThemeDark),\n  }),\n  pseudoBefore: ({ pseudoBefore }: StyleModifierProps) => pseudoBefore || {},\n  sibling: ({ siblingAfter }: StyleModifierProps) => siblingAfter || {},\n  textColor: ({ isTextColorWhite, isThemeDark }: StyleModifierProps) => ({\n    ['&']: getTextColor(isTextColorWhite, isThemeDark),\n    ['& *']: getTextColor(isTextColorWhite, isThemeDark),\n  }),\n};\n\nexport const modifiers = {\n  animationLink: createModifier(StyleType.Element, styleGetters.animationLink),\n  baseStyles: createModifier(StyleType.Element, styleGetters.baseStyles),\n  childLink: createModifier(StyleType.Element, styleGetters.childLink),\n  element: createModifier(StyleType.Element, styleGetters.element),\n  elementBefore: createModifier(\n    StyleType.PseudoBefore,\n    styleGetters.pseudoBefore,\n  ),\n  elementSiblingAfter: createModifier(\n    StyleType.SiblingAfter,\n    styleGetters.sibling,\n  ),\n  elementChild: createModifier(StyleType.Child, styleGetters.child),\n  iconColor: createModifier(StyleType.Child, styleGetters.iconColor),\n  textColor: createModifier(StyleType.Element, styleGetters.textColor),\n};\n"],"names":["Utility.theme.convertJSSObjectToStyles"],"mappings":"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"}