'use strict';

var tinycolor = require('@ctrl/tinycolor');
var colors = require('@ant-design/colors');
require('../../../utils/index.cjs');
var canUseDom = require('../../../utils/dom/canUseDom.cjs');
var dynamicCSS = require('../../../utils/dom/dynamicCSS.cjs');
var log = require('../../../utils/log.cjs');

const dynamicStyleMark = `-ant-${Date.now()}-${Math.random()}`;
function getStyle(globalPrefixCls, theme) {
  const variables = {};
  const formatColor = (color, updater) => {
    let clone = color.clone();
    clone = (updater == null ? void 0 : updater(clone)) || clone;
    return clone.toRgbString();
  };
  const fillColor = (colorVal, type) => {
    const baseColor = new tinycolor.TinyColor(colorVal);
    const colorPalettes = colors.generate(baseColor.toRgbString());
    variables[`${type}-color`] = formatColor(baseColor);
    variables[`${type}-color-disabled`] = colorPalettes[1];
    variables[`${type}-color-hover`] = colorPalettes[4];
    variables[`${type}-color-active`] = colorPalettes[6];
    variables[`${type}-color-outline`] = baseColor.clone().setAlpha(0.2).toRgbString();
    variables[`${type}-color-deprecated-bg`] = colorPalettes[0];
    variables[`${type}-color-deprecated-border`] = colorPalettes[2];
  };
  if (theme.primaryColor) {
    fillColor(theme.primaryColor, "primary");
    const primaryColor = new tinycolor.TinyColor(theme.primaryColor);
    const primaryColors = colors.generate(primaryColor.toRgbString());
    primaryColors.forEach((color, index) => {
      variables[`primary-${index + 1}`] = color;
    });
    variables["primary-color-deprecated-l-35"] = formatColor(primaryColor, (c) => c.lighten(35));
    variables["primary-color-deprecated-l-20"] = formatColor(primaryColor, (c) => c.lighten(20));
    variables["primary-color-deprecated-t-20"] = formatColor(primaryColor, (c) => c.tint(20));
    variables["primary-color-deprecated-t-50"] = formatColor(primaryColor, (c) => c.tint(50));
    variables["primary-color-deprecated-f-12"] = formatColor(primaryColor, (c) => c.setAlpha(c.getAlpha() * 0.12));
    const primaryActiveColor = new tinycolor.TinyColor(primaryColors[0]);
    variables["primary-color-active-deprecated-f-30"] = formatColor(primaryActiveColor, (c) => c.setAlpha(c.getAlpha() * 0.3));
    variables["primary-color-active-deprecated-d-02"] = formatColor(primaryActiveColor, (c) => c.darken(2));
  }
  if (theme.successColor)
    fillColor(theme.successColor, "success");
  if (theme.warningColor)
    fillColor(theme.warningColor, "warning");
  if (theme.errorColor)
    fillColor(theme.errorColor, "error");
  if (theme.infoColor)
    fillColor(theme.infoColor, "info");
  const cssList = Object.keys(variables).map(
    (key) => `--${globalPrefixCls}-${key}: ${variables[key]};`
  );
  return `
  :root {
    ${cssList.join("\n")}
  }
  `.trim();
}
function registerTheme(globalPrefixCls, theme) {
  const style = getStyle(globalPrefixCls, theme);
  if (canUseDom.canUseDom())
    dynamicCSS.updateCSS(style, `${dynamicStyleMark}-dynamic-theme`);
  else
    log.devWarning(false, "ConfigProvider", "SSR do not support dynamic theme with css variables.");
}

exports.getStyle = getStyle;
exports.registerTheme = registerTheme;
//# sourceMappingURL=cssVariables.cjs.map
