@udixio/theme 1.3.1 → 2.1.0

package/dist/font.plugin-5Xpo-ntw.js

@@ -0,0 +1,228 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import "./loader-CoayTlSl.js";
+class PluginAbstract {
+  constructor(options) {
+    __publicField(this, "options");
+    __publicField(this, "pluginInstance");
+    this.options = options;
+  }
+  init(api) {
+    var _a, _b;
+    this.pluginInstance = new this.pluginClass(api, this.options);
+    (_b = (_a = this.pluginInstance).onInit) == null ? void 0 : _b.call(_a);
+    return this;
+  }
+  getInstance() {
+    if (!this.pluginInstance) {
+      throw new Error(`Plugin ${this.name} is not initialized`);
+    }
+    return this.pluginInstance;
+  }
+}
+class PluginImplAbstract {
+  constructor(api, options) {
+    var _a;
+    this.api = api;
+    this.options = options;
+    (_a = this.onInit) == null ? void 0 : _a.call(this);
+  }
+}
+function defineConfig(configObject) {
+  if (!configObject || typeof configObject !== "object") {
+    throw new Error("The configuration is missing or not an object");
+  }
+  if (!("sourceColor" in configObject)) {
+    throw new Error("Invalid configuration");
+  }
+  return configObject;
+}
+var FontFamily = /* @__PURE__ */ ((FontFamily2) => {
+  FontFamily2["Expressive"] = "expressive";
+  FontFamily2["Neutral"] = "neutral";
+  return FontFamily2;
+})(FontFamily || {});
+class FontPlugin extends PluginAbstract {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "dependencies", []);
+    __publicField(this, "name", "font");
+    __publicField(this, "pluginClass", FontPluginImpl);
+  }
+}
+class FontPluginImpl extends PluginImplAbstract {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "_fontFamily");
+    __publicField(this, "_fontStyles");
+  }
+  get fontFamily() {
+    if (!this._fontFamily) throw new Error("Font family not initialized");
+    return this._fontFamily;
+  }
+  set fontFamily(value) {
+    this._fontFamily = value;
+  }
+  get fontStyles() {
+    if (!this._fontStyles) throw new Error("Font styles not initialized");
+    return this._fontStyles;
+  }
+  set fontStyles(value) {
+    this._fontStyles = value;
+  }
+  getFonts() {
+    return {
+      fontStyles: this.fontStyles,
+      fontFamily: this.fontFamily
+    };
+  }
+  onInit() {
+    var _a, _b, _c, _d;
+    this.fontFamily = {
+      expressive: ((_b = (_a = this.options) == null ? void 0 : _a.fontFamily) == null ? void 0 : _b.expressive) ?? [
+        "Roboto",
+        "sans-serif"
+      ],
+      neutral: ((_d = (_c = this.options) == null ? void 0 : _c.fontFamily) == null ? void 0 : _d.neutral) ?? ["Roboto", "sans-serif"]
+    };
+    this.fontStyles = {
+      display: {
+        large: {
+          fontWeight: 400,
+          fontSize: 3.5625,
+          lineHeight: 4,
+          letterSpacing: -0.015625,
+          fontFamily: "expressive"
+          /* Expressive */
+        },
+        medium: {
+          fontWeight: 400,
+          fontSize: 2.8125,
+          lineHeight: 3.25,
+          fontFamily: "expressive"
+          /* Expressive */
+        },
+        small: {
+          fontWeight: 400,
+          fontSize: 2.25,
+          lineHeight: 2.75,
+          fontFamily: "expressive"
+          /* Expressive */
+        }
+      },
+      headline: {
+        large: {
+          fontWeight: 400,
+          fontSize: 2,
+          lineHeight: 2.5,
+          fontFamily: "expressive"
+          /* Expressive */
+        },
+        medium: {
+          fontWeight: 400,
+          fontSize: 1.75,
+          lineHeight: 2.25,
+          fontFamily: "expressive"
+          /* Expressive */
+        },
+        small: {
+          fontWeight: 400,
+          fontSize: 1.5,
+          lineHeight: 2,
+          fontFamily: "expressive"
+          /* Expressive */
+        }
+      },
+      title: {
+        large: {
+          fontWeight: 400,
+          fontSize: 1.375,
+          lineHeight: 1.75,
+          fontFamily: "neutral"
+          /* Neutral */
+        },
+        medium: {
+          fontWeight: 500,
+          fontSize: 1,
+          lineHeight: 1.5,
+          fontFamily: "neutral",
+          letterSpacing: 9375e-6
+        },
+        small: {
+          fontWeight: 500,
+          fontSize: 0.875,
+          lineHeight: 1.25,
+          fontFamily: "neutral",
+          letterSpacing: 625e-5
+        }
+      },
+      label: {
+        large: {
+          fontWeight: 500,
+          fontSize: 0.875,
+          lineHeight: 1.25,
+          fontFamily: "neutral",
+          letterSpacing: 625e-5
+        },
+        medium: {
+          fontWeight: 500,
+          fontSize: 0.75,
+          lineHeight: 1,
+          fontFamily: "neutral",
+          letterSpacing: 0.03125
+        },
+        small: {
+          fontWeight: 500,
+          fontSize: 0.6875,
+          lineHeight: 1,
+          fontFamily: "neutral",
+          letterSpacing: 0.03125
+        }
+      },
+      body: {
+        large: {
+          fontWeight: 400,
+          fontSize: 1,
+          lineHeight: 1.5625,
+          fontFamily: "neutral",
+          letterSpacing: 0.03125
+        },
+        medium: {
+          fontWeight: 400,
+          fontSize: 0.875,
+          lineHeight: 1.25,
+          fontFamily: "neutral",
+          letterSpacing: 0.015625
+        },
+        small: {
+          fontWeight: 400,
+          fontSize: 0.75,
+          lineHeight: 1,
+          fontFamily: "neutral",
+          letterSpacing: 0.025
+        }
+      }
+    };
+    if (this.options && this.options.fontStyles)
+      Object.entries(this.options.fontStyles).forEach(([key, fontParam]) => {
+        const fontRole = key;
+        Object.entries(fontParam).forEach(([size, fontStyle]) => {
+          const fontSize = size;
+          if (fontStyle) {
+            this.fontStyles[fontRole][fontSize] = {
+              ...this.fontStyles[fontRole][fontSize],
+              ...fontStyle
+            };
+          }
+        });
+      });
+  }
+}
+export {
+  FontFamily as F,
+  PluginAbstract as P,
+  PluginImplAbstract as a,
+  FontPlugin as b,
+  defineConfig as d
+};

