@o3r/design 10.0.0-alpha.1

package/src/core/design-token/renderers/css/design-token-definition.renderers.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCssTokenDefinitionRenderer = void 0;
+const design_token_renderer_helpers_1 = require("../design-token.renderer.helpers");
+const design_token_value_renderers_1 = require("./design-token-value.renderers");
+/**
+ * Retrieve the Design Token variable renderer for CSS
+ * @param options
+ * @returns
+ * @example CSS renderer with Sass fallback
+ * ```typescript
+ * import { getSassTokenDefinitionRenderer } from '@o3r/design';
+ *
+ * // List of parsed Design Token items
+ * const parsedTokenDesign = await parseDesignTokenFile('./path/to/spec.json');
+ *
+ * // Sass variable renderer
+ * const sassTokenDefinitionRenderer = getSassTokenDefinitionRenderer();
+ *
+ * // CSS variable renderer
+ * const cssTokenDefinitionRenderer = getCssTokenDefinitionRenderer({
+ *   // Specify that the private variable should be rendered in Sass variable
+ *   privateDefinitionRenderer: sassTokenDefinitionRenderer
+ * });
+ *
+ * // Render the CSS variables
+ * await renderDesignTokens(parsedTokenDesign, { tokenDefinitionRenderer: cssTokenDefinitionRenderer });
+ * ```
+ */
+const getCssTokenDefinitionRenderer = (options) => {
+    const isPrivateVariable = options?.isPrivateVariable || design_token_renderer_helpers_1.isO3rPrivateVariable;
+    const tokenVariableNameRenderer = options?.tokenVariableNameRenderer;
+    const tokenValueRenderer = options?.tokenValueRenderer || (0, design_token_value_renderers_1.getCssTokenValueRenderer)({ isPrivateVariable, tokenVariableNameRenderer });
+    const renderer = (variable, variableSet) => {
+        let variableString;
+        if (!isPrivateVariable(variable)) {
+            variableString = `--${variable.getKey(tokenVariableNameRenderer)}: ${tokenValueRenderer(variable, variableSet)};`;
+            if (variable.extensions.o3rScope) {
+                variableString = `${variable.extensions.o3rScope} { ${variableString} }`;
+            }
+        }
+        else if (options?.privateDefinitionRenderer && variable.extensions.o3rPrivate) {
+            variableString = options.privateDefinitionRenderer(variable, variableSet);
+        }
+        if (variableString && variable.description) {
+            variableString = `/* ${variable.description} */\n${variableString}`;
+        }
+        return variableString;
+    };
+    return renderer;
+};
+exports.getCssTokenDefinitionRenderer = getCssTokenDefinitionRenderer;
+//# sourceMappingURL=design-token-definition.renderers.js.map

package/src/core/design-token/renderers/css/design-token-definition.renderers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-definition.renderers.js","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/css/design-token-definition.renderers.ts"],"names":[],"mappings":";;;AACA,oFAAwE;AAExE,iFAA0E;AAyB1E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACI,MAAM,6BAA6B,GAAG,CAAC,OAA2C,EAA2B,EAAE;IACpH,MAAM,iBAAiB,GAAG,OAAO,EAAE,iBAAiB,IAAI,oDAAoB,CAAC;IAC7E,MAAM,yBAAyB,GAAG,OAAO,EAAE,yBAAyB,CAAC;IACrE,MAAM,kBAAkB,GAAG,OAAO,EAAE,kBAAkB,IAAI,IAAA,uDAAwB,EAAC,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,CAAC,CAAC;IAErI,MAAM,QAAQ,GAAG,CAAC,QAAsC,EAAE,WAAsD,EAAE,EAAE;QAClH,IAAI,cAAkC,CAAC;QACvC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE;YAChC,cAAc,GAAG,KAAK,QAAQ,CAAC,MAAM,CAAC,yBAAyB,CAAC,KAAK,kBAAkB,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,CAAC;YAClH,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,EAAE;gBAChC,cAAc,GAAG,GAAG,QAAQ,CAAC,UAAU,CAAC,QAAQ,MAAM,cAAc,IAAI,CAAC;aAC1E;SACF;aAAM,IAAI,OAAO,EAAE,yBAAyB,IAAI,QAAQ,CAAC,UAAU,CAAC,UAAU,EAAE;YAC/E,cAAc,GAAG,OAAO,CAAC,yBAAyB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;SAC3E;QACD,IAAI,cAAc,IAAI,QAAQ,CAAC,WAAW,EAAE;YAC1C,cAAc,GAAG,MAAM,QAAQ,CAAC,WAAW,QAAQ,cAAc,EAAE,CAAC;SACrE;QACD,OAAO,cAAc,CAAC;IACxB,CAAC,CAAC;IACF,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AArBW,QAAA,6BAA6B,iCAqBxC"}

package/src/core/design-token/renderers/css/design-token-updater.renderers.d.ts

