@lobehub/ui 1.11.0 → 1.11.1

package/lib/styles/algorithms/generateCustomToken.js

@@ -1,79 +1,65 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/styles/algorithms/generateCustomToken.ts
-var generateCustomToken_exports = {};
-__export(generateCustomToken_exports, {
-  generateCustomToken: () => generateCustomToken
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(generateCustomToken_exports);
-var import_colors = require("../colors");
-var import_lodash = require("lodash");
-var import_generateColorPalette = require("./generateColorPalette");
-var generateCustomColorPalette = ({
-  type,
-  scale,
-  appearance
-}) => {
-  const name = (0, import_lodash.capitalize)(type);
-  const colorStepPalette = {};
-  scale[appearance].forEach((color, index) => {
-    colorStepPalette[`color${name}${index + 1}`] = color;
+exports.generateCustomToken = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _colors = require("../colors");
+var _lodash = require("lodash");
+var _generateColorPalette = require("./generateColorPalette");
+var generateCustomColorPalette = function generateCustomColorPalette(_ref) {
+  var type = _ref.type,
+    scale = _ref.scale,
+    appearance = _ref.appearance;
+  var name = (0, _lodash.capitalize)(type);
+  var colorStepPalette = {};
+  scale[appearance].forEach(function (color, index) {
+    colorStepPalette["color".concat(name).concat(index + 1)] = color;
   });
-  scale[`${appearance}A`].forEach((color, index) => {
-    colorStepPalette[`color${name}${index + 1}A`] = color;
+  scale["".concat(appearance, "A")].forEach(function (color, index) {
+    colorStepPalette["color".concat(name).concat(index + 1, "A")] = color;
   });
-  return {
-    ...colorStepPalette,
-    ...(0, import_generateColorPalette.generateColorPalette)({ type, scale, appearance })
-  };
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, colorStepPalette), (0, _generateColorPalette.generateColorPalette)({
+    type: type,
+    scale: scale,
+    appearance: appearance
+  }));
 };
-var generateCustomToken = ({
-  appearance,
-  token,
-  isDarkMode
-}) => {
-  const gradientColor1 = token.blue;
-  const gradientColor2 = isDarkMode ? token.pink : token.cyan;
-  const gradientColor3 = token.purple;
-  const colorSolid = isDarkMode ? token.colorWhite : "#000";
-  let colorCustomToken = {
+
+// @ts-ignore
+var generateCustomToken = function generateCustomToken(_ref2) {
+  var appearance = _ref2.appearance,
+    token = _ref2.token,
+    isDarkMode = _ref2.isDarkMode;
+  var gradientColor1 = token.blue;
+  var gradientColor2 = isDarkMode ? token.pink : token.cyan;
+  var gradientColor3 = token.purple;
+  var colorSolid = isDarkMode ? token.colorWhite : '#000';
+  var colorCustomToken = {
     headerHeight: 64,
     footerHeight: 300,
     sidebarWidth: 240,
     tocWidth: 176,
     contentMaxWidth: 1152,
-    colorSolid,
-    gradientColor1,
-    gradientColor2,
-    gradientColor3,
-    gradientHeroBgG: `radial-gradient(at 80% 20%, ${gradientColor1} 0%, ${gradientColor2} 80%, ${gradientColor3} 130%)`
+    colorSolid: colorSolid,
+    gradientColor1: gradientColor1,
+    gradientColor2: gradientColor2,
+    gradientColor3: gradientColor3,
+    gradientHeroBgG: "radial-gradient(at 80% 20%, ".concat(gradientColor1, " 0%, ").concat(gradientColor2, " 80%, ").concat(gradientColor3, " 130%)")
   };
-  Object.entries(import_colors.colorScales).forEach(([type, scale]) => {
-    colorCustomToken = {
-      ...colorCustomToken,
-      // @ts-ignore
-      ...generateCustomColorPalette({ type, scale, appearance })
-    };
+  Object.entries(_colors.colorScales).forEach(function (_ref3) {
+    var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+      type = _ref4[0],
+      scale = _ref4[1];
+    colorCustomToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, colorCustomToken), generateCustomColorPalette({
+      type: type,
+      scale: scale,
+      appearance: appearance
+    }));
   });
   return colorCustomToken;
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  generateCustomToken
-});
+exports.generateCustomToken = generateCustomToken;

package/lib/styles/algorithms/generateTheme.js

@@ -1,59 +1,28 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/styles/algorithms/generateTheme.ts
-var generateTheme_exports = {};
-__export(generateTheme_exports, {
-  darkTheme: () => darkTheme,
-  generateTheme: () => generateTheme,
-  lightTheme: () => lightTheme
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(generateTheme_exports);
-var import_dark = __toESM(require("../theme/dark"));
-var import_light = __toESM(require("../theme/light"));
+exports.lightTheme = exports.generateTheme = exports.darkTheme = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _dark = _interopRequireDefault(require("../theme/dark"));
+var _light = _interopRequireDefault(require("../theme/light"));
 var lightTheme = {
-  token: import_light.default,
-  algorithm: (seedToken, mapToken) => ({
-    ...mapToken,
-    ...import_light.default
-  })
+  token: _light.default,
+  algorithm: function algorithm(seedToken, mapToken) {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, mapToken), _light.default);
+  }
 };
+exports.lightTheme = lightTheme;
 var darkTheme = {
-  token: import_dark.default,
-  algorithm: (seedToken, mapToken) => ({
-    ...mapToken,
-    ...import_dark.default
-  })
+  token: _dark.default,
+  algorithm: function algorithm(seedToken, mapToken) {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, mapToken), _dark.default);
+  }
 };
-var generateTheme = (appearance) => appearance === "dark" ? darkTheme : lightTheme;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  darkTheme,
-  generateTheme,
-  lightTheme
-});
+exports.darkTheme = darkTheme;
+var generateTheme = function generateTheme(appearance) {
+  return appearance === 'dark' ? darkTheme : lightTheme;
+};
+exports.generateTheme = generateTheme;