package/dist/font.plugin-FPU_gL1Y.cjs

@@ -0,0 +1,227 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+require("./loader-BzsrGBu-.cjs");
+class PluginAbstract {
+  constructor(options) {
+    __publicField(this, "options");
+    __publicField(this, "pluginInstance");
+    this.options = options;
+  }
+  init(api) {
+    var _a, _b;
+    this.pluginInstance = new this.pluginClass(api, this.options);
+    (_b = (_a = this.pluginInstance).onInit) == null ? void 0 : _b.call(_a);
+    return this;
+  }
+  getInstance() {
+    if (!this.pluginInstance) {
+      throw new Error(`Plugin ${this.name} is not initialized`);
+    }
+    return this.pluginInstance;
+  }
+}
+class PluginImplAbstract {
+  constructor(api, options) {
+    var _a;
+    this.api = api;
+    this.options = options;
+    (_a = this.onInit) == null ? void 0 : _a.call(this);
+  }
+}
+function defineConfig(configObject) {
+  if (!configObject || typeof configObject !== "object") {
+    throw new Error("The configuration is missing or not an object");
+  }
+  if (!("sourceColor" in configObject)) {
+    throw new Error("Invalid configuration");
+  }
+  return configObject;
+}
+var FontFamily = /* @__PURE__ */ ((FontFamily2) => {
+  FontFamily2["Expressive"] = "expressive";
+  FontFamily2["Neutral"] = "neutral";
+  return FontFamily2;
+})(FontFamily || {});
+class FontPlugin extends PluginAbstract {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "dependencies", []);
+    __publicField(this, "name", "font");
+    __publicField(this, "pluginClass", FontPluginImpl);
+  }
+}
+class FontPluginImpl extends PluginImplAbstract {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "_fontFamily");
+    __publicField(this, "_fontStyles");
+  }
+  get fontFamily() {
+    if (!this._fontFamily) throw new Error("Font family not initialized");
+    return this._fontFamily;
+  }
+  set fontFamily(value) {
+    this._fontFamily = value;
+  }
+  get fontStyles() {
+    if (!this._fontStyles) throw new Error("Font styles not initialized");
+    return this._fontStyles;
+  }
+  set fontStyles(value) {
+    this._fontStyles = value;
+  }
+  getFonts() {
+    return {
+      fontStyles: this.fontStyles,
+      fontFamily: this.fontFamily
+    };
+  }
+  onInit() {
+    var _a, _b, _c, _d;
+    this.fontFamily = {
+      expressive: ((_b = (_a = this.options) == null ? void 0 : _a.fontFamily) == null ? void 0 : _b.expressive) ?? [
+        "Roboto",
+        "sans-serif"
+      ],
+      neutral: ((_d = (_c = this.options) == null ? void 0 : _c.fontFamily) == null ? void 0 : _d.neutral) ?? ["Roboto", "sans-serif"]
+    };
+    this.fontStyles = {
+      display: {
+        large: {
+          fontWeight: 400,
+          fontSize: 3.5625,
+          lineHeight: 4,
+          letterSpacing: -0.015625,
+          fontFamily: "expressive"
+          /* Expressive */
+        },
+        medium: {
+          fontWeight: 400,
+          fontSize: 2.8125,
+          lineHeight: 3.25,
+          fontFamily: "expressive"
+          /* Expressive */
+        },
+        small: {
+          fontWeight: 400,
+          fontSize: 2.25,
+          lineHeight: 2.75,
+          fontFamily: "expressive"
+          /* Expressive */
+        }
+      },
+      headline: {
+        large: {
+          fontWeight: 400,
+          fontSize: 2,
+          lineHeight: 2.5,
+          fontFamily: "expressive"
+          /* Expressive */
+        },
+        medium: {
+          fontWeight: 400,
+          fontSize: 1.75,
+          lineHeight: 2.25,
+          fontFamily: "expressive"
+          /* Expressive */
+        },
+        small: {
+          fontWeight: 400,
+          fontSize: 1.5,
+          lineHeight: 2,
+          fontFamily: "expressive"
+          /* Expressive */
+        }
+      },
+      title: {
+        large: {
+          fontWeight: 400,
+          fontSize: 1.375,
+          lineHeight: 1.75,
+          fontFamily: "neutral"
+          /* Neutral */
+        },
+        medium: {
+          fontWeight: 500,
+          fontSize: 1,
+          lineHeight: 1.5,
+          fontFamily: "neutral",
+          letterSpacing: 9375e-6
+        },
+        small: {
+          fontWeight: 500,
+          fontSize: 0.875,
+          lineHeight: 1.25,
+          fontFamily: "neutral",
+          letterSpacing: 625e-5
+        }
+      },
+      label: {
+        large: {
+          fontWeight: 500,
+          fontSize: 0.875,
+          lineHeight: 1.25,
+          fontFamily: "neutral",
+          letterSpacing: 625e-5
+        },
+        medium: {
+          fontWeight: 500,
+          fontSize: 0.75,
+          lineHeight: 1,
+          fontFamily: "neutral",
+          letterSpacing: 0.03125
+        },
+        small: {
+          fontWeight: 500,
+          fontSize: 0.6875,
+          lineHeight: 1,
+          fontFamily: "neutral",
+          letterSpacing: 0.03125
+        }
+      },
+      body: {
+        large: {
+          fontWeight: 400,
+          fontSize: 1,
+          lineHeight: 1.5625,
+          fontFamily: "neutral",
+          letterSpacing: 0.03125
+        },
+        medium: {
+          fontWeight: 400,
+          fontSize: 0.875,
+          lineHeight: 1.25,
+          fontFamily: "neutral",
+          letterSpacing: 0.015625
+        },
+        small: {
+          fontWeight: 400,
+          fontSize: 0.75,
+          lineHeight: 1,
+          fontFamily: "neutral",
+          letterSpacing: 0.025
+        }
+      }
+    };
+    if (this.options && this.options.fontStyles)
+      Object.entries(this.options.fontStyles).forEach(([key, fontParam]) => {
+        const fontRole = key;
+        Object.entries(fontParam).forEach(([size, fontStyle]) => {
+          const fontSize = size;
+          if (fontStyle) {
+            this.fontStyles[fontRole][fontSize] = {
+              ...this.fontStyles[fontRole][fontSize],
+              ...fontStyle
+            };
+          }
+        });
+      });
+  }
+}
+exports.FontFamily = FontFamily;
+exports.FontPlugin = FontPlugin;
+exports.PluginAbstract = PluginAbstract;
+exports.PluginImplAbstract = PluginImplAbstract;
+exports.defineConfig = defineConfig;