@@ -0,0 +1,24 @@
+import type { DesignContentFileUpdater } from '../design-token.renderer.interface';
+/** Default CSS starting tag */
+export declare const AUTO_GENERATED_START = "/* --- BEGIN THEME Auto-generated --- */";
+/** Default CSS ending tag */
+export declare const AUTO_GENERATED_END = "/* --- END THEME Auto-generated --- */";
+/** Options for {@link getCssStyleContentUpdater} */
+export interface CssStyleContentUpdaterOptions {
+    /**
+     * Opening tag marking the content edition part
+     * @default {@see AUTO_GENERATED_START}
+     */
+    startTag?: string;
+    /**
+     * Closing tag marking the content edition part
+     * @default {@see AUTO_GENERATED_END}
+     */
+    endTag?: string;
+}
+/**
+ * Retrieve a Content Updater function for CSS generator
+ * @param options
+ */
+export declare const getCssStyleContentUpdater: (options?: CssStyleContentUpdaterOptions) => DesignContentFileUpdater;
+//# sourceMappingURL=design-token-updater.renderers.d.ts.map

package/src/core/design-token/renderers/css/design-token-updater.renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-updater.renderers.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/css/design-token-updater.renderers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAOnF,+BAA+B;AAC/B,eAAO,MAAM,oBAAoB,6CAA6C,CAAC;AAE/E,6BAA6B;AAC7B,eAAO,MAAM,kBAAkB,2CAA2C,CAAC;AAE3E,oDAAoD;AACpD,MAAM,WAAW,6BAA6B;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,eAAO,MAAM,yBAAyB,aAAc,6BAA6B,KAAG,wBAcnF,CAAC"}

package/src/core/design-token/renderers/css/design-token-updater.renderers.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCssStyleContentUpdater = exports.AUTO_GENERATED_END = exports.AUTO_GENERATED_START = void 0;
+const SANITIZE_TAG_INPUTS_REGEXP = /[.*+?^${}()|[\]\\]/g;
+const generateVars = (variables, startTag, endTag, addCssScope = false) => `${addCssScope ? ':root {\n' : ''}${startTag}\n${variables.join('\n')}\n${endTag}${addCssScope ? '\n}' : ''}`;
+/** Default CSS starting tag */
+exports.AUTO_GENERATED_START = '/* --- BEGIN THEME Auto-generated --- */';
+/** Default CSS ending tag */
+exports.AUTO_GENERATED_END = '/* --- END THEME Auto-generated --- */';
+/**
+ * Retrieve a Content Updater function for CSS generator
+ * @param options
+ */
+const getCssStyleContentUpdater = (options) => {
+    const startTag = options?.startTag || exports.AUTO_GENERATED_START;
+    const endTag = options?.endTag || exports.AUTO_GENERATED_END;
+    /** Regexp to replace the content between the detected tags. It also handle possible inputted special character sanitization */
+    const regexToReplace = new RegExp(`${startTag.replace(SANITIZE_TAG_INPUTS_REGEXP, '\\$&')}(:?(.|[\n\r])*)${endTag.replace(SANITIZE_TAG_INPUTS_REGEXP, '\\$&')}`);
+    return (variables, _file, styleContent = '') => {
+        if (styleContent.indexOf(startTag) >= 0 && styleContent.indexOf(endTag) >= 0) {
+            return styleContent.replace(regexToReplace, generateVars(variables, startTag, endTag));
+        }
+        else {
+            return styleContent + '\n' + generateVars(variables, startTag, endTag, true);
+        }
+    };
+};
+exports.getCssStyleContentUpdater = getCssStyleContentUpdater;
+//# sourceMappingURL=design-token-updater.renderers.js.map

package/src/core/design-token/renderers/css/design-token-updater.renderers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-updater.renderers.js","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/css/design-token-updater.renderers.ts"],"names":[],"mappings":";;;AAEA,MAAM,0BAA0B,GAAG,qBAAqB,CAAC;AAEzD,MAAM,YAAY,GAAG,CAAC,SAAmB,EAAE,QAAgB,EAAE,MAAc,EAAE,WAAW,GAAG,KAAK,EAAE,EAAE,CAClG,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,QAAQ,KAAK,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AAEhH,+BAA+B;AAClB,QAAA,oBAAoB,GAAG,0CAA0C,CAAC;AAE/E,6BAA6B;AAChB,QAAA,kBAAkB,GAAG,wCAAwC,CAAC;AAiB3E;;;GAGG;AACI,MAAM,yBAAyB,GAAG,CAAC,OAAuC,EAA4B,EAAE;IAC7G,MAAM,QAAQ,GAAG,OAAO,EAAE,QAAQ,IAAI,4BAAoB,CAAC;IAC3D,MAAM,MAAM,GAAG,OAAO,EAAE,MAAM,IAAI,0BAAkB,CAAC;IAErD,+HAA+H;IAC/H,MAAM,cAAc,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,0BAA0B,EAAE,MAAM,CAAC,kBAAkB,MAAM,CAAC,OAAO,CAAC,0BAA0B,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;IAEjK,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,YAAY,GAAG,EAAE,EAAE,EAAE;QAC7C,IAAI,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;YAC5E,OAAO,YAAY,CAAC,OAAO,CAAC,cAAc,EAAE,YAAY,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;SACxF;aAAM;YACL,OAAO,YAAY,GAAG,IAAI,GAAG,YAAY,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;SAC9E;IACH,CAAC,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,yBAAyB,6BAcpC"}

package/src/core/design-token/renderers/css/design-token-value.renderers.d.ts

