@sankyu/react-circle-flags 1.5.4 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/README.md +11 -2
  2. package/README.zh.md +11 -2
  3. package/dist/flags/es-vc.cjs +1 -0
  4. package/dist/flags/es-vc.mjs +1 -0
  5. package/dist/index.cjs +2 -2
  6. package/dist/index.d.ts +4101 -413
  7. package/dist/index.mjs +2 -2
  8. package/package.json +11 -12
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  <div align="center">
2
2
  <a href="https://react-circle-flags.js.org/">
3
- <img src="https://raw.githubusercontent.com/SanKyu-Lab/react-circle-flags/main/website/public/favicon.svg" alt="@sankyu/react-circle-flags" width="120" height="120" />
3
+ <img src="https://raw.githubusercontent.com/SanKyu-Lab/react-circle-flags/main/.github/assets/favicon.svg" alt="@sankyu/react-circle-flags" width="120" height="120" />
4
4
  </a>
5
5
  </div>
6
6
 
@@ -36,7 +36,7 @@ Perfect for applications that need fast, crisp country flags without external im
36
36
 
37
37
  ## :world_map: Live Demo
38
38
 
39
- [![Edit react-circle-flags-demo](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/nyy6vp) [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/react-circle-flags?file=src%2FApp.tsx&terminal=dev)
39
+ [![Edit react-circle-flags-demo](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/nyy6vp) [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/fork/github/SanKyu-Lab/circle-flags-ui/tree/main/examples/example-react?file=src%2FApp.tsx&terminal=dev)
40
40
 
41
41
  ## ✨ Key Features
42
42
 
@@ -89,6 +89,15 @@ export default function App() {
89
89
  > [!TIP]
90
90
  > For more information, you may refer to the [Usage Guide](https://react-circle-flags.js.org/docs/guides/getting-started/usage/).
91
91
 
92
+ ## ⚠️ Deprecated: `<CircleFlag />`
93
+
94
+ `<CircleFlag />` is deprecated and is **not recommended for new code**.
95
+
96
+ - It fetches SVG at runtime (not offline-first).
97
+ - After loading, it renders a wrapper with injected SVG HTML, so many SVG-only props won’t apply.
98
+
99
+ See: https://react-circle-flags.js.org/docs/deprecated/circleflag/
100
+
92
101
  ## 📚 API
93
102
 
94
103
  ### Build Meta Information
package/README.zh.md CHANGED
@@ -1,6 +1,6 @@
1
1
  <div align="center">
2
2
  <a href="https://react-circle-flags.js.org/">
3
- <img src="https://raw.githubusercontent.com/SanKyu-Lab/react-circle-flags/main/website/public/favicon.svg" alt="@sankyu/react-circle-flags" width="120" height="120" />
3
+ <img src="https://raw.githubusercontent.com/SanKyu-Lab/react-circle-flags/main/.github/assets/favicon.svg" alt="@sankyu/react-circle-flags" width="120" height="120" />
4
4
  </a>
5
5
  </div>
6
6
 
@@ -36,7 +36,7 @@
36
36
 
37
37
  ## :world_map: 在线演示
38
38
 
39
- [![在 CodeSandbox 中编辑 react-circle-flags-demo](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/nyy6vp) [![在 StackBlitz 中打开](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/react-circle-flags?file=src%2FApp.tsx&terminal=dev)
39
+ [![在 CodeSandbox 中编辑 react-circle-flags-demo](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/nyy6vp) [![在 StackBlitz 中打开](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/fork/github/SanKyu-Lab/circle-flags-ui/tree/main/examples/example-react?file=src%2FApp.tsx&terminal=dev)
40
40
 
41
41
  ## ✨ 核心特性
42
42
 
@@ -89,6 +89,15 @@ export default function App() {
89
89
  > [!TIP]
90
90
  > 欲了解更多信息，请参阅 [使用指南](https://react-circle-flags.js.org/docs/guides/getting-started/usage/)。
91
91
 
92
+ ## ⚠️ 弃用警告：`<CircleFlag />`
93
+
94
+ `<CircleFlag />` 已弃用，**不推荐在新代码中使用**。
95
+
96
+ - 它会在运行时拉取 SVG（非离线优先）。
97
+ - 加载后渲染的是 wrapper 并注入 SVG HTML，许多仅 SVG 生效的 props 无法按预期工作。
98
+
99
+ 详见：https://react-circle-flags.js.org/docs/deprecated/circleflag/
100
+
92
101
  ## 📚 API
93
102
 
94
103
  ### 构建元信息
package/dist/flags/es-vc.cjs ADDED
@@ -0,0 +1 @@
1
+ 'use strict';const jsxRuntime=require('react/jsx-runtime');const i=({width:t=48,height:o=48,className:m,title:a="ES-VC",...r})=>jsxRuntime.jsxs("svg",{viewBox:"0 0 512 512",width:t,height:o,className:m,role:"img","aria-label":a,...r,children:[jsxRuntime.jsx("title",{children:a}),jsxRuntime.jsx("mask",{id:"a",children:jsxRuntime.jsx("circle",{cx:"256",cy:"256",r:"256",fill:"#fff"})}),jsxRuntime.jsxs("g",{mask:"url(#a)",children:[jsxRuntime.jsx("path",{fill:"#ffda44",d:"M0 0h512v512H0z"}),jsxRuntime.jsx("path",{fill:"#d80027",d:"M111 57h401v57H111zm0 114h401v57H111zm0 114h401v56H111zm0 113h401v57H111z"}),jsxRuntime.jsx("path",{fill:"#0052b4",d:"M0 0h111v512H0z"})]})]});exports.FlagEsVc=i;
package/dist/flags/es-vc.mjs ADDED
@@ -0,0 +1 @@
1
+ import {jsxs,jsx}from'react/jsx-runtime';const i=({width:t=48,height:o=48,className:m,title:a="ES-VC",...r})=>jsxs("svg",{viewBox:"0 0 512 512",width:t,height:o,className:m,role:"img","aria-label":a,...r,children:[jsx("title",{children:a}),jsx("mask",{id:"a",children:jsx("circle",{cx:"256",cy:"256",r:"256",fill:"#fff"})}),jsxs("g",{mask:"url(#a)",children:[jsx("path",{fill:"#ffda44",d:"M0 0h512v512H0z"}),jsx("path",{fill:"#d80027",d:"M111 57h401v57H111zm0 114h401v57H111zm0 114h401v56H111zm0 113h401v57H111z"}),jsx("path",{fill:"#0052b4",d:"M0 0h111v512H0z"})]})]});export{i as FlagEsVc};