@semcore/core 17.0.0-prerelease.20-prerelease.20 → 17.0.0-prerelease.21

package/lib/styled/sstyled.mjs

@@ -1,28 +1,25 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _cn from "classnames";
+import cn from "classnames";
 import { getStyles as getStyles$1 } from "./reshadow-core.mjs";
-var RESHADOW_ID = "__reshadow__";
-var isSSR = !(typeof window !== "undefined" && window.document && window.document.createElement);
-var serverMap = getStyles$1().map;
-var getStyles = function getStyles2() {
-  return {
-    map: serverMap,
-    get css() {
-      var serverStyles = "";
-      for (var id in serverMap) {
-        serverStyles += "<style type='text/css' id='".concat(id, "'>").concat(serverMap[id], "</style>");
-      }
-      return serverStyles;
+const RESHADOW_ID = "__reshadow__";
+const isSSR = !(typeof window !== "undefined" && window.document && window.document.createElement);
+const serverMap = getStyles$1().map;
+const getStyles = () => ({
+  map: serverMap,
+  get css() {
+    let serverStyles = "";
+    for (const id in serverMap) {
+      serverStyles += `<style type='text/css' id='${id}'>${serverMap[id]}</style>`;
     }
-  };
-};
+    return serverStyles;
+  }
+});
 function insert(code, hash) {
-  var id = "reshadow-".concat(hash);
+  const id = "reshadow-".concat(hash);
   if (isSSR) {
     serverMap[id] = code;
     return;
   }
-  var container = document.getElementById(RESHADOW_ID);
+  let container = document.getElementById(RESHADOW_ID);
   if (!container) {
     container = document.createElement("object");
     container.id = RESHADOW_ID;
@@ -34,7 +31,7 @@ function insert(code, hash) {
       });
     }
   }
-  var css = document.getElementById(id);
+  let css = document.getElementById(id);
   if (!css) {
     css = document.createElement("style");
     css.id = id;
@@ -43,35 +40,30 @@ function insert(code, hash) {
   }
   css.innerHTML = code;
 }