@@ -0,0 +1,19 @@
+import type { DesignTokenVariableStructure, TokenKeyRenderer, TokenValueRenderer } from '../../parsers/design-token-parser.interface';
+/** Options for {@link getCssTokenValueRenderer} */
+export interface CssTokenValueRendererOptions {
+    /**
+     * Determine if the variable is private and should not be rendered
+     * @default {@see isO3rPrivateVariable}
+     */
+    isPrivateVariable?: (variable: DesignTokenVariableStructure) => boolean;
+    /**
+     * Renderer the name of the CSS Variable (without initial --)
+     */
+    tokenVariableNameRenderer?: TokenKeyRenderer;
+}
+/**
+ * Retrieve the Design Token value renderer
+ * @param options
+ */
+export declare const getCssTokenValueRenderer: (options?: CssTokenValueRendererOptions) => TokenValueRenderer;
+//# sourceMappingURL=design-token-value.renderers.d.ts.map

package/src/core/design-token/renderers/css/design-token-value.renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-value.renderers.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/css/design-token-value.renderers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AAGtI,mDAAmD;AACnD,MAAM,WAAW,4BAA4B;IAC3C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,4BAA4B,KAAK,OAAO,CAAC;IAExE;;OAEG;IACH,yBAAyB,CAAC,EAAE,gBAAgB,CAAC;CAC9C;AAED;;;GAGG;AACH,eAAO,MAAM,wBAAwB,aAAc,4BAA4B,KAAG,kBAoBjF,CAAC"}

package/src/core/design-token/renderers/css/design-token-value.renderers.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCssTokenValueRenderer = void 0;
+const design_token_renderer_helpers_1 = require("../design-token.renderer.helpers");
+/**
+ * Retrieve the Design Token value renderer
+ * @param options
+ */
+const getCssTokenValueRenderer = (options) => {
+    const isPrivateVariable = options?.isPrivateVariable || design_token_renderer_helpers_1.isO3rPrivateVariable;
+    const tokenVariableNameRenderer = options?.tokenVariableNameRenderer;
+    const referenceRenderer = (variable, variableSet) => {
+        if (!isPrivateVariable(variable)) {
+            return `var(--${variable.getKey(tokenVariableNameRenderer)})`;
+        }
+        else {
+            // eslint-disable-next-line no-use-before-define
+            return `var(--${variable.getKey(tokenVariableNameRenderer)}, ${renderer(variable, variableSet)})`;
+        }
+    };
+    const renderer = (variable, variableSet) => {
+        let variableValue = variable.getCssRawValue(variableSet).replaceAll(/\{([^}]*)\}/g, (defaultValue, matcher) => (variableSet.has(matcher) ? referenceRenderer(variableSet.get(matcher), variableSet) : defaultValue));
+        variableValue += variableValue && variable.extensions.o3rImportant ? ' !important' : '';
+        return variableValue;
+    };
+    return renderer;
+};
+exports.getCssTokenValueRenderer = getCssTokenValueRenderer;
+//# sourceMappingURL=design-token-value.renderers.js.map

package/src/core/design-token/renderers/css/design-token-value.renderers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-value.renderers.js","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/css/design-token-value.renderers.ts"],"names":[],"mappings":";;;AACA,oFAAwE;AAgBxE;;;GAGG;AACI,MAAM,wBAAwB,GAAG,CAAC,OAAsC,EAAsB,EAAE;IACrG,MAAM,iBAAiB,GAAG,OAAO,EAAE,iBAAiB,IAAI,oDAAoB,CAAC;IAC7E,MAAM,yBAAyB,GAAG,OAAO,EAAE,yBAAyB,CAAC;IAErE,MAAM,iBAAiB,GAAG,CAAC,QAAsC,EAAE,WAAsD,EAAU,EAAE;QACnI,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE;YAChC,OAAO,SAAS,QAAQ,CAAC,MAAM,CAAC,yBAAyB,CAAC,GAAG,CAAC;SAC/D;aAAM;YACL,gDAAgD;YAChD,OAAO,SAAS,QAAQ,CAAC,MAAM,CAAC,yBAAyB,CAAC,KAAK,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,CAAC;SACnG;IACH,CAAC,CAAC;IACF,MAAM,QAAQ,GAAG,CAAC,QAAsC,EAAE,WAAsD,EAAE,EAAE;QAClH,IAAI,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,EAAE,CAC5G,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAE,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CACtG,CAAC;QACF,aAAa,IAAI,aAAa,IAAI,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;QACxF,OAAO,aAAa,CAAC;IACvB,CAAC,CAAC;IACF,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AApBW,QAAA,wBAAwB,4BAoBnC"}

package/src/core/design-token/renderers/css/index.d.ts

@@ -0,0 +1,4 @@
+export * from './design-token-definition.renderers';
+export * from './design-token-value.renderers';
+export * from './design-token-updater.renderers';
+//# sourceMappingURL=index.d.ts.map

package/src/core/design-token/renderers/css/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/css/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC"}

package/src/core/design-token/renderers/css/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./design-token-definition.renderers"), exports);
+tslib_1.__exportStar(require("./design-token-value.renderers"), exports);
+tslib_1.__exportStar(require("./design-token-updater.renderers"), exports);
+//# sourceMappingURL=index.js.map

