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

package/lib/styled/sstyled.mjs

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

package/lib/theme/processor.js

@@ -1,10 +1,14 @@
 "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");
@@ -13,147 +17,197 @@ var _fastGlob = _interopRequireDefault(require("fast-glob"));
 var _postcss = _interopRequireDefault(require("postcss"));
 var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
 var _utils = require("./utils");
-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));
+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));
   if (highlightsTokens.length > 0) {
-    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));
+    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));
   }
   autoTheme[theme] = processedTokens;
-  const usages = {};
+  var 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));
-    const projectCssPaths = (await (0, _fastGlob.default)('./semcore/*/src/**/*.shadow.css', {
+    var projectCssPaths = (await (0, _fastGlob["default"])('./semcore/*/src/**/*.shadow.css', {
       ignore: ['node_modules', 'lib']
-    })).filter(path => {
-      if (path.split('/').some(pathPart => ['chart', 'email', 'table'].includes(pathPart))) {
+    })).filter(function (path) {
+      if (path.split('/').some(function (pathPart) {
+        return ['chart', 'email', 'table'].includes(pathPart);
+      })) {
         return false;
       }
       return true;
     });
-    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
-                      });
+    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();
                     }
-                  }
-                  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]);
+                  };
+                  _traverseValueAst(valueAst.nodes, null);
+                  node.value = valueAst.toString();
                 }
               };
-              traverseValueAst(valueAst.nodes, null);
-              node.value = valueAst.toString();
+              for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                _loop2();
+              }
+            } catch (err) {
+              _iterator.e(err);
+            } finally {
+              _iterator.f();
             }
-          }
-        };
-        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) {
+          };
+          _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) {
       if (!usedVariables[variable]) {
         unusedVariables.push(variable);
       }
@@ -168,54 +222,72 @@ for (const theme of themes) {
       if (colorLiterals.length > 0) {
         // eslint-disable-next-line no-console
         console.log('Unexpected color literals:');
-        for (const literal of colorLiterals) {
-          // eslint-disable-next-line no-console
-          console.log(`${literal.name} in ${literal.path}`);
+        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();
         }
       }
     }
-    const designTokensDocumentation = [];
-    for (const token in values) {
+    var designTokensDocumentation = [];
+    for (var token in values) {
       if (!basicTokens.has(token)) {
-        const components = [...new Set((usages[token] ?? []).map(cssPath => cssPath.split('/')[2]))];
-        components.sort((a, b) => a.localeCompare(b));
+        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);
+        });
         designTokensDocumentation.push({
-          name: `--${prefix}-${token}`,
+          name: "--".concat(prefix, "-").concat(token),
           type: types[token],
           rawValue: rawValues[token],
           computedValue: values[token],
           description: descriptions[token],
-          components
+          components: components
         });
       }
     }
-    const baseTokensDocumentation = [];
-    const processGroup = (group, data) => {
-      for (const key in data) {
+    var baseTokensDocumentation = [];
+    var _processGroup = function processGroup(group, data) {
+      for (var key in data) {
         if (data[key].value) {
-          const token = {
-            name: `--${group}-${key}`,
+          var _data$key$description;
+          var _token = {
+            name: "--".concat(group, "-").concat(key),
             value: data[key].value
           };
-          if (data[key].description?.trim()) {
-            token.description = data[key].description;
+          if ((_data$key$description = data[key].description) !== null && _data$key$description !== void 0 && _data$key$description.trim()) {
+            _token.description = data[key].description;
           }
-          baseTokensDocumentation.push(token);
+          baseTokensDocumentation.push(_token);
         } else {
-          processGroup(`${group}-${key}`, data[key]);
+          _processGroup("".concat(group, "-").concat(key), data[key]);
         }
       }
     };
-    for (const group in base) {
-      processGroup(group, base[group]);
+    for (var 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();
 }
-const autoThemeLines = [];
-for (const theme in autoTheme) {
-  const selector = theme === defaultTheme ? ':root' : `.${theme}`;
+var autoThemeLines = [];
+for (var theme in autoTheme) {
+  var selector = theme === defaultTheme ? ':root' : ".".concat(theme);
   autoThemeLines.push((0, _utils.tokensToCss)(autoTheme[theme], selector));
 }
 await writeIfChanged('./semcore/core/src/theme/themes/auto.css', autoThemeLines.join('\n'));