@next-core/brick-kit 2.103.3 → 2.103.4

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.103.4](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.103.3...@next-core/brick-kit@2.103.4) (2022-01-21)
+
+**Note:** Version bump only for package @next-core/brick-kit
+
+
+
+
+
 ## [2.103.3](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.103.2...@next-core/brick-kit@2.103.3) (2022-01-20)
 
 

package/dist/index.bundle.js

@@ -7070,7 +7070,7 @@
   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));
@@ -7134,6 +7134,33 @@
     }
   }
 
+  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"];