package/src/core/design-token/renderers/css/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/css/index.ts"],"names":[],"mappings":";;;AAAA,8EAAoD;AACpD,yEAA+C;AAC/C,2EAAiD"}

package/src/core/design-token/renderers/design-token-style.renderer.d.ts

@@ -0,0 +1,25 @@
+import type { DesignTokenVariableSet, DesignTokenVariableStructure } from '../parsers/design-token-parser.interface';
+import type { DesignTokenRendererOptions } from './design-token.renderer.interface';
+/**
+ * Retrieve the function that determines which file to update for a given token
+ * @param root Root path used if no base path
+ * @param defaultFile Default file if not requested by the Token
+ */
+export declare const computeFileToUpdatePath: (root?: string, defaultFile?: string) => (token: DesignTokenVariableStructure) => string;
+/**
+ * Process the parsed Design Token variables and render them according to the given options and renderers
+ * @param variableSet Complete list of the parsed Design Token
+ * @param options Parameters of the Design Token renderer
+ * @example Basic renderer usage
+ * ```typescript
+ * import { parseDesignTokenFile, renderDesignTokens } from '@o3r/design';
+ *
+ * // List of parsed Design Token items
+ * const parsedTokenDesign = await parseDesignTokenFile('./path/to/spec.json');
+ *
+ * // Render the CSS variables
+ * await renderDesignTokens(parsedTokenDesign, { logger: console });
+ * ```
+ */
+export declare const renderDesignTokens: (variableSet: DesignTokenVariableSet, options?: DesignTokenRendererOptions) => Promise<void>;
+//# sourceMappingURL=design-token-style.renderer.d.ts.map

package/src/core/design-token/renderers/design-token-style.renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-style.renderer.d.ts","sourceRoot":"","sources":["../../../../../src/core/design-token/renderers/design-token-style.renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,MAAM,0CAA0C,CAAC;AAKrH,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAEpF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,mDAAkE,4BAA4B,WAMjI,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kBAAkB,kDAAyD,0BAA0B,kBAwBjH,CAAC"}

package/src/core/design-token/renderers/design-token-style.renderer.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderDesignTokens = exports.computeFileToUpdatePath = void 0;
+const design_token_definition_renderers_1 = require("./css/design-token-definition.renderers");
+const design_token_updater_renderers_1 = require("./css/design-token-updater.renderers");
+const node_fs_1 = require("node:fs");
+const node_path_1 = require("node:path");
+/**
+ * Retrieve the function that determines which file to update for a given token
+ * @param root Root path used if no base path
+ * @param defaultFile Default file if not requested by the Token
+ */
+const computeFileToUpdatePath = (root = process.cwd(), defaultFile = 'styles.scss') => (token) => {
+    if (token.extensions.o3rTargetFile) {
+        return (0, node_path_1.isAbsolute)(token.extensions.o3rTargetFile) ? token.extensions.o3rTargetFile : (0, node_path_1.resolve)(token.context?.basePath || root, token.extensions.o3rTargetFile);
+    }
+    return defaultFile;
+};
+exports.computeFileToUpdatePath = computeFileToUpdatePath;
+/**
+ * Process the parsed Design Token variables and render them according to the given options and renderers
+ * @param variableSet Complete list of the parsed Design Token
+ * @param options Parameters of the Design Token renderer
+ * @example Basic renderer usage
+ * ```typescript
+ * import { parseDesignTokenFile, renderDesignTokens } from '@o3r/design';
+ *
+ * // List of parsed Design Token items
+ * const parsedTokenDesign = await parseDesignTokenFile('./path/to/spec.json');
+ *
+ * // Render the CSS variables
+ * await renderDesignTokens(parsedTokenDesign, { logger: console });
+ * ```
+ */
+const renderDesignTokens = async (variableSet, options) => {
+    const readFile = options?.readFile || ((filePath) => node_fs_1.promises.readFile(filePath, { encoding: 'utf-8' }));
+    const writeFile = options?.writeFile || node_fs_1.promises.writeFile;
+    const existsFile = options?.existsFile || node_fs_1.existsSync;
+    const determineFileToUpdate = options?.determineFileToUpdate || (0, exports.computeFileToUpdatePath)();
+    const tokenDefinitionRenderer = options?.tokenDefinitionRenderer || (0, design_token_definition_renderers_1.getCssTokenDefinitionRenderer)();
+    const styleContentUpdater = options?.styleContentUpdater || (0, design_token_updater_renderers_1.getCssStyleContentUpdater)();
+    const updates = Array.from(variableSet.values()).reduce((acc, designToken) => {
+        const filePath = determineFileToUpdate(designToken);
+        const variable = tokenDefinitionRenderer(designToken, variableSet);
+        if (variable) {
+            acc[filePath] ||= [];
+            acc[filePath].push(variable);
+        }
+        return acc;
+    }, {});
+    await Promise.all(Object.entries(updates).map(async ([file, vars]) => {
+        const styleContent = existsFile(file) ? await readFile(file) : '';
+        const newStyleContent = styleContentUpdater(vars, file, styleContent);
+        await writeFile(file, newStyleContent);
+    }));
+};
+exports.renderDesignTokens = renderDesignTokens;
+//# sourceMappingURL=design-token-style.renderer.js.map