package/dist/index.d.ts

@@ -1,12 +1,14 @@
+export * from './API';
 export * from './app.container';
 export * from './app.module';
-export * from './API';
+export * from './bootstrap';
 export * from './color';
+export * from './config';
+export * from './context';
 export * from './loader';
-export * from './bootstrap';
 export * from './material-color-utilities';
+export * from './palette';
 export * from './plugin';
 export * from './plugins';
-export * from './theme';
-export * from './config';
+export * from './variant';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,4BAA4B,CAAC;AAC3C,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}

package/dist/{load-from-path-Bo1kCfh9.js → load-from-path-CBnO8ESw.js}

@@ -1,4 +1,4 @@
-import { l as loader } from "./loader-C8_TyOuS.js";
+import { p as loader } from "./loader-CoayTlSl.js";
 import * as fs from "node:fs";
 async function resolveConfig(configPath = "./theme.config") {
   const { createJiti } = await import("jiti");

package/dist/{load-from-path-DoZnR1-p.cjs → load-from-path-kuofMGN3.cjs}

@@ -21,7 +21,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-const loader = require("./loader-R7hccp8_.cjs");
+const loader = require("./loader-BzsrGBu-.cjs");
 const fs = require("node:fs");
 var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
 function _interopNamespaceDefault(e) {
@@ -44,7 +44,7 @@ const fs__namespace = /* @__PURE__ */ _interopNamespaceDefault(fs);
 async function resolveConfig(configPath = "./theme.config") {
   const { createJiti } = await import("jiti");
   const { resolve } = await import("pathe");
-  const jiti = createJiti(typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("load-from-path-DoZnR1-p.cjs", document.baseURI).href, {
+  const jiti = createJiti(typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("load-from-path-kuofMGN3.cjs", document.baseURI).href, {
     debug: process.env.NODE_ENV === "development",
     fsCache: true,
     interopDefault: true

package/dist/loader/loader.d.ts

@@ -1,3 +1,3 @@
 import { ConfigInterface } from '../config';
-export declare const loader: (config: ConfigInterface) => Promise<import('..').API>;
+export declare const loader: (config: ConfigInterface, load?: boolean) => Promise<import('..').API>;
 //# sourceMappingURL=loader.d.ts.map

package/dist/loader/loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../src/loader/loader.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAU5C,eAAO,MAAM,MAAM,GAAU,QAAQ,eAAe,8BA2CnD,CAAC"}
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../src/loader/loader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAG5C,eAAO,MAAM,MAAM,GAAU,QAAQ,eAAe,EAAE,cAAW,8BAyChE,CAAC"}