@trackunit/css-tailwind-custom-properties-plugin 0.0.21 → 0.0.23

package/index.cjs

@@ -2,62 +2,112 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var plugin = require('tailwindcss/plugin');
+var createPlugin$2 = {};
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+var createPlugin$1 = {};
 
-var plugin__default = /*#__PURE__*/_interopDefaultLegacy(plugin);
+(function (exports) {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+function createPlugin(plugin, config) {
+    return {
+        handler: plugin,
+        config
+    };
+}
+createPlugin.withOptions = function(pluginFunction, configFunction = ()=>({})) {
+    const optionsFunction = function(options) {
+        return {
+            __options: options,
+            handler: pluginFunction(options),
+            config: configFunction(options)
+        };
+    };
+    optionsFunction.__isOptionsFunction = true;
+    // Expose plugin dependencies so that `object-hash` returns a different
+    // value if anything here changes, to ensure a rebuild is triggered.
+    optionsFunction.__pluginFunction = pluginFunction;
+    optionsFunction.__configFunction = configFunction;
+    return optionsFunction;
+};
+const _default = createPlugin;
+}(createPlugin$1));
+
+(function (exports) {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _createPlugin = /*#__PURE__*/ _interopRequireDefault(createPlugin$1);
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _createPlugin.default;
+}(createPlugin$2));
 