package/src/core/design-token/renderers/design-token-style.renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-style.renderer.js","sourceRoot":"","sources":["../../../../../src/core/design-token/renderers/design-token-style.renderer.ts"],"names":[],"mappings":";;;AACA,+FAAwF;AACxF,yFAAiF;AACjF,qCAAqD;AACrD,yCAAgD;AAGhD;;;;GAIG;AACI,MAAM,uBAAuB,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,EAAE,WAAW,GAAG,aAAa,EAAE,EAAE,CAAC,CAAC,KAAmC,EAAE,EAAE;IACpI,IAAI,KAAK,CAAC,UAAU,CAAC,aAAa,EAAE;QAClC,OAAO,IAAA,sBAAU,EAAC,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,IAAA,mBAAO,EAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,IAAI,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;KAC/J;IAED,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AANW,QAAA,uBAAuB,2BAMlC;AAEF;;;;;;;;;;;;;;GAcG;AACI,MAAM,kBAAkB,GAAG,KAAK,EAAE,WAAmC,EAAE,OAAoC,EAAE,EAAE;IACpH,MAAM,QAAQ,GAAG,OAAO,EAAE,QAAQ,IAAI,CAAC,CAAC,QAAgB,EAAE,EAAE,CAAC,kBAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAC,CAAC,CAAC,CAAC;IACzG,MAAM,SAAS,GAAG,OAAO,EAAE,SAAS,IAAI,kBAAE,CAAC,SAAS,CAAC;IACrD,MAAM,UAAU,GAAG,OAAO,EAAE,UAAU,IAAI,oBAAU,CAAC;IACrD,MAAM,qBAAqB,GAAG,OAAO,EAAE,qBAAqB,IAAI,IAAA,+BAAuB,GAAE,CAAC;IAC1F,MAAM,uBAAuB,GAAG,OAAO,EAAE,uBAAuB,IAAI,IAAA,iEAA6B,GAAE,CAAC;IACpG,MAAM,mBAAmB,GAAG,OAAO,EAAE,mBAAmB,IAAI,IAAA,0DAAyB,GAAE,CAAC;IACxF,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE;QAC3E,MAAM,QAAQ,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAC;QACpD,MAAM,QAAQ,GAAG,uBAAuB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACnE,IAAI,QAAQ,EAAE;YACZ,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;YACrB,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC9B;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAA8B,CAAC,CAAC;IAEnC,MAAM,OAAO,CAAC,GAAG,CACf,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;QACjD,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAClE,MAAM,eAAe,GAAG,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;QACtE,MAAM,SAAS,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;IACzC,CAAC,CAAC,CACH,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,kBAAkB,sBAwB7B"}

package/src/core/design-token/renderers/design-token.renderer.helpers.d.ts

@@ -0,0 +1,8 @@
+import type { DesignTokenVariableStructure } from '../parsers';
+/**
+ * Indicate that the variable is private based on the Otter extension
+ * @param variable Parsed Design Token
+ * @returns true if private variable
+ */
+export declare const isO3rPrivateVariable: (variable: DesignTokenVariableStructure) => boolean;
+//# sourceMappingURL=design-token.renderer.helpers.d.ts.map

package/src/core/design-token/renderers/design-token.renderer.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token.renderer.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/core/design-token/renderers/design-token.renderer.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAE/D;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,aAAc,4BAA4B,YAAqC,CAAC"}

package/src/core/design-token/renderers/design-token.renderer.helpers.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isO3rPrivateVariable = void 0;
+/**
+ * Indicate that the variable is private based on the Otter extension
+ * @param variable Parsed Design Token
+ * @returns true if private variable
+ */
+const isO3rPrivateVariable = (variable) => !!variable.extensions.o3rPrivate;
+exports.isO3rPrivateVariable = isO3rPrivateVariable;
+//# sourceMappingURL=design-token.renderer.helpers.js.map

package/src/core/design-token/renderers/design-token.renderer.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token.renderer.helpers.js","sourceRoot":"","sources":["../../../../../src/core/design-token/renderers/design-token.renderer.helpers.ts"],"names":[],"mappings":";;;AAEA;;;;GAIG;AACI,MAAM,oBAAoB,GAAG,CAAC,QAAsC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,UAAU,CAAC;AAApG,QAAA,oBAAoB,wBAAgF"}

package/src/core/design-token/renderers/design-token.renderer.interface.d.ts

