@universityofmaryland/web-elements-library 1.5.3 → 1.5.6

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

@@ -1,68 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,51 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,22 +0,0 @@
-import { ElementProps } from '../modifiers/_types';
-export declare const eyebrow: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const ribbon: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const lineAdjustment: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-export declare const lineAdjustmentInset: (props: ElementProps) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-//# sourceMappingURL=text.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}

package/dist/model/elements/text.js

@@ -1,30 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/index.d.ts

@@ -1,2 +0,0 @@
-export * as ElementModel from './elements';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/model/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,YAAY,CAAC"}

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

@@ -1,41 +0,0 @@
-interface ElementColors {
-    isTextColorWhite?: boolean;
-    isTextColorBlack?: boolean;
-    isAnimationLineRed?: boolean;
-    isThemeDark?: boolean;
-}
-export interface ElementStyles {
-    element?: Record<string, any>;
-    pseudoBefore?: Record<string, any>;
-    siblingAfter?: Record<string, any>;
-    subElement?: Record<string, any>;
-}
-export interface StyleOptions {
-    className: string;
-    baseStyles?: Record<string, any>;
-}
-export interface CompositeChild {
-    element: HTMLElement;
-    className?: string;
-    styles: string;
-}
-export interface ElementProps extends ElementColors {
-    element: HTMLElement;
-    elementStyles?: ElementStyles;
-    children?: CompositeChild[];
-    attributes?: Record<string, string>[];
-}
-export type ConfigurationProps = ElementProps & StyleOptions;
-type ConfigurationStyles = ElementStyles & StyleOptions & ElementColors;
-export interface StyleModifierProps extends ConfigurationStyles {
-}
-export interface BuilderConfig {
-    styleModifiers: (props: StyleModifierProps) => string;
-    elementModifiers?: ((element: HTMLElement) => void)[];
-}
-export interface BuilderProps {
-    config: BuilderConfig;
-    options?: Omit<StyleModifierProps, 'className'>;
-}
-export {};
-//# sourceMappingURL=_types.d.ts.map

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

