@next-core/brick-kit 2.103.3 → 2.103.4

package/dist/index.esm.js

@@ -7053,7 +7053,7 @@ presetPalettes.magenta;
 presetPalettes.grey;
 
 function getStyleByBaseColors(theme, baseColors, backgroundColor) {
-  return (theme === "dark" ? getDarkStyle : getLightStyle)(getCssVariableDefinitionsByPalettes(generatePalettes(baseColors, theme, backgroundColor)));
+  return (theme === "dark" ? getDarkStyle : getLightStyle)("".concat(getCssVariableDefinitionsByPalettes(generatePalettes(baseColors, theme, backgroundColor)), "\n").concat(getMigratedCssVariableDefinitions(theme, baseColors, backgroundColor)));
 }
 function getStyleByBrandColor(theme, brandColor) {
   return (theme === "dark" ? getDarkStyle : getLightStyle)(getCssVariableDefinitionsByBrand(brandColor));
@@ -7117,6 +7117,33 @@ function ensureBaseColorName(name) {
   }
 }
 
+function getMigratedCssVariableDefinitions(theme, baseColors, backgroundColor) {
+  var migrateMap = {
+    green: "green",
+    red: "red",
+    blue: "blue",
+    orange: "orange",
+    cyan: "cyan",
+    purple: "purple",
+    geekblue: "indigo"
+  };
+  return Object.entries(migrateMap).flatMap(_ref4 => {
+    var [legacyColorName, newColorName] = _ref4;
+    return ["  --theme-".concat(legacyColorName, "-color-rgb-channel: ").concat(getRgbChannel(getActualBaseColor(baseColors[newColorName], theme, backgroundColor)), ";"), ...(theme === "dark" ? [] : ["  --theme-".concat(legacyColorName, "-color: var(--palette-").concat(newColorName, "-6);"), "  --theme-".concat(legacyColorName, "-border-color: var(--palette-").concat(newColorName, "-3);")]), "  --theme-".concat(legacyColorName, "-background: var(--palette-").concat(newColorName, "-").concat(theme === "dark" ? 2 : 1, ");"), ""];
+  }).join("\n");
+}
+
+function getRgbChannel(color) {
+  return color.match(/[0-9a-fA-F]{2}/g).map(hex => parseInt(hex, 16)).join(", ");
+}
+
+function getActualBaseColor(baseColor, theme, backgroundColor) {
+  return theme === "dark" ? generate(baseColor, {
+    theme,
+    backgroundColor
+  })[5] : baseColor;
+}
+
 function applyColorTheme(options) {
   var style = [];
   var themes = ["light", "dark"];