@@ -0,0 +1,56 @@
+import type { DesignTokenVariableStructure } from '../parsers';
+import type { Logger } from '@o3r/core';
+/**
+ * Updater function to append the rendered variable into a file content
+ * @param variables List of rendered variables to append
+ * @param file Path to the file to edit
+ * @param styleContent current content where to append the variables
+ * @returns new content
+ */
+export type DesignContentFileUpdater = (variables: string[], file: string, styleContent?: string) => string;
+/**
+ * Render the Design Token variable
+ * @param tokenStructure Parsed Design Token
+ * @param variableSet Complete list of the parsed Design Token
+ */
+export type TokenDefinitionRenderer = (tokenStructure: DesignTokenVariableStructure, variableSet: Map<string, DesignTokenVariableStructure>) => string | undefined;
+/**
+ * Options of the Design Token Renderer value
+ */
+export interface DesignTokenRendererOptions {
+    /** Custom Style Content updated function */
+    styleContentUpdater?: DesignContentFileUpdater;
+    /**
+     * Custom function to determine the file to update for a given Design Token
+     * @param token Design Token Variable
+     */
+    determineFileToUpdate?: (token: DesignTokenVariableStructure) => string;
+    /** Custom function to render the Design Token variable */
+    tokenDefinitionRenderer?: TokenDefinitionRenderer;
+    /**
+     * Custom function to read a file required by the token renderer
+     * @default {@see fs.promises.readFile}
+     * @param filePath Path to the file to read
+     */
+    readFile?: (filePath: string) => string | Promise<string>;
+    /**
+     * Custom function to determine if file required by the token renderer exists
+     * @default {@see fs.existsSync}
+     * @param filePath Path to the file to check
+     * @returns
+     */
+    existsFile?: (filePath: string) => boolean;
+    /**
+     * Custom function to write a file required by the token renderer
+     * @default {@see fs.promise.writeFile}
+     * @param filePath Path to the file to write
+     * @param content Content to write
+     */
+    writeFile?: (filePath: string, content: string) => void | Promise<void>;
+    /**
+     * Custom logger
+     * Nothing will be logged if not provided
+     */
+    logger?: Logger;
+}
+//# sourceMappingURL=design-token.renderer.interface.d.ts.map

package/src/core/design-token/renderers/design-token.renderer.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token.renderer.interface.d.ts","sourceRoot":"","sources":["../../../../../src/core/design-token/renderers/design-token.renderer.interface.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAC/D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAExC;;;;;;GAMG;AACH,MAAM,MAAM,wBAAwB,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;AAE5G;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,GAAG,CAAC,cAAc,EAAE,4BAA4B,EAAE,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,4BAA4B,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;AAEnK;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAE/C;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,MAAM,CAAC;IAExE,0DAA0D;IAC1D,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;IAElD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAE1D;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IAE3C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/src/core/design-token/renderers/design-token.renderer.interface.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=design-token.renderer.interface.js.map

package/src/core/design-token/renderers/design-token.renderer.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token.renderer.interface.js","sourceRoot":"","sources":["../../../../../src/core/design-token/renderers/design-token.renderer.interface.ts"],"names":[],"mappings":""}

package/src/core/design-token/renderers/index.d.ts

@@ -0,0 +1,7 @@
+export * from './design-token-style.renderer';
+export * from './design-token.renderer.interface';
+export * from './design-token-style.renderer';
+export * from './metadata/index';
+export * from './css/index';
+export * from './sass/index';
+//# sourceMappingURL=index.d.ts.map

package/src/core/design-token/renderers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core/design-token/renderers/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/src/core/design-token/renderers/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./design-token-style.renderer"), exports);
+tslib_1.__exportStar(require("./design-token.renderer.interface"), exports);
+tslib_1.__exportStar(require("./design-token-style.renderer"), exports);
+tslib_1.__exportStar(require("./metadata/index"), exports);
+tslib_1.__exportStar(require("./css/index"), exports);
+tslib_1.__exportStar(require("./sass/index"), exports);
+//# sourceMappingURL=index.js.map

package/src/core/design-token/renderers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/design-token/renderers/index.ts"],"names":[],"mappings":";;;AAAA,wEAA8C;AAC9C,4EAAkD;AAClD,wEAA8C;AAC9C,2DAAiC;AACjC,sDAA4B;AAC5B,uDAA6B"}

package/src/core/design-token/renderers/metadata/design-token-definition.renderers.d.ts

@@ -0,0 +1,39 @@
+import type { TokenKeyRenderer, TokenValueRenderer } from '../../parsers/design-token-parser.interface';
+import type { TokenDefinitionRenderer } from '../design-token.renderer.interface';
+/** Options for {@link getMetadataTokenDefinitionRenderer} */
+export interface MetadataTokenDefinitionRendererOptions {
+    /** Custom Design Token value renderer */
+    tokenValueRenderer?: TokenValueRenderer;
+    /**
+     * Renderer the name of the CSS Variable (without initial --)
+     */
+    tokenVariableNameRenderer?: TokenKeyRenderer;
+}
+/**
+ * Retrieve the Design Token Variable renderer for Metadata
+ * @param options
+ * @example Customize metadata renderer
+ * ```typescript
+ * const getCustomMetadataTokenValueRenderer = (options?: MetadataTokenValueRendererOptions): TokenValueRenderer => {
+ *   const defaultMetadataRender = getMetadataTokenValueRenderer(options);
+ *   return  (variable, variableSet) => {
+ *     const defaultMetadataObj = JSON.parse(defaultMetadataRender(variable, variableSet));
+ *     // Add custom field
+ *     defaultMetadataObj.myField = 'custom value';
+ *     return JSON.stringify(defaultMetadataObj);
+ *   };
+ * };
+ *
+ * // List of Design Token item parsed
+ * // List of parsed Design Token items
+ *
+ * const tokenValueRenderer = getCustomMetadataTokenValueRenderer();
+ *
+ * const metadataTokenDefinitionRenderer = getMetadataTokenDefinitionRenderer({ tokenValueRenderer });
+ *
+ * // Render the Metadata file
+ * await renderDesignTokens(parsedTokenDesign, { tokenDefinitionRenderer: lessTokenDefinitionRenderer });
+ * ```
+ */
+export declare const getMetadataTokenDefinitionRenderer: (options?: MetadataTokenDefinitionRendererOptions) => TokenDefinitionRenderer;
+//# sourceMappingURL=design-token-definition.renderers.d.ts.map

