12345678910111213141516171819202122232425262728293031323334353637 |
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
- export var token2CSSVar = function token2CSSVar(token) {
- var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
- return "--".concat(prefix ? "".concat(prefix, "-") : '').concat(token).replace(/([a-z0-9])([A-Z])/g, '$1-$2').replace(/([A-Z]+)([A-Z][a-z0-9]+)/g, '$1-$2').replace(/([a-z])([A-Z0-9])/g, '$1-$2').toLowerCase();
- };
- export var serializeCSSVar = function serializeCSSVar(cssVars, hashId, options) {
- if (!Object.keys(cssVars).length) {
- return '';
- }
- return ".".concat(hashId).concat(options !== null && options !== void 0 && options.scope ? ".".concat(options.scope) : '', "{").concat(Object.entries(cssVars).map(function (_ref) {
- var _ref2 = _slicedToArray(_ref, 2),
- key = _ref2[0],
- value = _ref2[1];
- return "".concat(key, ":").concat(value, ";");
- }).join(''), "}");
- };
- export var transformToken = function transformToken(token, themeKey, config) {
- var cssVars = {};
- var result = {};
- Object.entries(token).forEach(function (_ref3) {
- var _config$preserve, _config$ignore;
- var _ref4 = _slicedToArray(_ref3, 2),
- key = _ref4[0],
- value = _ref4[1];
- if (config !== null && config !== void 0 && (_config$preserve = config.preserve) !== null && _config$preserve !== void 0 && _config$preserve[key]) {
- result[key] = value;
- } else if ((typeof value === 'string' || typeof value === 'number') && !(config !== null && config !== void 0 && (_config$ignore = config.ignore) !== null && _config$ignore !== void 0 && _config$ignore[key])) {
- var _config$unitless;
- var cssVar = token2CSSVar(key, config === null || config === void 0 ? void 0 : config.prefix);
- cssVars[cssVar] = typeof value === 'number' && !(config !== null && config !== void 0 && (_config$unitless = config.unitless) !== null && _config$unitless !== void 0 && _config$unitless[key]) ? "".concat(value, "px") : String(value);
- result[key] = "var(".concat(cssVar, ")");
- }
- });
- return [result, serializeCSSVar(cssVars, themeKey, {
- scope: config === null || config === void 0 ? void 0 : config.scope
- })];
- };
|