-function merge() {
-  var s1 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  var s2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  return Object.entries(s2).reduce(function(acc, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2), key = _ref2[0], value = _ref2[1];
+function merge(s1 = {}, s2 = {}) {
+  return Object.entries(s2).reduce((acc, [key, value]) => {
     if (key.startsWith("@") || key.startsWith("--")) {
       acc[key] = value;
     } else {
-      acc[key] = _cn(acc[key], value);
+      acc[key] = cn(acc[key], value);
     }
     return acc;
   }, Object.assign({}, s1));
 }
 function getClassAndVars(styles, name, props) {
   function getPropValue(key, props2) {
-    var _props;
-    return (_props = props2["use:".concat(key)]) !== null && _props !== void 0 ? _props : props2[key];
+    return props2[`use:${key}`] ?? props2[key];
   }
-  return Object.entries(styles).reduce(function(acc, _ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2), key = _ref4[0], value = _ref4[1];
+  return Object.entries(styles).reduce((acc, [key, value]) => {
     if (key.startsWith("--")) {
       acc[1][value] = getPropValue(key.substring(2), props);
     } else if (name === key) {
       acc[0][value] = true;
     } else {
-      var _key$split = key.split("="), _key$split2 = _slicedToArray(_key$split, 2), mod = _key$split2[0], modValue = _key$split2[1];
-      var propValue = getPropValue(mod, props);
+      const [mod, modValue] = key.split("=");
+      const propValue = getPropValue(mod, props);
       if (modValue === void 0) {
-        acc[0][value] = Boolean(propValue !== null && propValue !== void 0 ? propValue : false);
+        acc[0][value] = Boolean(propValue ?? false);
       } else {
         acc[0][value] = propValue == modValue;
       }
@@ -79,14 +71,13 @@ function getClassAndVars(styles, name, props) {
     return acc;
   }, [{}, {}]);
 }
-var reshadowMap = /* @__PURE__ */ new WeakMap();
+const reshadowMap = /* @__PURE__ */ new WeakMap();
 function reshadowToShadow(obj) {
   if (reshadowMap.has(obj)) {
     return reshadowMap.get(obj);
   }
-  var shadowStyle = Object.entries(obj).reduce(function(style, _ref5) {
-    var _ref6 = _slicedToArray(_ref5, 2), name = _ref6[0], value = _ref6[1];
-    var n = name;
+  const shadowStyle = Object.entries(obj).reduce((style, [name, value]) => {
+    let n = name;
     if (name.startsWith("__")) {
       n = name.replace(/^__/, "");
     } else if (name.startsWith("_")) {
@@ -98,13 +89,12 @@ function reshadowToShadow(obj) {
   reshadowMap.set(obj, shadowStyle);
   return shadowStyle;
 }
-function sstyled() {
-  var styles = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+function sstyled(styles = {}) {
   return {
-    cn: function cn(name, props) {
-      var _getClassAndVars = getClassAndVars(reshadowToShadow(styles), name, props), _getClassAndVars2 = _slicedToArray(_getClassAndVars, 2), classes = _getClassAndVars2[0], style = _getClassAndVars2[1];
+    cn(name, props) {
+      const [classes, style] = getClassAndVars(reshadowToShadow(styles), name, props);
       if (Object.keys(classes).length) {
-        props.className = _cn(props.className, classes);
+        props.className = cn(props.className, classes);
       }
       if (Object.keys(style).length) {
         props.style = Object.assign(style, props.style);

package/lib/styled/sstyled.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sstyled.mjs","names":["cn","getStyles","reshadowGetStyles","RESHADOW_ID","isSSR","window","document","createElement","serverMap","map","css","serverStyles","id","concat","insert","code","hash","container","getElementById","head","appendChild","addEventListener","type","innerHTML","merge","s1","arguments","length","undefined","s2","Object","entries","reduce","acc","_ref","_ref2","_slicedToArray","key","value","startsWith","assign","getClassAndVars","styles","name","props","getPropValue","_props","_ref3","_ref4","substring","_key$split","split","_key$split2","mod","modValue","propValue","Boolean","reshadowMap","WeakMap","reshadowToShadow","obj","has","get","shadowStyle","style","_ref5","_ref6","n","replace","set","sstyled","_getClassAndVars","_getClassAndVars2","classes","keys","className","_css","Error","SHADOW_STYLES","Symbol"],"sources":["../../src/styled/sstyled.tsx"],"sourcesContent":["import cn from 'classnames';\nimport type React from 'react';\n\n/** @ts-ignore */\nimport { getStyles as reshadowGetStyles } from './reshadow-core';\n\nconst RESHADOW_ID = '__reshadow__';\n\nconst isSSR = !(typeof window !== 'undefined' && window.document && window.document.createElement);\n\nconst serverMap = reshadowGetStyles().map as any;\n\nconst getStyles = () => ({\n  map: serverMap,\n  get css() {\n    let serverStyles = '';\n    for (const id in serverMap) {\n      serverStyles += `<style type='text/css' id='${id}'>${serverMap[id]}</style>`;\n    }\n    return serverStyles;\n  },\n});\n\nfunction insert(code: any, hash: any) {\n  const id = 'reshadow-'.concat(hash);\n\n  if (isSSR) {\n    serverMap[id] = code;\n    return;\n  }\n\n  let container = document.getElementById(RESHADOW_ID);\n\n  if (!container) {\n    container = document.createElement('object');\n    container.id = RESHADOW_ID;\n\n    if (document.head) {\n      document.head.appendChild(container);\n    } else {\n      document.addEventListener('DOMContentLoaded', function () {\n        document.head.appendChild(container as any);\n      });\n    }\n  }\n\n  let css = document.getElementById(id);\n\n  if (!css) {\n    css = document.createElement('style');\n    css.id = id;\n    // @ts-ignore\n    css.type = 'text/css';\n    container.appendChild(css);\n  }\n\n  css.innerHTML = code;\n}\n\nfunction merge(s1 = {}, s2 = {}) {\n  return Object.entries(s2).reduce((acc: any, [key, value]: any) => {\n    if (key.startsWith('@') || key.startsWith('--')) {\n      acc[key] = value;\n    } else {\n      acc[key] = cn(acc[key], value);\n    }\n    return acc;\n  }, Object.assign({}, s1));\n}\n\nfunction getClassAndVars(styles: any, name: any, props: any) {\n  function getPropValue(key: any, props: any) {\n    return props[`use:${key}`] ?? props[key];\n  }\n\n  return Object.entries(styles).reduce(\n    (acc, [key, value]) => {\n      if (key.startsWith('--')) {\n        // @ts-ignore\n        acc[1][value] = getPropValue(key.substring(2), props);\n      } else if (name === key) {\n        // @ts-ignore\n        acc[0][value] = true;\n      } else {\n        const [mod, modValue] = key.split('=');\n        const propValue = getPropValue(mod, props);\n        if (modValue === undefined) {\n          // @ts-ignore\n          acc[0][value] = Boolean(propValue ?? false);\n        } else {\n          // @ts-ignore\n\n          acc[0][value] = propValue == modValue;\n        }\n      }\n      return acc;\n    },\n    [{}, {}],\n  );\n}\n\nconst reshadowMap = new WeakMap();\n\nfunction reshadowToShadow(obj: any) {\n  if (reshadowMap.has(obj)) {\n    return reshadowMap.get(obj);\n  }\n\n  const shadowStyle = Object.entries(obj).reduce((style: any, [name, value]) => {\n    let n = name;\n    if (name.startsWith('__')) {\n      n = name.replace(/^__/, '');\n    } else if (name.startsWith('_')) {\n      n = name.replace(/^_/, '').replace('_', '=');\n    }\n    style[n] = value;\n    return style;\n  }, {});\n\n  reshadowMap.set(obj, shadowStyle);\n\n  return shadowStyle;\n}\n\nfunction sstyled(styles = {}): ((ReactNode: any) => React.ReactNode) & {\n  cn(name: string, props: any): any;\n} {\n  // @ts-ignore\n  return {\n    cn(name, props) {\n      const [classes, style] = getClassAndVars(reshadowToShadow(styles), name, props);\n\n      if (Object.keys(classes).length) {\n        props.className = cn(props.className, classes);\n      }\n\n      if (Object.keys(style).length) {\n        props.style = Object.assign(style, props.style);\n      }\n\n      return props;\n    },\n  };\n}\n\nsstyled.css = function (_css: any): { [key: string]: string } {\n  throw new Error('Enable babel plugin');\n};\nsstyled.insert = insert;\nsstyled.merge = merge;\nsstyled.getStyles = getStyles;\nsstyled.SHADOW_STYLES = Symbol('SHADOW_STYLES');\n\nexport { sstyled };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"sstyled.mjs","names":["cn","getStyles","reshadowGetStyles","RESHADOW_ID","isSSR","window","document","createElement","serverMap","map","css","serverStyles","id","insert","code","hash","concat","container","getElementById","head","appendChild","addEventListener","type","innerHTML","merge","s1","s2","Object","entries","reduce","acc","key","value","startsWith","assign","getClassAndVars","styles","name","props","getPropValue","substring","mod","modValue","split","propValue","undefined","Boolean","reshadowMap","WeakMap","reshadowToShadow","obj","has","get","shadowStyle","style","n","replace","set","sstyled","classes","keys","length","className","_css","Error","SHADOW_STYLES","Symbol"],"sources":["../../src/styled/sstyled.tsx"],"sourcesContent":["import cn from 'classnames';\nimport type React from 'react';\n\n/** @ts-ignore */\nimport { getStyles as reshadowGetStyles } from './reshadow-core';\n\nconst RESHADOW_ID = '__reshadow__';\n\nconst isSSR = !(typeof window !== 'undefined' && window.document && window.document.createElement);\n\nconst serverMap = reshadowGetStyles().map as any;\n\nconst getStyles = () => ({\n  map: serverMap,\n  get css() {\n    let serverStyles = '';\n    for (const id in serverMap) {\n      serverStyles += `<style type='text/css' id='${id}'>${serverMap[id]}</style>`;\n    }\n    return serverStyles;\n  },\n});\n\nfunction insert(code: any, hash: any) {\n  const id = 'reshadow-'.concat(hash);\n\n  if (isSSR) {\n    serverMap[id] = code;\n    return;\n  }\n\n  let container = document.getElementById(RESHADOW_ID);\n\n  if (!container) {\n    container = document.createElement('object');\n    container.id = RESHADOW_ID;\n\n    if (document.head) {\n      document.head.appendChild(container);\n    } else {\n      document.addEventListener('DOMContentLoaded', function () {\n        document.head.appendChild(container as any);\n      });\n    }\n  }\n\n  let css = document.getElementById(id);\n\n  if (!css) {\n    css = document.createElement('style');\n    css.id = id;\n    // @ts-ignore\n    css.type = 'text/css';\n    container.appendChild(css);\n  }\n\n  css.innerHTML = code;\n}\n\nfunction merge(s1 = {}, s2 = {}) {\n  return Object.entries(s2).reduce((acc: any, [key, value]: any) => {\n    if (key.startsWith('@') || key.startsWith('--')) {\n      acc[key] = value;\n    } else {\n      acc[key] = cn(acc[key], value);\n    }\n    return acc;\n  }, Object.assign({}, s1));\n}\n\nfunction getClassAndVars(styles: any, name: any, props: any) {\n  function getPropValue(key: any, props: any) {\n    return props[`use:${key}`] ?? props[key];\n  }\n\n  return Object.entries(styles).reduce(\n    (acc, [key, value]) => {\n      if (key.startsWith('--')) {\n        // @ts-ignore\n        acc[1][value] = getPropValue(key.substring(2), props);\n      } else if (name === key) {\n        // @ts-ignore\n        acc[0][value] = true;\n      } else {\n        const [mod, modValue] = key.split('=');\n        const propValue = getPropValue(mod, props);\n        if (modValue === undefined) {\n          // @ts-ignore\n          acc[0][value] = Boolean(propValue ?? false);\n        } else {\n          // @ts-ignore\n\n          acc[0][value] = propValue == modValue;\n        }\n      }\n      return acc;\n    },\n    [{}, {}],\n  );\n}\n\nconst reshadowMap = new WeakMap();\n\nfunction reshadowToShadow(obj: any) {\n  if (reshadowMap.has(obj)) {\n    return reshadowMap.get(obj);\n  }\n\n  const shadowStyle = Object.entries(obj).reduce((style: any, [name, value]) => {\n    let n = name;\n    if (name.startsWith('__')) {\n      n = name.replace(/^__/, '');\n    } else if (name.startsWith('_')) {\n      n = name.replace(/^_/, '').replace('_', '=');\n    }\n    style[n] = value;\n    return style;\n  }, {});\n\n  reshadowMap.set(obj, shadowStyle);\n\n  return shadowStyle;\n}\n\nfunction sstyled(styles = {}): ((ReactNode: any) => React.ReactNode) & {\n  cn(name: string, props: any): any;\n} {\n  // @ts-ignore\n  return {\n    cn(name, props) {\n      const [classes, style] = getClassAndVars(reshadowToShadow(styles), name, props);\n\n      if (Object.keys(classes).length) {\n        props.className = cn(props.className, classes);\n      }\n\n      if (Object.keys(style).length) {\n        props.style = Object.assign(style, props.style);\n      }\n\n      return props;\n    },\n  };\n}\n\nsstyled.css = function (_css: any): { [key: string]: string } {\n  throw new Error('Enable babel plugin');\n};\nsstyled.insert = insert;\nsstyled.merge = merge;\nsstyled.getStyles = getStyles;\nsstyled.SHADOW_STYLES = Symbol('SHADOW_STYLES');\n\nexport { sstyled };\n"],"mappings":"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","ignoreList":[]}

package/lib/theme/processor.js

@@ -1,14 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.writeIfChanged = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _nodeChild_process = require("node:child_process");
 var _promises = _interopRequireDefault(require("node:fs/promises"));
 var _nodePath = require("node:path");
@@ -17,197 +13,147 @@ var _fastGlob = _interopRequireDefault(require("fast-glob"));
 var _postcss = _interopRequireDefault(require("postcss"));
 var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
 var _utils = require("./utils");
-var writeIfChanged = exports.writeIfChanged = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(path, content) {
-    var originalContent, _t;
-    return (0, _regenerator2["default"])().w(function (_context) {
-      while (1) switch (_context.p = _context.n) {
-        case 0:
-          _context.p = 0;
-          _context.n = 1;
-          return _promises["default"].readFile(path, 'utf-8');
-        case 1:
-          originalContent = _context.v;
-          if (!(originalContent.replace(/[\s\n]/g, '') === content.replace(/[\s\n]/g, ''))) {
-            _context.n = 2;
-            break;
-          }
-          return _context.a(2);
-        case 2:
-          _context.n = 4;
-          break;
-        case 3:
-          _context.p = 3;
-          _t = _context.v;
-        case 4:
-          _context.n = 5;
-          return _promises["default"].writeFile(path, content);
-        case 5:
-          return _context.a(2);
-      }
-    }, _callee, null, [[0, 3]]);
-  }));
-  return function writeIfChanged(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();
-var defaultTheme = 'light';
-var themes = ['light', 'dark'];
-var warning = !process.argv.includes('--no-warning');
-var dirname = (0, _nodePath.resolve)((0, _nodeUrl.fileURLToPath)(import.meta.url), '..');
-var autoTheme = {};
-var _loop = function _loop() {
-  var theme = _themes[_i];
-  var prefix = 'intergalactic';
-  var _JSON$parse = JSON.parse(await _promises["default"].readFile((0, _nodePath.resolve)(dirname, "./".concat(theme, ".json")), 'utf-8')),
-    base = _JSON$parse.base,
-    tokens = _JSON$parse.tokens,
-    featureHighlight = _JSON$parse.featureHighlight;
-  var processed = (0, _utils.processTokens)(base, tokens, featureHighlight, prefix);
-  var values = processed.values,
-    types = processed.types,
-    rawValues = processed.rawValues,
-    descriptions = processed.descriptions,
-    basicTokens = processed.basicTokens,
-    highlightsTokens = processed.highlightsTokens;
-  var processedTokens = processed.processedTokens;
-  await writeIfChanged("./semcore/core/src/theme/themes/".concat(theme, ".css"), (0, _utils.tokensToCss)(processedTokens));
-  await writeIfChanged("./semcore/core/src/theme/themes/".concat(theme, ".ts"), (0, _utils.tokensToJs)(processedTokens));
+const writeIfChanged = async (path, content) => {
+  try {
+    const originalContent = await _promises.default.readFile(path, 'utf-8');
+    if (originalContent.replace(/[\s\n]/g, '') === content.replace(/[\s\n]/g, '')) {
+      return;
+    }
+  } catch {}
+  await _promises.default.writeFile(path, content);
+};
+exports.writeIfChanged = writeIfChanged;
+const defaultTheme = 'light';
+const themes = ['light', 'dark'];
+const warning = !process.argv.includes('--no-warning');
+const dirname = (0, _nodePath.resolve)((0, _nodeUrl.fileURLToPath)(import.meta.url), '..');
+const autoTheme = {};
+for (const theme of themes) {
+  const prefix = 'intergalactic';
+  const {
+    base,
+    tokens,
+    featureHighlight
+  } = JSON.parse(await _promises.default.readFile((0, _nodePath.resolve)(dirname, `./${theme}.json`), 'utf-8'));
+  const processed = (0, _utils.processTokens)(base, tokens, featureHighlight, prefix);
+  const {
+    values,
+    types,
+    rawValues,
+    descriptions,
+    basicTokens,
+    highlightsTokens
+  } = processed;
+  const {
+    processedTokens
+  } = processed;
+  await writeIfChanged(`./semcore/core/src/theme/themes/${theme}.css`, (0, _utils.tokensToCss)(processedTokens));
+  await writeIfChanged(`./semcore/core/src/theme/themes/${theme}.ts`, (0, _utils.tokensToJs)(processedTokens));
   if (highlightsTokens.length > 0) {
-    await writeIfChanged("./semcore/core/src/theme/themes/highlights-".concat(theme, ".css"), (0, _utils.tokensToCss)(highlightsTokens));
-    await writeIfChanged("./semcore/core/src/theme/themes/highlights-".concat(theme, ".ts"), (0, _utils.tokensToJs)(highlightsTokens));
+    await writeIfChanged(`./semcore/core/src/theme/themes/highlights-${theme}.css`, (0, _utils.tokensToCss)(highlightsTokens));
+    await writeIfChanged(`./semcore/core/src/theme/themes/highlights-${theme}.ts`, (0, _utils.tokensToJs)(highlightsTokens));
   }
   autoTheme[theme] = processedTokens;
-  var usages = {};
+  const usages = {};
   if (theme === defaultTheme) {
     await writeIfChanged('./semcore/core/src/theme/themes/default.css', (0, _utils.tokensToCss)(processedTokens));
     await writeIfChanged('./semcore/core/src/theme/themes/default.ts', (0, _utils.tokensToJs)(processedTokens));
-    var projectCssPaths = (await (0, _fastGlob["default"])('./semcore/*/src/**/*.shadow.css', {
+    const projectCssPaths = (await (0, _fastGlob.default)('./semcore/*/src/**/*.shadow.css', {
       ignore: ['node_modules', 'lib']
-    })).filter(function (path) {
-      if (path.split('/').some(function (pathPart) {
-        return ['chart', 'email', 'table'].includes(pathPart);
-      })) {
+    })).filter(path => {
+      if (path.split('/').some(pathPart => ['chart', 'email', 'table'].includes(pathPart))) {
         return false;
       }
       return true;
     });
-    var projectCssContents = await Promise.all(projectCssPaths.map(function (path) {
-      return _promises["default"].readFile(path, 'utf-8');
-    }));
-    var usedVariables = {};
-    var colorLiterals = [];
-    var processedCss = await Promise.all(projectCssContents.map(function (cssContent, fileIndex) {
-      return (0, _postcss["default"])([{
-        postcssPlugin: 'variables-explored',
-        prepare: function prepare(result) {
-          var _traverseAst = function traverseAst(nodes) {
-            var _iterator = (0, _createForOfIteratorHelper2["default"])(nodes),
-              _step;
-            try {
-              var _loop2 = function _loop2() {
-                var node = _step.value;
-                if (node.nodes) {
-                  _traverseAst(node.nodes);
-                }
-                if (node.value) {
-                  var valueAst = (0, _postcssValueParser["default"])(node.value);
-                  var _traverseValueAst = function traverseValueAst(nodes, parent) {
-                    var _iterator2 = (0, _createForOfIteratorHelper2["default"])(nodes),
-                      _step2;
-                    try {
-                      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                        var _usages$withoutPrefix;
-                        var valueNode = _step2.value;
-                        if (valueNode.nodes) _traverseValueAst(valueNode.nodes, valueNode);
-                        if (valueNode.type === 'function' && valueNode.value === 'color-mod') {
-                          throw new Error("Found restricted function color-mod in ".concat(projectCssPaths[fileIndex]));
-                        }
-                        var parentIsVariable = (parent === null || parent === void 0 ? void 0 : parent.type) === 'function' && (parent === null || parent === void 0 ? void 0 : parent.value) === 'var';
-                        if (!parentIsVariable) {
-                          var prevNode = node.parent.nodes[node.parent.nodes.indexOf(node) - 1];
-                          var skipNode = (prevNode === null || prevNode === void 0 ? void 0 : prevNode.type) === 'comment' && prevNode.text.trim() === 'disable-tokens-validator';
-                          if (skipNode) continue;
-                          if (valueNode.type === 'word' && (valueNode.value.startsWith('#') || valueNode.value.startsWith('rgb'))) {
-                            var location = "".concat(node.source.start.line, ":").concat(node.source.start.offset);
-                            colorLiterals.push({
-                              path: "".concat(projectCssPaths[fileIndex], ":").concat(location),
-                              name: valueNode.value
-                            });
-                          }
-                          if (valueNode.type === 'word' && valueNode.value.endsWith('px') && (node.prop.includes('padding') || node.prop.includes('margin') || node.prop.includes('radius') || node.prop.includes('font-size'))) {
-                            var _location = "".concat(node.source.start.line, ":").concat(node.source.start.offset);
-                            colorLiterals.push({
-                              path: "".concat(projectCssPaths[fileIndex], ":").concat(_location),
-                              name: valueNode.value
-                            });
-                          }
-                        }
-                        if (valueNode.type !== 'function' || valueNode.value !== 'var') continue;
-                        var variableName = valueNode.nodes[0].value;
-                        if (!variableName.startsWith("--".concat(prefix))) {
-                          // if (legacyCssVariables[variableName] !== undefined) {
-                          //   legacyCssVariables[variableName]++;
-                          // }
-                          continue;
-                        }
-                        var hasDefault = valueNode.nodes.length === 3;
-                        if (!hasDefault) {
-                          valueNode.nodes.push({
-                            type: 'div',
-                            sourceIndex: -1,
-                            value: ',',
-                            before: '',
-                            after: ' '
-                          }, {
-                            type: 'word',
-                            sourceIndex: -1,
-                            value: ''
-                          });
-                        }
-                        var withoutPrefix = variableName.substring("--".concat(prefix, "-").length);
-                        usedVariables[withoutPrefix] = true;
-                        if (!values[withoutPrefix]) {
-                          throw new Error("Variable ".concat(variableName, " is used in project but not presented in design tokens list"));
-                        }
-                        valueNode.nodes[2].type = 'word';
-                        valueNode.nodes[2].value = values[withoutPrefix];
-                        valueNode.nodes[2].nodes = [];
-                        valueNode.nodes.length = 3;
-                        usages[withoutPrefix] = (_usages$withoutPrefix = usages[withoutPrefix]) !== null && _usages$withoutPrefix !== void 0 ? _usages$withoutPrefix : [];
-                        usages[withoutPrefix].push(projectCssPaths[fileIndex]);
-                      }
-                    } catch (err) {
-                      _iterator2.e(err);
-                    } finally {
-                      _iterator2.f();
+    const projectCssContents = await Promise.all(projectCssPaths.map(path => _promises.default.readFile(path, 'utf-8')));
+    const usedVariables = {};
+    const colorLiterals = [];
+    const processedCss = await Promise.all(projectCssContents.map((cssContent, fileIndex) => (0, _postcss.default)([{
+      postcssPlugin: 'variables-explored',
+      prepare: result => {
+        const traverseAst = nodes => {
+          for (const node of nodes) {
+            if (node.nodes) {
+              traverseAst(node.nodes);
+            }
+            if (node.value) {
+              const valueAst = (0, _postcssValueParser.default)(node.value);
+              const traverseValueAst = (nodes, parent) => {
+                for (const valueNode of nodes) {
+                  if (valueNode.nodes) traverseValueAst(valueNode.nodes, valueNode);
+                  if (valueNode.type === 'function' && valueNode.value === 'color-mod') {
+                    throw new Error(`Found restricted function color-mod in ${projectCssPaths[fileIndex]}`);
+                  }
+                  const parentIsVariable = parent?.type === 'function' && parent?.value === 'var';
+                  if (!parentIsVariable) {
+                    const prevNode = node.parent.nodes[node.parent.nodes.indexOf(node) - 1];
+                    const skipNode = prevNode?.type === 'comment' && prevNode.text.trim() === 'disable-tokens-validator';
+                    if (skipNode) continue;
+                    if (valueNode.type === 'word' && (valueNode.value.startsWith('#') || valueNode.value.startsWith('rgb'))) {
+                      const location = `${node.source.start.line}:${node.source.start.offset}`;
+                      colorLiterals.push({
+                        path: `${projectCssPaths[fileIndex]}:${location}`,
+                        name: valueNode.value
+                      });
+                    }
+                    if (valueNode.type === 'word' && valueNode.value.endsWith('px') && (node.prop.includes('padding') || node.prop.includes('margin') || node.prop.includes('radius') || node.prop.includes('font-size'))) {
+                      const location = `${node.source.start.line}:${node.source.start.offset}`;
+                      colorLiterals.push({
+                        path: `${projectCssPaths[fileIndex]}:${location}`,
+                        name: valueNode.value
+                      });
                     }
-                  };
-                  _traverseValueAst(valueAst.nodes, null);
-                  node.value = valueAst.toString();
+                  }
+                  if (valueNode.type !== 'function' || valueNode.value !== 'var') continue;
+                  const variableName = valueNode.nodes[0].value;
+                  if (!variableName.startsWith(`--${prefix}`)) {
+                    // if (legacyCssVariables[variableName] !== undefined) {
+                    //   legacyCssVariables[variableName]++;
+                    // }
+                    continue;
+                  }
+                  const hasDefault = valueNode.nodes.length === 3;
+                  if (!hasDefault) {
+                    valueNode.nodes.push({
+                      type: 'div',
+                      sourceIndex: -1,
+                      value: ',',
+                      before: '',
+                      after: ' '
+                    }, {
+                      type: 'word',
+                      sourceIndex: -1,
+                      value: ''
+                    });
+                  }
+                  const withoutPrefix = variableName.substring(`--${prefix}-`.length);
+                  usedVariables[withoutPrefix] = true;
+                  if (!values[withoutPrefix]) {
+                    throw new Error(`Variable ${variableName} is used in project but not presented in design tokens list`);
+                  }
+                  valueNode.nodes[2].type = 'word';
+                  valueNode.nodes[2].value = values[withoutPrefix];
+                  valueNode.nodes[2].nodes = [];
+                  valueNode.nodes.length = 3;
+                  usages[withoutPrefix] = usages[withoutPrefix] ?? [];
+                  usages[withoutPrefix].push(projectCssPaths[fileIndex]);
                 }
               };
-              for (_iterator.s(); !(_step = _iterator.n()).done;) {
-                _loop2();
-              }
-            } catch (err) {
-              _iterator.e(err);
-            } finally {
-              _iterator.f();
+              traverseValueAst(valueAst.nodes, null);
+              node.value = valueAst.toString();
             }
-          };
-          _traverseAst(result.root.nodes);
-          return {};
-        }
-      }]).process(cssContent, {
-        from: undefined
-      });
-    }));
-    await Promise.all(projectCssPaths.map(function (path, index) {
-      return writeIfChanged(path, processedCss[index].css);
-    }));
-    var unusedVariables = [];
-    for (var variable in values) {
+          }
+        };
+        traverseAst(result.root.nodes);
+        return {};
+      }
+    }]).process(cssContent, {
+      from: undefined
+    })));
+    await Promise.all(projectCssPaths.map((path, index) => writeIfChanged(path, processedCss[index].css)));
+    const unusedVariables = [];
+    for (const variable in values) {
       if (!usedVariables[variable]) {
         unusedVariables.push(variable);
       }
@@ -222,72 +168,54 @@ var _loop = function _loop() {
       if (colorLiterals.length > 0) {
         // eslint-disable-next-line no-console
         console.log('Unexpected color literals:');
-        var _iterator3 = (0, _createForOfIteratorHelper2["default"])(colorLiterals),
-          _step3;
-        try {
-          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-            var literal = _step3.value;
-            // eslint-disable-next-line no-console
-            console.log("".concat(literal.name, " in ").concat(literal.path));
-          }
-        } catch (err) {
-          _iterator3.e(err);
-        } finally {
-          _iterator3.f();
+        for (const literal of colorLiterals) {
+          // eslint-disable-next-line no-console
+          console.log(`${literal.name} in ${literal.path}`);
         }
       }
     }
-    var designTokensDocumentation = [];
-    for (var token in values) {
+    const designTokensDocumentation = [];
+    for (const token in values) {
       if (!basicTokens.has(token)) {
-        var _usages$token;
-        var components = (0, _toConsumableArray2["default"])(new Set(((_usages$token = usages[token]) !== null && _usages$token !== void 0 ? _usages$token : []).map(function (cssPath) {
-          return cssPath.split('/')[2];
-        })));
-        components.sort(function (a, b) {
-          return a.localeCompare(b);
-        });
+        const components = [...new Set((usages[token] ?? []).map(cssPath => cssPath.split('/')[2]))];
+        components.sort((a, b) => a.localeCompare(b));
         designTokensDocumentation.push({
-          name: "--".concat(prefix, "-").concat(token),
+          name: `--${prefix}-${token}`,
           type: types[token],
           rawValue: rawValues[token],
           computedValue: values[token],
           description: descriptions[token],
-          components: components
+          components
         });
       }
     }
-    var baseTokensDocumentation = [];
-    var _processGroup = function processGroup(group, data) {
-      for (var key in data) {
+    const baseTokensDocumentation = [];
+    const processGroup = (group, data) => {
+      for (const key in data) {
         if (data[key].value) {
-          var _data$key$description;
-          var _token = {
-            name: "--".concat(group, "-").concat(key),
+          const token = {
+            name: `--${group}-${key}`,
             value: data[key].value
           };
-          if ((_data$key$description = data[key].description) !== null && _data$key$description !== void 0 && _data$key$description.trim()) {
-            _token.description = data[key].description;
+          if (data[key].description?.trim()) {
+            token.description = data[key].description;
           }
-          baseTokensDocumentation.push(_token);
+          baseTokensDocumentation.push(token);
         } else {
-          _processGroup("".concat(group, "-").concat(key), data[key]);
+          processGroup(`${group}-${key}`, data[key]);
         }
       }
     };
-    for (var group in base) {
-      _processGroup(group, base[group]);
+    for (const group in base) {
+      processGroup(group, base[group]);
     }
     await writeIfChanged((0, _nodePath.resolve)(dirname, '../../../../website/docs/style/design-tokens/design-tokens.json'), JSON.stringify(designTokensDocumentation, null, 2) + '\n');
     await writeIfChanged((0, _nodePath.resolve)(dirname, '../../../../website/docs/style/design-tokens/base-tokens.json'), JSON.stringify(baseTokensDocumentation, null, 2) + '\n');
   }
-};
-for (var _i = 0, _themes = themes; _i < _themes.length; _i++) {
-  _loop();
 }
-var autoThemeLines = [];
-for (var theme in autoTheme) {
-  var selector = theme === defaultTheme ? ':root' : ".".concat(theme);
+const autoThemeLines = [];
+for (const theme in autoTheme) {
+  const selector = theme === defaultTheme ? ':root' : `.${theme}`;
   autoThemeLines.push((0, _utils.tokensToCss)(autoTheme[theme], selector));
 }
 await writeIfChanged('./semcore/core/src/theme/themes/auto.css', autoThemeLines.join('\n'));