package/src/core/design-token/renderers/metadata/design-token-definition.renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-definition.renderers.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/metadata/design-token-definition.renderers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgC,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACtI,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAIlF,6DAA6D;AAC7D,MAAM,WAAW,sCAAsC;IACrD,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IAExC;;OAEG;IACH,yBAAyB,CAAC,EAAE,gBAAgB,CAAC;CAC9C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,kCAAkC,aAAc,sCAAsC,KAAG,uBASrG,CAAC"}

package/src/core/design-token/renderers/metadata/design-token-definition.renderers.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMetadataTokenDefinitionRenderer = void 0;
+const design_token_value_renderers_1 = require("./design-token-value.renderers");
+/**
+ * Retrieve the Design Token Variable renderer for Metadata
+ * @param options
+ * @example Customize metadata renderer
+ * ```typescript
+ * const getCustomMetadataTokenValueRenderer = (options?: MetadataTokenValueRendererOptions): TokenValueRenderer => {
+ *   const defaultMetadataRender = getMetadataTokenValueRenderer(options);
+ *   return  (variable, variableSet) => {
+ *     const defaultMetadataObj = JSON.parse(defaultMetadataRender(variable, variableSet));
+ *     // Add custom field
+ *     defaultMetadataObj.myField = 'custom value';
+ *     return JSON.stringify(defaultMetadataObj);
+ *   };
+ * };
+ *
+ * // List of Design Token item parsed
+ * // List of parsed Design Token items
+ *
+ * const tokenValueRenderer = getCustomMetadataTokenValueRenderer();
+ *
+ * const metadataTokenDefinitionRenderer = getMetadataTokenDefinitionRenderer({ tokenValueRenderer });
+ *
+ * // Render the Metadata file
+ * await renderDesignTokens(parsedTokenDesign, { tokenDefinitionRenderer: lessTokenDefinitionRenderer });
+ * ```
+ */
+const getMetadataTokenDefinitionRenderer = (options) => {
+    const tokenVariableNameRenderer = options?.tokenVariableNameRenderer;
+    const tokenValueRenderer = options?.tokenValueRenderer || (0, design_token_value_renderers_1.getMetadataTokenValueRenderer)({ tokenVariableNameRenderer });
+    const renderer = (variable, variableSet) => {
+        const variableValue = tokenValueRenderer(variable, variableSet);
+        return `"${JSON.parse(variableValue).name}": ${variableValue}`;
+    };
+    return renderer;
+};
+exports.getMetadataTokenDefinitionRenderer = getMetadataTokenDefinitionRenderer;
+//# sourceMappingURL=design-token-definition.renderers.js.map

package/src/core/design-token/renderers/metadata/design-token-definition.renderers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-definition.renderers.js","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/metadata/design-token-definition.renderers.ts"],"names":[],"mappings":";;;AAEA,iFAA+E;AAc/E;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACI,MAAM,kCAAkC,GAAG,CAAC,OAAgD,EAA2B,EAAE;IAC9H,MAAM,yBAAyB,GAAG,OAAO,EAAE,yBAAyB,CAAC;IACrE,MAAM,kBAAkB,GAAG,OAAO,EAAE,kBAAkB,IAAI,IAAA,4DAA6B,EAAC,EAAE,yBAAyB,EAAE,CAAC,CAAC;IAEvH,MAAM,QAAQ,GAAG,CAAC,QAAsC,EAAE,WAAsD,EAAE,EAAE;QAClH,MAAM,aAAa,GAAG,kBAAkB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QAChE,OAAO,IAAK,IAAI,CAAC,KAAK,CAAC,aAAa,CAAiB,CAAC,IAAI,MAAM,aAAa,EAAE,CAAC;IAClF,CAAC,CAAC;IACF,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AATW,QAAA,kCAAkC,sCAS7C"}

package/src/core/design-token/renderers/metadata/design-token-updater.renderers.d.ts

@@ -0,0 +1,6 @@
+import type { DesignContentFileUpdater } from '../design-token.renderer.interface';
+/**
+ * Retrieve a Content Updater function for Metadata generator
+ */
+export declare const getMetadataStyleContentUpdater: () => DesignContentFileUpdater;
+//# sourceMappingURL=design-token-updater.renderers.d.ts.map

package/src/core/design-token/renderers/metadata/design-token-updater.renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-updater.renderers.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/metadata/design-token-updater.renderers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAEnF;;GAEG;AACH,eAAO,MAAM,8BAA8B,QAAO,wBAIjD,CAAC"}

package/src/core/design-token/renderers/metadata/design-token-updater.renderers.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMetadataStyleContentUpdater = void 0;
+/**
+ * Retrieve a Content Updater function for Metadata generator
+ */
+const getMetadataStyleContentUpdater = () => {
+    return (variables) => {
+        return JSON.stringify(JSON.parse(`{"variables":{${variables.join(',')}}}`), null, 2);
+    };
+};
+exports.getMetadataStyleContentUpdater = getMetadataStyleContentUpdater;
+//# sourceMappingURL=design-token-updater.renderers.js.map

