@maggioli-design-system/design-tokens/dist/src/lib/utils.mjs

This is the Design Token library of Maggioli Design System, here you'll find all the visual data used around the libraries.

import StyleDictionary from 'style-dictionary';
import { flutterColorFormat, cssHexFormat, cssRgbFormat, jsFormat, jsTailwindColorsFormat, jsonCoolorsFormat, jsTailwindFontFamilyFormat, flutterFontFormat, flutterFontWeightTransform, flutterToDoubleTransform, jsTailwindFontSizeFormat, jsTailwindLeadingFormat, jsTailwindPropsFormat, jsTailwindScreensFormat, tailwindcssAspetctRationTransform, tailwindPxToRemTransform, cssTailwindThemeTypography, cssVarsTypographyFormat, tailwindCss4Filter, cssTailwindThemeColor, cssVarsTransitionsFormat, } from '../formats/index.js';
import { getBrandColorConfig } from '../config/styledictionary/sd-brand-color.config.js';
import chalk from 'chalk';
import pkg from 'fs-extra';
import { resolve } from 'path';
import { lilconfig } from 'lilconfig';
// importing for esm
const { mkdir, writeFile } = pkg;
export async function getColorsConfig(path) {
    if (path)
        return lilconfig('magma-design-tokens').load(path);
    return lilconfig('magma-design-tokens', {}).search();
}
export async function writeJsonTokens(tokens, name, dirPath) {
    if (!dirPath) {
        throw new Error('dirPath is required');
    }
    const jsonTokens = JSON.stringify(tokens, null, 2);
    await mkdir(dirPath, { recursive: true });
    try {
        await writeFile(resolve(`${dirPath}/${name}.json`), jsonTokens, 'utf8');
    }
    catch (err) {
        console.error(chalk.red('An error occured while writing JSON Object to File.'));
        console.error(chalk.red(err));
    }
}
/**
 * Export colors with base style dictionary configuration (see config/sd-brand-color.config.ts)
 * @param tokens
 * @param fileName the suffix of generated files
 * @param outputDir output directory
 * @param platform array of platform that needs to build, if undefined build all platform for colors (css, dart, js)
 */
export function exportColors(tokens, fileName, outputDir, platform) {
    const s = StyleDictionary.registerFormat(cssHexFormat)
        .registerFormat(cssRgbFormat)
        .registerFormat(jsTailwindColorsFormat)
        .registerFormat(flutterColorFormat)
        .extend(getBrandColorConfig(fileName, tokens, outputDir));
    if (platform) {
        platform.forEach(p => s.buildPlatform(p));
    }
    else {
        s.buildAllPlatforms();
    }
}
export function getStyleDictionaryWithAllCustomTransform() {
    return (StyleDictionary
        // COLOR
        .registerFormat(jsFormat)
        .registerFormat(jsTailwindColorsFormat)
        .registerFormat(flutterColorFormat)
        .registerFormat(cssHexFormat)
        .registerFormat(cssRgbFormat)
        .registerFormat(cssTailwindThemeColor)
        .registerFormat(jsonCoolorsFormat)
        // FONT
        .registerFormat(flutterFontFormat)
        .registerFormat(jsTailwindFontFamilyFormat)
        .registerFormat(jsTailwindFontSizeFormat)
        .registerFormat(jsTailwindLeadingFormat)
        .registerFormat(jsTailwindScreensFormat)
        .registerFormat(jsTailwindPropsFormat)
        .registerFormat(cssTailwindThemeTypography)
        .registerFormat(cssVarsTypographyFormat)
        // TRANSITIONS
        .registerFormat(cssVarsTransitionsFormat)
        // transform for flutter font
        .registerTransform(flutterFontWeightTransform)
        .registerTransform(flutterToDoubleTransform)
        // transform for tailwind props
        .registerTransform(tailwindcssAspetctRationTransform)
        .registerTransform(tailwindPxToRemTransform)
        // filter for tailwind4 props
        .registerFilter(tailwindCss4Filter));
}
/**
 * Deep merge of two object
 *
 * @param {object} target
 * @param {object} source
 * @returns {object} object merged
 */
export function deepMerge(target, source) {
    const isObject = (obj) => obj !== null && typeof obj === 'object' && !Array.isArray(obj);
    if (isObject(target) && isObject(source)) {
        for (const key in source) {
            if (isObject(source[key])) {
                if (!target[key]) {
                    target[key] = {};
                }
                deepMerge(target[key], source[key]);
            }
            else {
                target[key] = source[key];
            }
        }
    }
    return target;
}