@blocklet/theme 2.13.7

package/LICENSE

@@ -0,0 +1,13 @@
+Copyright 2018-2025 ArcBlock
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/README.md

@@ -0,0 +1,3 @@
+# Blocklet Theme
+
+A preset MUI-based theme configuration designed for use with Blocklet.

package/dist/cjs/index.js

@@ -0,0 +1,438 @@
+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 __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+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);
+
+// node_modules/deepmerge/dist/cjs.js
+var require_cjs = __commonJS({
+  "node_modules/deepmerge/dist/cjs.js"(exports2, module2) {
+    "use strict";
+    var isMergeableObject = function isMergeableObject2(value) {
+      return isNonNullObject(value) && !isSpecial(value);
+    };
+    function isNonNullObject(value) {
+      return !!value && typeof value === "object";
+    }
+    function isSpecial(value) {
+      var stringValue = Object.prototype.toString.call(value);
+      return stringValue === "[object RegExp]" || stringValue === "[object Date]" || isReactElement(value);
+    }
+    var canUseSymbol = typeof Symbol === "function" && Symbol.for;
+    var REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for("react.element") : 60103;
+    function isReactElement(value) {
+      return value.$$typeof === REACT_ELEMENT_TYPE;
+    }
+    function emptyTarget(val) {
+      return Array.isArray(val) ? [] : {};
+    }
+    function cloneUnlessOtherwiseSpecified(value, options) {
+      return options.clone !== false && options.isMergeableObject(value) ? deepmerge2(emptyTarget(value), value, options) : value;
+    }
+    function defaultArrayMerge(target, source, options) {
+      return target.concat(source).map(function(element) {
+        return cloneUnlessOtherwiseSpecified(element, options);
+      });
+    }
+    function getMergeFunction(key, options) {
+      if (!options.customMerge) {
+        return deepmerge2;
+      }
+      var customMerge = options.customMerge(key);
+      return typeof customMerge === "function" ? customMerge : deepmerge2;
+    }
+    function getEnumerableOwnPropertySymbols(target) {
+      return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(target).filter(function(symbol) {
+        return Object.propertyIsEnumerable.call(target, symbol);
+      }) : [];
+    }
+    function getKeys(target) {
+      return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target));
+    }
+    function propertyIsOnObject(object, property) {
+      try {
+        return property in object;
+      } catch (_) {
+        return false;
+      }
+    }
+    function propertyIsUnsafe(target, key) {
+      return propertyIsOnObject(target, key) && !(Object.hasOwnProperty.call(target, key) && Object.propertyIsEnumerable.call(target, key));
+    }
+    function mergeObject(target, source, options) {
+      var destination = {};
+      if (options.isMergeableObject(target)) {
+        getKeys(target).forEach(function(key) {
+          destination[key] = cloneUnlessOtherwiseSpecified(target[key], options);
+        });
+      }
+      getKeys(source).forEach(function(key) {
+        if (propertyIsUnsafe(target, key)) {
+          return;
+        }
+        if (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {
+          destination[key] = getMergeFunction(key, options)(target[key], source[key], options);
+        } else {
+          destination[key] = cloneUnlessOtherwiseSpecified(source[key], options);
+        }
+      });
+      return destination;
+    }
+    function deepmerge2(target, source, options) {
+      options = options || {};
+      options.arrayMerge = options.arrayMerge || defaultArrayMerge;
+      options.isMergeableObject = options.isMergeableObject || isMergeableObject;
+      options.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;
+      var sourceIsArray = Array.isArray(source);
+      var targetIsArray = Array.isArray(target);
+      var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;
+      if (!sourceAndTargetTypesMatch) {
+        return cloneUnlessOtherwiseSpecified(source, options);
+      } else if (sourceIsArray) {
+        return options.arrayMerge(target, source, options);
+      } else {
+        return mergeObject(target, source, options);
+      }
+    }
+    deepmerge2.all = function deepmergeAll(array, options) {
+      if (!Array.isArray(array)) {
+        throw new Error("first argument should be an array");
+      }
+      return array.reduce(function(prev, next) {
+        return deepmerge2(prev, next, options);
+      }, {});
+    };
+    var deepmerge_1 = deepmerge2;
+    module2.exports = deepmerge_1;
+  }
+});
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  BLOCKLET_THEME_DARK: () => BLOCKLET_THEME_DARK,
+  BLOCKLET_THEME_LIGHT: () => BLOCKLET_THEME_LIGHT,
+  DEFAULT_FONTS: () => DEFAULT_FONTS
+});
+module.exports = __toCommonJS(src_exports);
+var import_deepmerge = __toESM(require_cjs());
+var DEFAULT_FONTS = ["Roboto", "Helvetica", "Arial", "sans-serif"];
+var grey = {
+  50: "#fafafa",
+  100: "#f5f5f5",
+  200: "#eeeeee",
+  300: "#e0e0e0",
+  400: "#bdbdbd",
+  500: "#9e9e9e",
+  600: "#757575",
+  700: "#616161",
+  800: "#424242",
+  900: "#212121",
+  A100: "#d5d5d5",
+  A200: "#aaaaaa",
+  A400: "#303030",
+  A700: "#616161"
+};
+var paletteLight = {
+  mode: "light",
+  primary: { main: "#1DC1C7", contrastText: "#fff" },
+  secondary: { main: "#0086FF", contrastText: "#fff" },
+  error: { main: "#F16E6E", contrastText: "#fff" },
+  warning: { main: "#DE9E37", contrastText: "#fff" },
+  info: { main: "#0775F8", contrastText: "#fff" },
+  success: { main: "#34BE74", contrastText: "#fff" },
+  grey,
+  text: {
+    primary: "rgba(0, 0, 0, 0.87)",
+    secondary: "rgba(0, 0, 0, 0.54)",
+    disabled: "rgba(0, 0, 0, 0.38)",
+    hint: "rgba(0, 0, 0, 0.38)"
+  },
+  divider: "#eeeeee",
+  background: {
+    default: "#fff",
+    paper: "#fff"
+  },
+  common: {
+    black: "#000",
+    white: "#fff"
+  },
+  // @extends palette
+  storeSecondary: { main: "#EBFEFF", contrastText: "#fff" },
+  // 适用于 did 相关的组件, 如果某些产品整体风格是 did 系列, 可以扩展出一个 did 系列的 theme
+  did: {
+    primary: "#4598FA",
+    secondary: "#49C3AD"
+  }
+};
+var BLOCKLET_THEME_LIGHT = {
+  palette: paletteLight,
+  typography: {
+    fontSize: 14,
+    fontFamily: DEFAULT_FONTS.join(","),
+    button: {
+      fontWeight: 700,
+      textTransform: "none"
+    },
+    allVariants: {
+      textTransform: "none"
+    },
+    h1: {
+      fontSize: "1.875rem",
+      lineHeight: 1.2,
+      fontWeight: 700
+    },
+    h2: {
+      fontSize: "1.5rem",
+      lineHeight: 1.3333333,
+      fontWeight: 700
+    },
+    h3: {
+      fontSize: "1.25rem",
+      lineHeight: 1.4,
+      fontWeight: 700
+    },
+    h4: {
+      fontSize: "1.125rem",
+      lineHeight: 1.55,
+      fontWeight: 600
+    },
+    h5: {
+      fontSize: "1rem",
+      lineHeight: 1.5,
+      fontWeight: 700
+    },
+    h6: {
+      fontSize: "0.875rem",
+      lineHeight: 1.43,
+      fontWeight: 700
+    },
+    subtitle1: {
+      fontSize: "1rem",
+      lineHeight: 1.5,
+      fontWeight: 500
+    },
+    subtitle2: {
+      fontSize: "0.875rem",
+      lineHeight: 1.43,
+      fontWeight: 500
+    },
+    body1: {
+      fontSize: "1rem",
+      lineHeight: 1.75
+    },
+    body2: {
+      fontSize: "0.875rem",
+      lineHeight: 1.43
+    },
+    caption: {
+      fontSize: "0.75rem",
+      lineHeight: 1.33
+    },
+    overline: {
+      fontSize: "0.75rem",
+      lineHeight: 1.33,
+      fontWeight: 500
+    },
+    // @extends-start
+    color: {
+      // 此处 #222222 必须硬编码, layout/sidebar.js -> Icon/image 加载图片时 color 会影响加载路径
+      // TODO: 此处硬编码的色值后面需要改为 colors.grey[900],
+      //       或者如果可以的话直接删掉 typography#color, 文本颜色建议使用 theme.palette.text 中的色值?
+      //       layout 组件建议重构, sidebar 中建议使用 icon 替换 img (#366)
+      main: "#222222",
+      gray: paletteLight.grey[500]
+    }
+  },
+  components: {
+    MuiButton: {
+      styleOverrides: {
+        root: {
+          boxShadow: "none"
+        }
+      }
+    },
+    MuiButtonGroup: {
+      styleOverrides: {
+        root: {
+          boxShadow: "none"
+        }
+      }
+    },
+    MuiTableCell: {
+      styleOverrides: {
+        sizeSmall: {
+          borderBottomWidth: "0",
+          paddingTop: "8px",
+          paddingBottom: "8px",
+          paddingLeft: 0,
+          paddingRight: "20px"
+        },
+        sizeMedium: {
+          borderBottomWidth: "0",
+          paddingTop: "14px",
+          paddingBottom: "14px",
+          paddingLeft: 0,
+          paddingRight: "30px"
+        },
+        head: {
+          textTransform: "uppercase",
+          color: paletteLight.grey[900]
+        },
+        body: {
+          color: paletteLight.grey[900]
+        }
+      }
+    },
+    MuiTableRow: {
+      styleOverrides: {
+        root: {
+          "&:nth-child(even)": {
+            backgroundColor: "rgba(0, 0, 0, 0.02)"
+          }
+        },
+        head: {
+          backgroundColor: "transparent"
+        }
+      }
+    }
+  },
+  breakpoints: {
+    values: {
+      xs: 0,
+      sm: 600,
+      md: 960,
+      lg: 1280,
+      xl: 1920
+    }
+  }
+};
+var paletteDark = {
+  mode: "dark",
+  common: {
+    black: "#000",
+    white: "#fff"
+  },
+  primary: {
+    main: "#90caf9",
+    light: "#e3f2fd",
+    dark: "#42a5f5",
+    contrastText: "rgba(0, 0, 0, 0.87)"
+  },
+  secondary: {
+    main: "#ce93d8",
+    light: "#f3e5f5",
+    dark: "#ab47bc",
+    contrastText: "rgba(0, 0, 0, 0.87)"
+  },
+  error: {
+    main: "#f44336",
+    light: "#e57373",
+    dark: "#d32f2f",
+    contrastText: "#fff"
+  },
+  warning: {
+    main: "#ffa726",
+    light: "#ffb74d",
+    dark: "#f57c00",
+    contrastText: "rgba(0, 0, 0, 0.87)"
+  },
+  info: {
+    main: "#29b6f6",
+    light: "#4fc3f7",
+    dark: "#0288d1",
+    contrastText: "rgba(0, 0, 0, 0.87)"
+  },
+  success: {
+    main: "#66bb6a",
+    light: "#81c784",
+    dark: "#388e3c",
+    contrastText: "rgba(0, 0, 0, 0.87)"
+  },
+  contrastThreshold: 3,
+  tonalOffset: 0.2,
+  text: {
+    primary: "#fff",
+    secondary: "rgba(255, 255, 255, 0.7)",
+    disabled: "rgba(255, 255, 255, 0.5)"
+  },
+  divider: "rgba(255, 255, 255, 0.12)",
+  background: {
+    paper: "#212121",
+    default: "#212121"
+  },
+  action: {
+    active: "#fff",
+    hover: "rgba(255, 255, 255, 0.08)",
+    hoverOpacity: 0.08,
+    selected: "rgba(255, 255, 255, 0.16)",
+    selectedOpacity: 0.16,
+    disabled: "rgba(255, 255, 255, 0.3)",
+    disabledBackground: "rgba(255, 255, 255, 0.12)",
+    disabledOpacity: 0.38,
+    focus: "rgba(255, 255, 255, 0.12)",
+    focusOpacity: 0.12,
+    activatedOpacity: 0.24
+  }
+};
+var BLOCKLET_THEME_DARK = (0, import_deepmerge.default)(BLOCKLET_THEME_LIGHT, {
+  palette: paletteDark,
+  typography: {
+    // @extends-start
+    color: {
+      main: "#fff",
+      gray: grey[300]
+    }
+  },
+  components: {
+    MuiTableCell: {
+      styleOverrides: {
+        head: {
+          textTransform: "uppercase",
+          color: grey[300]
+        },
+        body: {
+          color: grey[300]
+        }
+      }
+    },
+    MuiTableRow: {
+      root: {
+        "&:nth-child(even)": {
+          backgroundColor: "rgba(255, 255, 255, 0.02)"
+        }
+      }
+    }
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BLOCKLET_THEME_DARK,
+  BLOCKLET_THEME_LIGHT,
+  DEFAULT_FONTS
+});

package/dist/es/index.js

@@ -0,0 +1,425 @@
+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 __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+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
+));
+
+// node_modules/deepmerge/dist/cjs.js
+var require_cjs = __commonJS({
+  "node_modules/deepmerge/dist/cjs.js"(exports, module) {
+    "use strict";
+    var isMergeableObject = function isMergeableObject2(value) {
+      return isNonNullObject(value) && !isSpecial(value);
+    };
+    function isNonNullObject(value) {
+      return !!value && typeof value === "object";
+    }
+    function isSpecial(value) {
+      var stringValue = Object.prototype.toString.call(value);
+      return stringValue === "[object RegExp]" || stringValue === "[object Date]" || isReactElement(value);
+    }
+    var canUseSymbol = typeof Symbol === "function" && Symbol.for;
+    var REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for("react.element") : 60103;
+    function isReactElement(value) {
+      return value.$$typeof === REACT_ELEMENT_TYPE;
+    }
+    function emptyTarget(val) {
+      return Array.isArray(val) ? [] : {};
+    }
+    function cloneUnlessOtherwiseSpecified(value, options) {
+      return options.clone !== false && options.isMergeableObject(value) ? deepmerge2(emptyTarget(value), value, options) : value;
+    }
+    function defaultArrayMerge(target, source, options) {
+      return target.concat(source).map(function(element) {
+        return cloneUnlessOtherwiseSpecified(element, options);
+      });
+    }
+    function getMergeFunction(key, options) {
+      if (!options.customMerge) {
+        return deepmerge2;
+      }
+      var customMerge = options.customMerge(key);
+      return typeof customMerge === "function" ? customMerge : deepmerge2;
+    }
+    function getEnumerableOwnPropertySymbols(target) {
+      return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(target).filter(function(symbol) {
+        return Object.propertyIsEnumerable.call(target, symbol);
+      }) : [];
+    }
+    function getKeys(target) {
+      return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target));
+    }
+    function propertyIsOnObject(object, property) {
+      try {
+        return property in object;
+      } catch (_) {
+        return false;
+      }
+    }
+    function propertyIsUnsafe(target, key) {
+      return propertyIsOnObject(target, key) && !(Object.hasOwnProperty.call(target, key) && Object.propertyIsEnumerable.call(target, key));
+    }
+    function mergeObject(target, source, options) {
+      var destination = {};
+      if (options.isMergeableObject(target)) {
+        getKeys(target).forEach(function(key) {
+          destination[key] = cloneUnlessOtherwiseSpecified(target[key], options);
+        });
+      }
+      getKeys(source).forEach(function(key) {
+        if (propertyIsUnsafe(target, key)) {
+          return;
+        }
+        if (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {
+          destination[key] = getMergeFunction(key, options)(target[key], source[key], options);
+        } else {
+          destination[key] = cloneUnlessOtherwiseSpecified(source[key], options);
+        }
+      });
+      return destination;
+    }
+    function deepmerge2(target, source, options) {
+      options = options || {};
+      options.arrayMerge = options.arrayMerge || defaultArrayMerge;
+      options.isMergeableObject = options.isMergeableObject || isMergeableObject;
+      options.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;
+      var sourceIsArray = Array.isArray(source);
+      var targetIsArray = Array.isArray(target);
+      var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;
+      if (!sourceAndTargetTypesMatch) {
+        return cloneUnlessOtherwiseSpecified(source, options);
+      } else if (sourceIsArray) {
+        return options.arrayMerge(target, source, options);
+      } else {
+        return mergeObject(target, source, options);
+      }
+    }
+    deepmerge2.all = function deepmergeAll(array, options) {
+      if (!Array.isArray(array)) {
+        throw new Error("first argument should be an array");
+      }
+      return array.reduce(function(prev, next) {
+        return deepmerge2(prev, next, options);
+      }, {});
+    };
+    var deepmerge_1 = deepmerge2;
+    module.exports = deepmerge_1;
+  }
+});
+
+// src/index.ts
+var import_deepmerge = __toESM(require_cjs());
+var DEFAULT_FONTS = ["Roboto", "Helvetica", "Arial", "sans-serif"];
+var grey = {
+  50: "#fafafa",
+  100: "#f5f5f5",
+  200: "#eeeeee",
+  300: "#e0e0e0",
+  400: "#bdbdbd",
+  500: "#9e9e9e",
+  600: "#757575",
+  700: "#616161",
+  800: "#424242",
+  900: "#212121",
+  A100: "#d5d5d5",
+  A200: "#aaaaaa",
+  A400: "#303030",
+  A700: "#616161"
+};
+var paletteLight = {
+  mode: "light",
+  primary: { main: "#1DC1C7", contrastText: "#fff" },
+  secondary: { main: "#0086FF", contrastText: "#fff" },
+  error: { main: "#F16E6E", contrastText: "#fff" },
+  warning: { main: "#DE9E37", contrastText: "#fff" },
+  info: { main: "#0775F8", contrastText: "#fff" },
+  success: { main: "#34BE74", contrastText: "#fff" },
+  grey,
+  text: {
+    primary: "rgba(0, 0, 0, 0.87)",
+    secondary: "rgba(0, 0, 0, 0.54)",
+    disabled: "rgba(0, 0, 0, 0.38)",
+    hint: "rgba(0, 0, 0, 0.38)"
+  },
+  divider: "#eeeeee",
+  background: {
+    default: "#fff",
+    paper: "#fff"
+  },
+  common: {
+    black: "#000",
+    white: "#fff"
+  },
+  // @extends palette
+  storeSecondary: { main: "#EBFEFF", contrastText: "#fff" },
+  // 适用于 did 相关的组件, 如果某些产品整体风格是 did 系列, 可以扩展出一个 did 系列的 theme
+  did: {
+    primary: "#4598FA",
+    secondary: "#49C3AD"
+  }
+};
+var BLOCKLET_THEME_LIGHT = {
+  palette: paletteLight,
+  typography: {
+    fontSize: 14,
+    fontFamily: DEFAULT_FONTS.join(","),
+    button: {
+      fontWeight: 700,
+      textTransform: "none"
+    },
+    allVariants: {
+      textTransform: "none"
+    },
+    h1: {
+      fontSize: "1.875rem",
+      lineHeight: 1.2,
+      fontWeight: 700
+    },
+    h2: {
+      fontSize: "1.5rem",
+      lineHeight: 1.3333333,
+      fontWeight: 700
+    },
+    h3: {
+      fontSize: "1.25rem",
+      lineHeight: 1.4,
+      fontWeight: 700
+    },
+    h4: {
+      fontSize: "1.125rem",
+      lineHeight: 1.55,
+      fontWeight: 600
+    },
+    h5: {
+      fontSize: "1rem",
+      lineHeight: 1.5,
+      fontWeight: 700
+    },
+    h6: {
+      fontSize: "0.875rem",
+      lineHeight: 1.43,
+      fontWeight: 700
+    },
+    subtitle1: {
+      fontSize: "1rem",
+      lineHeight: 1.5,
+      fontWeight: 500
+    },
+    subtitle2: {
+      fontSize: "0.875rem",
+      lineHeight: 1.43,
+      fontWeight: 500
+    },
+    body1: {
+      fontSize: "1rem",
+      lineHeight: 1.75
+    },
+    body2: {
+      fontSize: "0.875rem",
+      lineHeight: 1.43
+    },
+    caption: {
+      fontSize: "0.75rem",
+      lineHeight: 1.33
+    },
+    overline: {
+      fontSize: "0.75rem",
+      lineHeight: 1.33,
+      fontWeight: 500
+    },
+    // @extends-start
+    color: {
+      // 此处 #222222 必须硬编码, layout/sidebar.js -> Icon/image 加载图片时 color 会影响加载路径
+      // TODO: 此处硬编码的色值后面需要改为 colors.grey[900],
+      //       或者如果可以的话直接删掉 typography#color, 文本颜色建议使用 theme.palette.text 中的色值?
+      //       layout 组件建议重构, sidebar 中建议使用 icon 替换 img (#366)
+      main: "#222222",
+      gray: paletteLight.grey[500]
+    }
+  },
+  components: {
+    MuiButton: {
+      styleOverrides: {
+        root: {
+          boxShadow: "none"
+        }
+      }
+    },
+    MuiButtonGroup: {
+      styleOverrides: {
+        root: {
+          boxShadow: "none"
+        }
+      }
+    },
+    MuiTableCell: {
+      styleOverrides: {
+        sizeSmall: {
+          borderBottomWidth: "0",
+          paddingTop: "8px",
+          paddingBottom: "8px",
+          paddingLeft: 0,
+          paddingRight: "20px"
+        },
+        sizeMedium: {
+          borderBottomWidth: "0",
+          paddingTop: "14px",
+          paddingBottom: "14px",
+          paddingLeft: 0,
+          paddingRight: "30px"
+        },
+        head: {
+          textTransform: "uppercase",
+          color: paletteLight.grey[900]
+        },
+        body: {
+          color: paletteLight.grey[900]
+        }
+      }
+    },
+    MuiTableRow: {
+      styleOverrides: {
+        root: {
+          "&:nth-child(even)": {
+            backgroundColor: "rgba(0, 0, 0, 0.02)"
+          }
+        },
+        head: {
+          backgroundColor: "transparent"
+        }
+      }
+    }
+  },
+  breakpoints: {
+    values: {
+      xs: 0,
+      sm: 600,
+      md: 960,
+      lg: 1280,
+      xl: 1920
+    }
+  }
+};
+var paletteDark = {
+  mode: "dark",
+  common: {
+    black: "#000",
+    white: "#fff"
+  },
+  primary: {
+    main: "#90caf9",
+    light: "#e3f2fd",
+    dark: "#42a5f5",
+    contrastText: "rgba(0, 0, 0, 0.87)"
+  },
+  secondary: {
+    main: "#ce93d8",
+    light: "#f3e5f5",
+    dark: "#ab47bc",
+    contrastText: "rgba(0, 0, 0, 0.87)"
+  },
+  error: {
+    main: "#f44336",
+    light: "#e57373",
+    dark: "#d32f2f",
+    contrastText: "#fff"
+  },
+  warning: {
+    main: "#ffa726",
+    light: "#ffb74d",
+    dark: "#f57c00",
+    contrastText: "rgba(0, 0, 0, 0.87)"
+  },
+  info: {
+    main: "#29b6f6",
+    light: "#4fc3f7",
+    dark: "#0288d1",
+    contrastText: "rgba(0, 0, 0, 0.87)"
+  },
+  success: {
+    main: "#66bb6a",
+    light: "#81c784",
+    dark: "#388e3c",
+    contrastText: "rgba(0, 0, 0, 0.87)"
+  },
+  contrastThreshold: 3,
+  tonalOffset: 0.2,
+  text: {
+    primary: "#fff",
+    secondary: "rgba(255, 255, 255, 0.7)",
+    disabled: "rgba(255, 255, 255, 0.5)"
+  },
+  divider: "rgba(255, 255, 255, 0.12)",
+  background: {
+    paper: "#212121",
+    default: "#212121"
+  },
+  action: {
+    active: "#fff",
+    hover: "rgba(255, 255, 255, 0.08)",
+    hoverOpacity: 0.08,
+    selected: "rgba(255, 255, 255, 0.16)",
+    selectedOpacity: 0.16,
+    disabled: "rgba(255, 255, 255, 0.3)",
+    disabledBackground: "rgba(255, 255, 255, 0.12)",
+    disabledOpacity: 0.38,
+    focus: "rgba(255, 255, 255, 0.12)",
+    focusOpacity: 0.12,
+    activatedOpacity: 0.24
+  }
+};
+var BLOCKLET_THEME_DARK = (0, import_deepmerge.default)(BLOCKLET_THEME_LIGHT, {
+  palette: paletteDark,
+  typography: {
+    // @extends-start
+    color: {
+      main: "#fff",
+      gray: grey[300]
+    }
+  },
+  components: {
+    MuiTableCell: {
+      styleOverrides: {
+        head: {
+          textTransform: "uppercase",
+          color: grey[300]
+        },
+        body: {
+          color: grey[300]
+        }
+      }
+    },
+    MuiTableRow: {
+      root: {
+        "&:nth-child(even)": {
+          backgroundColor: "rgba(255, 255, 255, 0.02)"
+        }
+      }
+    }
+  }
+});
+export {
+  BLOCKLET_THEME_DARK,
+  BLOCKLET_THEME_LIGHT,
+  DEFAULT_FONTS
+};