-/**
- * Converts an array of keys to a valid CSS custom property name.
- *
- * @param keys An array of strings representing the keys to be converted to a CSS custom property name.
- * @returns { string } A string representing the CSS custom property name.
- */
-const keysToCssVariableName = (keys) => `--${keys.join("-")}`.replace(/[^a-zA-Z0-9]/g, "-");
-/**
- * Flattens a nested object containing variables declarations and their values
- * into a flat object where the keys are the CSS variable names and the values are
- * the corresponding CSS variable values.
- *
- * @param {object} values - The object containing the nested variables declarations and their values
- * @param {object} [output] - The flat object to store the generated CSS variable names and values
- * @param {string[]} [keys] - An array of keys representing the current path of the object being processed
- * @returns {VariablesDeclerationObject} - The generated flat object containing the CSS variable names and values
- */
-const flattenVariablesDeclerationValues = (values, output = {}, keys = []) => {
-    for (const [key, value] of Object.entries(values)) {
-        let flattend = {};
-        if (typeof value === "object") {
-            flattend = flattenVariablesDeclerationValues(value, output, [...keys, key]);
-        }
-        else {
-            flattend[keysToCssVariableName([...keys, key])] = value;
-        }
-        output = Object.assign(Object.assign({}, flattend), output);
-    }
-    return output;
-};
-/**
- * Converts a object containing CSS variables to an array of CSS rules.
- *
- * @param variablesDecleration An object containing the CSS variables and their corresponding values.
- * @returns {CSSRuleObject[]} An array of CSS rules.
- */
-const variablesToCSSRules = (variablesDecleration) => {
-    if (!variablesDecleration) {
-        return [];
-    }
-    const cssRules = Object.entries(variablesDecleration).map(([key, value]) => ({
-        [key === "DEFAULT" ? ":root" : `.${key}`]: flattenVariablesDeclerationValues(value),
-    }));
-    return cssRules;
+let createPlugin = createPlugin$2;
+var plugin = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default;
+
+/**
+ * Converts an array of keys to a valid CSS custom property name.
+ *
+ * @param keys An array of strings representing the keys to be converted to a CSS custom property name.
+ * @returns { string } A string representing the CSS custom property name.
+ */
+const keysToCssVariableName = (keys) => `--${keys.join("-")}`.replace(/[^a-zA-Z0-9]/g, "-");
+/**
+ * Flattens a nested object containing variables declarations and their values
+ * into a flat object where the keys are the CSS variable names and the values are
+ * the corresponding CSS variable values.
+ *
+ * @param {object} values - The object containing the nested variables declarations and their values
+ * @param {object} [output] - The flat object to store the generated CSS variable names and values
+ * @param {string[]} [keys] - An array of keys representing the current path of the object being processed
+ * @returns {VariablesDeclerationObject} - The generated flat object containing the CSS variable names and values
+ */
+const flattenVariablesDeclerationValues = (values, output = {}, keys = []) => {
+    for (const [key, value] of Object.entries(values)) {
+        let flattend = {};
+        if (typeof value === "object") {
+            flattend = flattenVariablesDeclerationValues(value, output, [...keys, key]);
+        }
+        else {
+            flattend[keysToCssVariableName([...keys, key])] = value;
+        }
+        output = Object.assign(Object.assign({}, flattend), output);
+    }
+    return output;
+};
+/**
+ * Converts a object containing CSS variables to an array of CSS rules.
+ *
+ * @param variablesDecleration An object containing the CSS variables and their corresponding values.
+ * @returns {CSSRuleObject[]} An array of CSS rules.
+ */
+const variablesToCSSRules = (variablesDecleration) => {
+    if (!variablesDecleration) {
+        return [];
+    }
+    const cssRules = Object.entries(variablesDecleration).map(([key, value]) => ({
+        [key === "DEFAULT" ? ":root" : `.${key}`]: flattenVariablesDeclerationValues(value),
+    }));
+    return cssRules;
 };
 
-const CssTailwindCustomPropertiesPlugin = plugin__default["default"](({ addBase, theme }) => {
-    const variablesDeclerationFromThemeConfig = theme("variables", {});
-    const cssRules = variablesToCSSRules(variablesDeclerationFromThemeConfig);
-    addBase(cssRules);
+const CssTailwindCustomPropertiesPlugin = plugin(({ addBase, theme }) => {
+    const variablesDeclerationFromThemeConfig = theme("variables", {});
+    const cssRules = variablesToCSSRules(variablesDeclerationFromThemeConfig);
+    addBase(cssRules);
 });
 
 exports.CssTailwindCustomPropertiesPlugin = CssTailwindCustomPropertiesPlugin;

package/index.js

@@ -1,55 +1,109 @@
-import plugin from 'tailwindcss/plugin';
+var createPlugin$2 = {};
 
-/**
- * Converts an array of keys to a valid CSS custom property name.
- *
- * @param keys An array of strings representing the keys to be converted to a CSS custom property name.
- * @returns { string } A string representing the CSS custom property name.
- */
-const keysToCssVariableName = (keys) => `--${keys.join("-")}`.replace(/[^a-zA-Z0-9]/g, "-");
-/**
- * Flattens a nested object containing variables declarations and their values
- * into a flat object where the keys are the CSS variable names and the values are
- * the corresponding CSS variable values.
- *
- * @param {object} values - The object containing the nested variables declarations and their values
- * @param {object} [output] - The flat object to store the generated CSS variable names and values
- * @param {string[]} [keys] - An array of keys representing the current path of the object being processed
- * @returns {VariablesDeclerationObject} - The generated flat object containing the CSS variable names and values
- */
-const flattenVariablesDeclerationValues = (values, output = {}, keys = []) => {
-    for (const [key, value] of Object.entries(values)) {
-        let flattend = {};
-        if (typeof value === "object") {
-            flattend = flattenVariablesDeclerationValues(value, output, [...keys, key]);
-        }
-        else {
-            flattend[keysToCssVariableName([...keys, key])] = value;
-        }
-        output = Object.assign(Object.assign({}, flattend), output);
-    }
-    return output;
-};
-/**
- * Converts a object containing CSS variables to an array of CSS rules.
- *
- * @param variablesDecleration An object containing the CSS variables and their corresponding values.
- * @returns {CSSRuleObject[]} An array of CSS rules.
- */
-const variablesToCSSRules = (variablesDecleration) => {
-    if (!variablesDecleration) {
-        return [];
-    }
-    const cssRules = Object.entries(variablesDecleration).map(([key, value]) => ({
-        [key === "DEFAULT" ? ":root" : `.${key}`]: flattenVariablesDeclerationValues(value),
-    }));
-    return cssRules;
+var createPlugin$1 = {};
+
+(function (exports) {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+function createPlugin(plugin, config) {
+    return {
+        handler: plugin,
+        config
+    };
+}
+createPlugin.withOptions = function(pluginFunction, configFunction = ()=>({})) {
+    const optionsFunction = function(options) {
+        return {
+            __options: options,
+            handler: pluginFunction(options),
+            config: configFunction(options)
+        };
+    };
+    optionsFunction.__isOptionsFunction = true;
+    // Expose plugin dependencies so that `object-hash` returns a different
+    // value if anything here changes, to ensure a rebuild is triggered.
+    optionsFunction.__pluginFunction = pluginFunction;
+    optionsFunction.__configFunction = configFunction;
+    return optionsFunction;
+};
+const _default = createPlugin;
+}(createPlugin$1));
+
+(function (exports) {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _createPlugin = /*#__PURE__*/ _interopRequireDefault(createPlugin$1);
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _createPlugin.default;
+}(createPlugin$2));
+
+let createPlugin = createPlugin$2;
+var plugin = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default;
+
+/**
+ * Converts an array of keys to a valid CSS custom property name.
+ *
+ * @param keys An array of strings representing the keys to be converted to a CSS custom property name.
+ * @returns { string } A string representing the CSS custom property name.
+ */
+const keysToCssVariableName = (keys) => `--${keys.join("-")}`.replace(/[^a-zA-Z0-9]/g, "-");
+/**
+ * Flattens a nested object containing variables declarations and their values
+ * into a flat object where the keys are the CSS variable names and the values are
+ * the corresponding CSS variable values.
+ *
+ * @param {object} values - The object containing the nested variables declarations and their values
+ * @param {object} [output] - The flat object to store the generated CSS variable names and values
+ * @param {string[]} [keys] - An array of keys representing the current path of the object being processed
+ * @returns {VariablesDeclerationObject} - The generated flat object containing the CSS variable names and values
+ */
+const flattenVariablesDeclerationValues = (values, output = {}, keys = []) => {
+    for (const [key, value] of Object.entries(values)) {
+        let flattend = {};
+        if (typeof value === "object") {
+            flattend = flattenVariablesDeclerationValues(value, output, [...keys, key]);
+        }
+        else {
+            flattend[keysToCssVariableName([...keys, key])] = value;
+        }
+        output = Object.assign(Object.assign({}, flattend), output);
+    }
+    return output;
+};
+/**
+ * Converts a object containing CSS variables to an array of CSS rules.
+ *
+ * @param variablesDecleration An object containing the CSS variables and their corresponding values.
+ * @returns {CSSRuleObject[]} An array of CSS rules.
+ */
+const variablesToCSSRules = (variablesDecleration) => {
+    if (!variablesDecleration) {
+        return [];
+    }
+    const cssRules = Object.entries(variablesDecleration).map(([key, value]) => ({
+        [key === "DEFAULT" ? ":root" : `.${key}`]: flattenVariablesDeclerationValues(value),
+    }));
+    return cssRules;
 };
 
-const CssTailwindCustomPropertiesPlugin = plugin(({ addBase, theme }) => {
-    const variablesDeclerationFromThemeConfig = theme("variables", {});
-    const cssRules = variablesToCSSRules(variablesDeclerationFromThemeConfig);
-    addBase(cssRules);
+const CssTailwindCustomPropertiesPlugin = plugin(({ addBase, theme }) => {
+    const variablesDeclerationFromThemeConfig = theme("variables", {});
+    const cssRules = variablesToCSSRules(variablesDeclerationFromThemeConfig);
+    addBase(cssRules);
 });
 
 export { CssTailwindCustomPropertiesPlugin, flattenVariablesDeclerationValues, keysToCssVariableName, variablesToCSSRules };

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@trackunit/css-tailwind-custom-properties-plugin",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "main": "./index.cjs",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
+  "engines": {
+    "node": ">=16.x"
+  },
   "module": "./index.js",
   "type": "module",
   "types": "./src/index.d.ts"

package/src/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./plugin";
-export * from "./variablesToCSSRules";
+export * from "./plugin";
+export * from "./variablesToCSSRules";

package/src/plugin.d.ts

@@ -1,4 +1,4 @@
-export declare const CssTailwindCustomPropertiesPlugin: {
-    handler: import("tailwindcss/types/config").PluginCreator;
-    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
-};
+export declare const CssTailwindCustomPropertiesPlugin: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};

package/src/variablesToCSSRules.d.ts

@@ -1,29 +1,29 @@
-import { CSSRuleObject } from "tailwindcss/types/config";
-export type VariablesDeclerationObject = {
-    [variableName: string]: string;
-};
-/**
- * Converts an array of keys to a valid CSS custom property name.
- *
- * @param keys An array of strings representing the keys to be converted to a CSS custom property name.
- * @returns { string } A string representing the CSS custom property name.
- */
-export declare const keysToCssVariableName: (keys: string[]) => string;
-/**
- * Flattens a nested object containing variables declarations and their values
- * into a flat object where the keys are the CSS variable names and the values are
- * the corresponding CSS variable values.
- *
- * @param {object} values - The object containing the nested variables declarations and their values
- * @param {object} [output] - The flat object to store the generated CSS variable names and values
- * @param {string[]} [keys] - An array of keys representing the current path of the object being processed
- * @returns {VariablesDeclerationObject} - The generated flat object containing the CSS variable names and values
- */
-export declare const flattenVariablesDeclerationValues: (values: object, output?: VariablesDeclerationObject, keys?: string[]) => VariablesDeclerationObject;
-/**
- * Converts a object containing CSS variables to an array of CSS rules.
- *
- * @param variablesDecleration An object containing the CSS variables and their corresponding values.
- * @returns {CSSRuleObject[]} An array of CSS rules.
- */
-export declare const variablesToCSSRules: (variablesDecleration: object) => CSSRuleObject[];
+import { CSSRuleObject } from "tailwindcss/types/config";
+export type VariablesDeclerationObject = {
+    [variableName: string]: string;
+};
+/**
+ * Converts an array of keys to a valid CSS custom property name.
+ *
+ * @param keys An array of strings representing the keys to be converted to a CSS custom property name.
+ * @returns { string } A string representing the CSS custom property name.
+ */
+export declare const keysToCssVariableName: (keys: string[]) => string;
+/**
+ * Flattens a nested object containing variables declarations and their values
+ * into a flat object where the keys are the CSS variable names and the values are
+ * the corresponding CSS variable values.
+ *
+ * @param {object} values - The object containing the nested variables declarations and their values
+ * @param {object} [output] - The flat object to store the generated CSS variable names and values
+ * @param {string[]} [keys] - An array of keys representing the current path of the object being processed
+ * @returns {VariablesDeclerationObject} - The generated flat object containing the CSS variable names and values
+ */
+export declare const flattenVariablesDeclerationValues: (values: object, output?: VariablesDeclerationObject, keys?: string[]) => VariablesDeclerationObject;
+/**
+ * Converts a object containing CSS variables to an array of CSS rules.
+ *
+ * @param variablesDecleration An object containing the CSS variables and their corresponding values.
+ * @returns {CSSRuleObject[]} An array of CSS rules.
+ */
+export declare const variablesToCSSRules: (variablesDecleration: object) => CSSRuleObject[];