naive-icons 1.0.1 → 1.0.2

package/CHANGELOG.md

@@ -17,6 +17,13 @@
 - 详情弹窗支持键盘方向键连续切换图标，打开时背景内容设为 inert
 - 无障碍补强：skip link、aria-live 结果计数、标签页方向键切换、焦点归还
 
+## 1.0.2
+
+修复
+
+- 修复组件不传 `size` 时没有明确尺寸的问题：`normalizeIconProps` 现在始终向 svg 写入 `width` / `height`，默认 24，保证 `<HomeIcon />` 也有稳定的 24px 尺寸
+- 顺手补上默认 `fill="none"`，避免与 SVG 内部已有的 `fill` 属性在覆盖时产生歧义
+
 ## 1.0.1
 
 修复

package/README.en.md

@@ -1,3 +1,5 @@
+<h1>Naive Icons</h1>
+
 <p align="right">
   <a href="./README.md">中文</a> | <a href="./README.en.md">English</a>
 </p>
@@ -6,10 +8,20 @@
   <img src="assets/logo.svg" alt="Naive Icons" width="132" height="132">
 </p>
 
-<h1 align="center">Naive Icons</h1>
-
 <p align="center">Hand-drawn "naive folk art" style SVG icon library, built for React and TypeScript</p>
 
+<p align="center">
+  <a href="https://github.com/guokaigdg/naive-icons/stargazers"><img src="https://img.shields.io/github/stars/guokaigdg/naive-icons?style=flat-square&color=E9C46A" alt="GitHub stars"></a>
+  <a href="https://www.npmjs.com/package/naive-icons"><img src="https://img.shields.io/npm/v/naive-icons?style=flat-square&color=E76F51" alt="npm version"></a>
+  <a href="https://www.npmjs.com/package/naive-icons"><img src="https://img.shields.io/npm/dm/naive-icons?style=flat-square&color=2A9D8F" alt="npm downloads"></a>
+  <a href="./LICENSE"><img src="https://img.shields.io/badge/license-MIT-264653?style=flat-square" alt="license: MIT"></a>
+  <br/>
+  <img src="https://img.shields.io/badge/React-61DAFB?style=flat-square&logo=react&logoColor=black" alt="React">
+  <img src="https://img.shields.io/badge/TypeScript-3178C6?style=flat-square&logo=typescript&logoColor=white" alt="TypeScript">
+  <img src="https://img.shields.io/badge/SVG-FFB13B?style=flat-square&logoColor=black" alt="SVG">
+</p>
+
+
 Naive Icons is a hand-drawn SVG icon library with a naive folk art style, built for React and TypeScript. All 101 icons are AI-generated original works.
 
 Each icon is drawn on a 48x48 grid with a 3.5 stroke, rounded line caps, and a unified retro palette — keeping the charming clumsiness and warmth of hand-drawn illustration. Some icons even feature a pair of dot eyes and a little smile, adding a touch of humanity to your interface.

package/README.md

@@ -1,3 +1,6 @@
+
+<h1>Naive Icons</h1>
+
 <p align="right">
   <a href="./README.md">中文</a> | <a href="./README.en.md">English</a>
 </p>
@@ -6,10 +9,20 @@
   <img src="assets/logo.svg" alt="Naive Icons" width="132" height="132">
 </p>
 
-<h1 align="center">Naive Icons</h1>
 
 <p align="center">手绘 naive folk art 风格的 SVG 图标库，为 React 与 TypeScript 打造</p>
 
+<p align="center">
+  <a href="https://github.com/guokaigdg/naive-icons/stargazers"><img src="https://img.shields.io/github/stars/guokaigdg/naive-icons?style=flat-square&color=E9C46A" alt="GitHub stars"></a>
+  <a href="https://www.npmjs.com/package/naive-icons"><img src="https://img.shields.io/npm/v/naive-icons?style=flat-square&color=E76F51" alt="npm version"></a>
+  <a href="https://www.npmjs.com/package/naive-icons"><img src="https://img.shields.io/npm/dm/naive-icons?style=flat-square&color=2A9D8F" alt="npm downloads"></a>
+  <a href="./LICENSE"><img src="https://img.shields.io/badge/license-MIT-264653?style=flat-square" alt="license: MIT"></a>
+  <br/>
+  <img src="https://img.shields.io/badge/React-61DAFB?style=flat-square&logo=react&logoColor=black" alt="React">
+  <img src="https://img.shields.io/badge/TypeScript-3178C6?style=flat-square&logo=typescript&logoColor=white" alt="TypeScript">
+  <img src="https://img.shields.io/badge/SVG-FFB13B?style=flat-square&logoColor=black" alt="SVG">
+</p>
+
 Naive Icons 是一套手绘 naive folk art 风格的 SVG 图标库，为 React 与 TypeScript 打造。全部 101 个图标由 AI 生成，均为原创作品。
 
 每一个图标都建立在 48x48 的网格上，使用 3.5 的粗描边、圆角线帽与统一的复古调色板，并保留了手绘插画特有的笨拙感与温度——部分图标还带有一对小圆点眼睛和微笑，让界面多一点点人情味。

package/dist/index.js

@@ -4,12 +4,11 @@ var jsxRuntime = require('react/jsx-runtime');
 
 // src/iconProps.ts
 function normalizeIconProps(props) {
-  const { size, color, strokeWidth, ...rest } = props;
+  const { size = 24, color, strokeWidth, fill = "none", ...rest } = props;
   const svgProps = { ...rest };
-  if (size !== void 0 && size !== null) {
-    svgProps.width = size;
-    svgProps.height = size;
-  }
+  svgProps.width = size;
+  svgProps.height = size;
+  svgProps.fill = fill;
   if (color !== void 0 && color !== null) {
     svgProps.stroke = color;
   }