package/dist/types/index.d.ts

@@ -0,0 +1,60 @@
+import { PaletteMode } from '@mui/material';
+import { Components, PaletteColorOptions, ThemeOptions } from '@mui/material/styles';
+import { Typography } from '@mui/material/styles/createTypography';
+
+declare module "@mui/material/styles" {
+	// @extend theme
+	interface Theme {
+		mode?: PaletteMode;
+		themeName?: string;
+		pageWidth?: string;
+		/** @deprecated 请使用 theme.palette */
+		colors?: Record<string, string>;
+	}
+	interface ThemeOptions {
+		themeName?: string;
+		mode?: PaletteMode;
+		pageWidth?: string;
+		/** @deprecated 请使用 theme.palette */
+		colors?: Record<string, string>;
+		/** @deprecated 请使用 components */
+		overrides?: Components<Omit<Theme, "components">>;
+	}
+	// @extend theme.palette
+	interface Palette {
+		storeSecondary: Palette["primary"];
+		did: {
+			primary: string;
+			secondary: string;
+		};
+	}
+	interface PaletteOptions {
+		storeSecondary?: PaletteColorOptions;
+		did?: {
+			primary?: string;
+			secondary?: string;
+		};
+	}
+	// @extend theme.palette.text
+	interface TypeText {
+		hint: string;
+	}
+}
+declare module "@mui/material/styles/createTypography" {
+	// @extend theme.typography
+	interface Typography {
+		/** @deprecated 请使用 theme.palette.text */
+		color: Record<string, string>;
+	}
+	interface TypographyOptions {
+		color?: Record<string, string>;
+	}
+}
+export declare const DEFAULT_FONTS: string[];
+/**
+ * figma: https://www.figma.com/file/1qHyMF137EXOQpSFVByszG/UX-Library?node-id=295%3A1518
+ */
+export declare const BLOCKLET_THEME_LIGHT: ThemeOptions;
+export declare const BLOCKLET_THEME_DARK: ThemeOptions;
+
+export {};

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@blocklet/theme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "2.13.7",
+  "description": "A preset MUI-based theme configuration designed for use with Blocklet.",
+  "main": "dist/cjs/index.js",
+  "module": "dist/es/index.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "import": "./dist/es/index.js",
+      "types": "./dist/types/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "lint": "eslint src tests",
+    "lint:fix": "npm run lint -- --fix",
+    "test": "NODE_ENV=test node tools/jest.js",
+    "coverage": "npm run test -- --coverage",
+    "clean": "rm -rf dist",
+    "build:types": "dts-bundle-generator -o dist/types/index.d.ts src/index.ts --no-banner --inline-declare-externals",
+    "build:cjs": "esbuild src/index.ts --bundle --outfile=dist/cjs/index.js --platform=node --format=cjs",
+    "build:esm": "esbuild src/index.ts --bundle --outfile=dist/es/index.js --platform=node --format=esm",
+    "build": "npm run clean && npm run build:cjs && npm run build:esm && npm run build:types"
+  },
+  "author": "wangshijun<wangshijun2010@gmail.com>",
+  "license": "Apache-2.0",
+  "peerDependencies": {
+    "@mui/material": ">=5.15.0"
+  },
+  "dependencies": {
+    "deepmerge": "^4.3.1"
+  },
+  "devDependencies": {
+    "@arcblock/eslint-config-ts": "^0.3.3",
+    "@types/jest": "^29.5.13",
+    "@types/node": "^20.14.9",
+    "@typescript-eslint/eslint-plugin": "^7.1.0",
+    "@typescript-eslint/parser": "^7.1.0",
+    "dts-bundle-generator": "^9.2.3",
+    "esbuild": "^0.20.2",
+    "eslint": "^8.57.0",
+    "jest": "^29.7.0",
+    "prettier": "^3.2.5",
+    "ts-jest": "^29.1.2",
+    "typescript": "~5.5.4"
+  },
+  "gitHead": "9db5da4c6bc8ec9bd239bcd6d080930b52601bd2"
+}