@@ -1 +0,0 @@
-{"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,44 +0,0 @@
-import { ElementProps, BuilderConfig, StyleModifierProps, ConfigurationProps } from './_types';
-interface styleObject {
-    className: string | string[];
-    [key: string]: any;
-}
-declare const CONFIG: {
-    modifiers: {
-        base: (props: StyleModifierProps) => string[];
-        default: (props: StyleModifierProps) => string[];
-        withChildLink: (props: StyleModifierProps) => string[];
-        withAnimationLink: (props: StyleModifierProps) => string[];
-        withoutTextColor: (props: StyleModifierProps) => string[];
-    };
-    builders: {
-        action: {
-            styleModifiers: (props: StyleModifierProps) => string;
-        };
-        animationLine: {
-            styleModifiers: (props: StyleModifierProps) => string;
-            elementModifiers: ((element: HTMLElement) => HTMLElement | HTMLAnchorElement | HTMLButtonElement | undefined)[];
-        };
-        base: {
-            styleModifiers: (props: StyleModifierProps) => string;
-        };
-        childLink: {
-            styleModifiers: (props: StyleModifierProps) => string;
-        };
-        default: {
-            styleModifiers: (props: StyleModifierProps) => string;
-        };
-    };
-};
-declare const createElementBuild: (props: ConfigurationProps, config: BuilderConfig) => {
-    element: HTMLElement;
-    className: string;
-    styles: string;
-};
-type ElementFactoryFn = (props: ElementProps, stylesObj: styleObject) => ReturnType<typeof createElementBuild>;
-type StyledElementCreator = ElementFactoryFn & {
-    [K in keyof typeof CONFIG.builders]: ElementFactoryFn;
-};
-export declare const createStyledElement: StyledElementCreator;
-export {};
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/model/modifiers/index.ts"],"names":[],"mappings":"AAGA,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

@@ -1,136 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const styles = require("@universityofmaryland/web-utilities-library/styles");
-const webUtilitiesLibrary = require("@universityofmaryland/web-utilities-library");
-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) => styles.combineStyles(
-        ...CONFIG.modifiers.withoutTextColor(props)
-      )
-    },
-    animationLine: {
-      styleModifiers: (props) => styles.combineStyles(
-        ...CONFIG.modifiers.withAnimationLink(props)
-      ),
-      elementModifiers: [
-        (element) => webUtilitiesLibrary.wrapTextNodeInSpan(element)
-      ]
-    },
-    base: {
-      styleModifiers: (props) => styles.combineStyles(...CONFIG.modifiers.base(props))
-    },
-    childLink: {
-      styleModifiers: (props) => styles.combineStyles(...CONFIG.modifiers.withChildLink(props))
-    },
-    default: {
-      styleModifiers: (props) => styles.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 styles2 = "";
-    if (config.styleModifiers) {
-      styles2 += 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);
-        styles2 += child.styles;
-      });
-    }
-    return {
-      element,
-      className,
-      styles: styles2
-    };
-  }
-}
-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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../source/model/modifiers/index.ts"],"sourcesContent":["import { combineStyles } from '@universityofmaryland/web-utilities-library/styles';\nimport { wrapTextNodeInSpan } from '@universityofmaryland/web-utilities-library';\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        combineStyles(\n          ...CONFIG.modifiers.withoutTextColor(props),\n        ),\n    },\n\n    animationLine: {\n      styleModifiers: (props: StyleModifierProps) =>\n        combineStyles(\n          ...CONFIG.modifiers.withAnimationLink(props),\n        ),\n      elementModifiers: [\n        (element: HTMLElement) =>\n          wrapTextNodeInSpan(element),\n      ],\n    },\n\n    base: {\n      styleModifiers: (props: StyleModifierProps) =>\n        combineStyles(...CONFIG.modifiers.base(props)),\n    },\n\n    childLink: {\n      styleModifiers: (props: StyleModifierProps) =>\n        combineStyles(...CONFIG.modifiers.withChildLink(props)),\n    },\n\n    default: {\n      styleModifiers: (props: StyleModifierProps) =>\n        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","combineStyles","wrapTextNodeInSpan","styles"],"mappings":"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"}

package/dist/model/modifiers/index.mjs

@@ -1,136 +0,0 @@
-import { combineStyles } from "@universityofmaryland/web-utilities-library/styles";
-import { wrapTextNodeInSpan } from "@universityofmaryland/web-utilities-library";
-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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../source/model/modifiers/index.ts"],"sourcesContent":["import { combineStyles } from '@universityofmaryland/web-utilities-library/styles';\nimport { wrapTextNodeInSpan } from '@universityofmaryland/web-utilities-library';\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        combineStyles(\n          ...CONFIG.modifiers.withoutTextColor(props),\n        ),\n    },\n\n    animationLine: {\n      styleModifiers: (props: StyleModifierProps) =>\n        combineStyles(\n          ...CONFIG.modifiers.withAnimationLink(props),\n        ),\n      elementModifiers: [\n        (element: HTMLElement) =>\n          wrapTextNodeInSpan(element),\n      ],\n    },\n\n    base: {\n      styleModifiers: (props: StyleModifierProps) =>\n        combineStyles(...CONFIG.modifiers.base(props)),\n    },\n\n    childLink: {\n      styleModifiers: (props: StyleModifierProps) =>\n        combineStyles(...CONFIG.modifiers.withChildLink(props)),\n    },\n\n    default: {\n      styleModifiers: (props: StyleModifierProps) =>\n        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":[],"mappings":"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"}

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

@@ -1,19 +0,0 @@
-import { StyleModifierProps } from './_types';
-export declare enum StyleType {
-    Element = "element",
-    Child = "child",
-    SiblingAfter = "sibling-after",
-    PseudoBefore = "pseudo-before"
-}
-export declare const modifiers: {
-    animationLink: (props: StyleModifierProps) => string;
-    baseStyles: (props: StyleModifierProps) => string;
-    childLink: (props: StyleModifierProps) => string;
-    element: (props: StyleModifierProps) => string;
-    elementBefore: (props: StyleModifierProps) => string;
-    elementSiblingAfter: (props: StyleModifierProps) => string;
-    elementChild: (props: StyleModifierProps) => string;
-    iconColor: (props: StyleModifierProps) => string;
-    textColor: (props: StyleModifierProps) => string;
-};
-//# sourceMappingURL=style.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../source/model/modifiers/style.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,oBAAY,SAAS;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,YAAY,kBAAkB;IAC9B,YAAY,kBAAkB;CAC/B;AAiGD,eAAO,MAAM,SAAS;2BA1BL,kBAAkB;wBAAlB,kBAAkB;uBAAlB,kBAAkB;qBAAlB,kBAAkB;2BAAlB,kBAAkB;iCAAlB,kBAAkB;0BAAlB,kBAAkB;uBAAlB,kBAAkB;uBAAlB,kBAAkB;CA0ClC,CAAC"}