@apify/ui-library 0.76.1 → 0.76.2-featcolortokens-178953.21

package/src/design_system/generate_color_definitions.js

@@ -1,44 +0,0 @@
-import { readFileSync } from 'node:fs';
-
-const code = readFileSync('./src/design_system/supernova_color_tokens.json', 'utf-8');
-
-const colorsDefinitions = JSON.parse(code);
-
-const getObjectValueByPath = (obj, path) => {
-    return path.split('.').reduce((acc, part) => {
-        return acc && acc[part];
-    }, obj);
-};
-
-const getColorPropertyName = (semanticCategory, property) => {
-    const semanticColorName = `${property.split(/[_ ]/).map((semanticPartName) => semanticPartName.toLowerCase()).join('-')}`;
-
-    // lower case and replace spaces with dashes
-    const semanticCategoryName = semanticCategory.toLowerCase().split(' ').join('-');
-
-    return `--color-${semanticCategoryName}-${semanticColorName}`;
-};
-
-const generateColorDefinitions = (themeVariant) => {
-    const mergedPalette = {
-        ...colorsDefinitions[themeVariant].Semantic,
-        ...colorsDefinitions[themeVariant].Decorative,
-    };
-
-    const colorDefinitions = [];
-    for (const [semanticCategory, palette] of Object.entries(mergedPalette)) {
-        for (const [key, { value }] of Object.entries(palette)) {
-            colorDefinitions.push(
-
-                `${getColorPropertyName(semanticCategory, key)}: ${value.startsWith('#') ? value : getObjectValueByPath(colorsDefinitions[themeVariant], value.slice(1, -1)).value};`,
-            );
-        }
-    }
-
-    return colorDefinitions.join('\n');
-};
-
-['light', 'dark'].forEach((themeVariant) => {
-    // eslint-disable-next-line no-console
-    console.log(`\n*** CSS variables from ${themeVariant} mode ***\n`, generateColorDefinitions(themeVariant));
-});