package/src/core/design-token/renderers/metadata/design-token-updater.renderers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-updater.renderers.js","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/metadata/design-token-updater.renderers.ts"],"names":[],"mappings":";;;AAEA;;GAEG;AACI,MAAM,8BAA8B,GAAG,GAA6B,EAAE;IAC3E,OAAO,CAAC,SAAmB,EAAE,EAAE;QAC7B,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACvF,CAAC,CAAC;AACJ,CAAC,CAAC;AAJW,QAAA,8BAA8B,kCAIzC"}

package/src/core/design-token/renderers/metadata/design-token-value.renderers.d.ts

@@ -0,0 +1,18 @@
+import type { TokenKeyRenderer, TokenValueRenderer } from '../../parsers/design-token-parser.interface';
+/** Options for {@link getMetadataTokenValueRenderer} */
+export interface MetadataTokenValueRendererOptions {
+    /**
+     * Custom CSS Design Token value renderer
+     */
+    cssValueRenderer?: TokenValueRenderer;
+    /**
+     * Renderer the name of the CSS Variable (without initial --)
+     */
+    tokenVariableNameRenderer?: TokenKeyRenderer;
+}
+/**
+ * Retrieve the Design Token value renderer
+ * @param options
+ */
+export declare const getMetadataTokenValueRenderer: (options?: MetadataTokenValueRendererOptions) => TokenValueRenderer;
+//# sourceMappingURL=design-token-value.renderers.d.ts.map

package/src/core/design-token/renderers/metadata/design-token-value.renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-value.renderers.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/metadata/design-token-value.renderers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgC,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AAItI,wDAAwD;AACxD,MAAM,WAAW,iCAAiC;IAChD;;OAEG;IACH,gBAAgB,CAAC,EAAE,kBAAkB,CAAC;IAEtC;;OAEG;IACH,yBAAyB,CAAC,EAAE,gBAAgB,CAAC;CAC9C;AAED;;;GAGG;AACH,eAAO,MAAM,6BAA6B,aAAc,iCAAiC,KAAG,kBAkB3F,CAAC"}

package/src/core/design-token/renderers/metadata/design-token-value.renderers.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMetadataTokenValueRenderer = void 0;
+const css_1 = require("../css");
+/**
+ * Retrieve the Design Token value renderer
+ * @param options
+ */
+const getMetadataTokenValueRenderer = (options) => {
+    const tokenVariableNameRenderer = options?.tokenVariableNameRenderer;
+    const cssValueRenderer = options?.cssValueRenderer || (0, css_1.getCssTokenValueRenderer)({ tokenVariableNameRenderer });
+    const renderer = (variable, variableSet) => {
+        const cssType = variable.getType(variableSet);
+        const variableValue = {
+            name: variable.getKey(tokenVariableNameRenderer),
+            defaultValue: cssValueRenderer(variable, variableSet),
+            description: variable.description,
+            references: variable.getReferencesNode(variableSet).map((node) => JSON.parse(renderer(node, variableSet))),
+            type: cssType !== 'color' ? 'string' : 'color',
+            ...variable.extensions.o3rMetadata
+        };
+        return JSON.stringify(variableValue);
+    };
+    return renderer;
+};
+exports.getMetadataTokenValueRenderer = getMetadataTokenValueRenderer;
+//# sourceMappingURL=design-token-value.renderers.js.map

package/src/core/design-token/renderers/metadata/design-token-value.renderers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-value.renderers.js","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/metadata/design-token-value.renderers.ts"],"names":[],"mappings":";;;AAEA,gCAAkD;AAelD;;;GAGG;AACI,MAAM,6BAA6B,GAAG,CAAC,OAA2C,EAAsB,EAAE;IAC/G,MAAM,yBAAyB,GAAG,OAAO,EAAE,yBAAyB,CAAC;IACrE,MAAM,gBAAgB,GAAG,OAAO,EAAE,gBAAgB,IAAI,IAAA,8BAAwB,EAAC,EAAC,yBAAyB,EAAC,CAAC,CAAC;IAE5G,MAAM,QAAQ,GAAG,CAAC,QAAsC,EAAE,WAAsD,EAAE,EAAE;QAClH,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAC9C,MAAM,aAAa,GAAgB;YACjC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,yBAAyB,CAAC;YAChD,YAAY,EAAE,gBAAgB,CAAC,QAAQ,EAAE,WAAW,CAAC;YACrD,WAAW,EAAE,QAAQ,CAAC,WAAW;YACjC,UAAU,EAAE,QAAQ,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;YAC1G,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;YAC9C,GAAG,QAAQ,CAAC,UAAU,CAAC,WAAW;SACnC,CAAC;QAEF,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IACvC,CAAC,CAAC;IACF,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAlBW,QAAA,6BAA6B,iCAkBxC"}

package/src/core/design-token/renderers/metadata/index.d.ts

@@ -0,0 +1,4 @@
+export * from './design-token-definition.renderers';
+export * from './design-token-value.renderers';
+export * from './design-token-updater.renderers';
+//# sourceMappingURL=index.d.ts.map

package/src/core/design-token/renderers/metadata/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/metadata/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC"}