@chakra-v2/styled-system/dist/cjs/create-theme-vars/flatten-tokens.cjs

Style function for css-in-js building component libraries

'use strict';

var utils = require('@chakra-v2/utils');
var pseudos = require('../pseudos.cjs');
var themeTokens = require('./theme-tokens.cjs');

function flattenTokens(theme) {
  const tokens = themeTokens.extractTokens(theme);
  const semanticTokens = themeTokens.extractSemanticTokens(theme);
  const isSemanticCondition = (key) => (
    // @ts-ignore
    pseudos.pseudoPropNames.includes(key) || "default" === key
  );
  const result = {};
  utils.walkObject(tokens, (value, path) => {
    if (value == null)
      return;
    result[path.join(".")] = { isSemantic: false, value };
  });
  utils.walkObject(
    semanticTokens,
    (value, path) => {
      if (value == null)
        return;
      result[path.join(".")] = { isSemantic: true, value };
    },
    {
      stop: (value) => Object.keys(value).every(isSemanticCondition)
    }
  );
  return result;
}

exports.flattenTokens = flattenTokens;