@sankyu/react-circle-flags 1.2.2 → 1.3.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.
- package/README.md +24 -2
- package/dist/index.cjs +32 -32
- package/dist/index.d.ts +3 -3
- package/dist/index.mjs +32 -32
- package/package.json +1 -7
package/README.md
CHANGED
|
@@ -1,5 +1,25 @@
|
|
|
1
|
+
<div align="center">
|
|
2
|
+
<img src="./website/public/favicon.svg" alt="@sankyu/react-circle-flags" width="120" height="120" />
|
|
3
|
+
</div>
|
|
4
|
+
|
|
1
5
|
# @sankyu/react-circle-flags
|
|
2
6
|
|
|
7
|
+
<div align="center">
|
|
8
|
+
|
|
9
|
+
[](https://www.npmjs.com/package/@sankyu/react-circle-flags) [](https://www.npmjs.com/package/@sankyu/react-circle-flags) [](https://bundlephobia.com/package/@sankyu/react-circle-flags)
|
|
10
|
+
|
|
11
|
+
[](https://www.typescriptlang.org/) [](https://reactjs.org/) [](./LICENSE)
|
|
12
|
+
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
:star: **Star us on [GitHub](https://github.com/Sankyu-Lab/react-circle-flags)** | :bug: **Report Issues [here](https://github.com/Sankyu-Lab/react-circle-flags/issues)**
|
|
16
|
+
|
|
17
|
+
:rocket: **Explore the [Demo Gallery](https://sankyu-lab.github.io/browse)** | :book: **Read the [Documentation](https://sankyu-lab.github.io/react-circle-flags/docs/guides/getting-started/)**
|
|
18
|
+
|
|
19
|
+
</div>
|
|
20
|
+
|
|
21
|
+
---
|
|
22
|
+
|
|
3
23
|
Welcome to `@sankyu/react-circle-flags`, a modern React library for circular flag components.
|
|
4
24
|
|
|
5
25
|
## 📖 Overview
|
|
@@ -112,7 +132,7 @@ Over 428 country and territory flags are available. Each flag is exported with t
|
|
|
112
132
|
- `FlagJp` - Japan
|
|
113
133
|
- ... and many more
|
|
114
134
|
|
|
115
|
-
See the [full list of flags](https://
|
|
135
|
+
See the [full list of flags](https://sankyu-lab.github.io/browse) in the circle-flags gallery.
|
|
116
136
|
|
|
117
137
|
## 🎨 Styling
|
|
118
138
|
|
|
@@ -194,7 +214,9 @@ Please see [CONTRIBUTING.md](CONTRIBUTING.md) for contribution guidelines.
|
|
|
194
214
|
|
|
195
215
|
## 📄 License
|
|
196
216
|
|
|
197
|
-
MIT, © [Sankyu Lab](https://github.com/Sankyu-Lab)
|
|
217
|
+
`@sankyu/react-circle-flags` is licensed under the MIT License, © [Sankyu Lab](https://github.com/Sankyu-Lab)
|
|
218
|
+
|
|
219
|
+
[website](./website/) is licensed under the GPL-3.0 License, © [Sankyu Lab](https://github.com/Sankyu-Lab)
|
|
198
220
|
|
|
199
221
|
## 🙏 Credits
|
|
200
222
|
|
package/dist/index.cjs
CHANGED
|
@@ -442,35 +442,6 @@ __export(flags_exports, {
|
|
|
442
442
|
FlagZm: () => FlagZm,
|
|
443
443
|
FlagZw: () => FlagZw
|
|
444
444
|
});
|
|
445
|
-
var FlagAqTrueSouth = ({
|
|
446
|
-
width = 48,
|
|
447
|
-
height = 48,
|
|
448
|
-
className,
|
|
449
|
-
title = "\u{1F1E6}\u{1F1F6} AQ-TRUE_SOUTH",
|
|
450
|
-
alt = "\u{1F1E6}\u{1F1F6}",
|
|
451
|
-
...props
|
|
452
|
-
}) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
453
|
-
"svg",
|
|
454
|
-
{
|
|
455
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
456
|
-
viewBox: "0 0 512 512",
|
|
457
|
-
width,
|
|
458
|
-
height,
|
|
459
|
-
className,
|
|
460
|
-
role: "img",
|
|
461
|
-
"aria-label": title,
|
|
462
|
-
...props,
|
|
463
|
-
...{ alt },
|
|
464
|
-
children: [
|
|
465
|
-
/* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
|
|
466
|
-
/* @__PURE__ */ jsxRuntime.jsx("mask", { id: "a", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
|
|
467
|
-
/* @__PURE__ */ jsxRuntime.jsxs("g", { mask: "url(#a)", children: [
|
|
468
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#eee", d: "M0 256 256 28l256 228v256H0Z" }),
|
|
469
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#002266", d: "m114 256 142 228 142-228-142 57ZM0 0h512v256H398L256 28 114 256H0Z" })
|
|
470
|
-
] })
|
|
471
|
-
]
|
|
472
|
-
}
|
|
473
|
-
);
|
|
474
445
|
var FlagDg = ({
|
|
475
446
|
width = 48,
|
|
476
447
|
height = 48,
|
|
@@ -13223,6 +13194,35 @@ var FlagSealand = ({
|
|
|
13223
13194
|
]
|
|
13224
13195
|
}
|
|
13225
13196
|
);
|
|
13197
|
+
var FlagAqTrueSouth = ({
|
|
13198
|
+
width = 48,
|
|
13199
|
+
height = 48,
|
|
13200
|
+
className,
|
|
13201
|
+
title = "\u{1F1E6}\u{1F1F6} AQ-TRUE_SOUTH",
|
|
13202
|
+
alt = "\u{1F1E6}\u{1F1F6}",
|
|
13203
|
+
...props
|
|
13204
|
+
}) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
13205
|
+
"svg",
|
|
13206
|
+
{
|
|
13207
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13208
|
+
viewBox: "0 0 512 512",
|
|
13209
|
+
width,
|
|
13210
|
+
height,
|
|
13211
|
+
className,
|
|
13212
|
+
role: "img",
|
|
13213
|
+
"aria-label": title,
|
|
13214
|
+
...props,
|
|
13215
|
+
...{ alt },
|
|
13216
|
+
children: [
|
|
13217
|
+
/* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
|
|
13218
|
+
/* @__PURE__ */ jsxRuntime.jsx("mask", { id: "a", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
|
|
13219
|
+
/* @__PURE__ */ jsxRuntime.jsxs("g", { mask: "url(#a)", children: [
|
|
13220
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#eee", d: "M0 256 256 28l256 228v256H0Z" }),
|
|
13221
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#002266", d: "m114 256 142 228 142-228-142 57ZM0 0h512v256H398L256 28 114 256H0Z" })
|
|
13222
|
+
] })
|
|
13223
|
+
]
|
|
13224
|
+
}
|
|
13225
|
+
);
|
|
13226
13226
|
var FlagAuAboriginal = ({
|
|
13227
13227
|
width = 48,
|
|
13228
13228
|
height = 48,
|
|
@@ -13897,7 +13897,6 @@ var FlagJp = ({
|
|
|
13897
13897
|
|
|
13898
13898
|
// generated/flags/index.ts
|
|
13899
13899
|
var FLAG_REGISTRY = {
|
|
13900
|
-
"aq-true_south": "FlagAqTrueSouth",
|
|
13901
13900
|
"dg": "FlagDg",
|
|
13902
13901
|
"io": "FlagIo",
|
|
13903
13902
|
"pk-sd": "FlagPkSd",
|
|
@@ -14302,6 +14301,7 @@ var FLAG_REGISTRY = {
|
|
|
14302
14301
|
"ua-bpr": "FlagUaBpr",
|
|
14303
14302
|
"ru-ta": "FlagRuTa",
|
|
14304
14303
|
"sealand": "FlagSealand",
|
|
14304
|
+
"aq-true_south": "FlagAqTrueSouth",
|
|
14305
14305
|
"au-aboriginal": "FlagAuAboriginal",
|
|
14306
14306
|
"in-mz": "FlagInMz",
|
|
14307
14307
|
"cn-xj": "FlagCnXj",
|
|
@@ -14329,7 +14329,7 @@ var FLAG_REGISTRY = {
|
|
|
14329
14329
|
|
|
14330
14330
|
// package.json
|
|
14331
14331
|
var package_default = {
|
|
14332
|
-
version: "1.
|
|
14332
|
+
version: "1.3.0"};
|
|
14333
14333
|
|
|
14334
14334
|
// src/meta.ts
|
|
14335
14335
|
var parseBuiltAt = (source) => {
|
|
@@ -14338,7 +14338,7 @@ var parseBuiltAt = (source) => {
|
|
|
14338
14338
|
};
|
|
14339
14339
|
var commit = "dev" ;
|
|
14340
14340
|
var builtAt = parseBuiltAt(
|
|
14341
|
-
"
|
|
14341
|
+
"1767362357407"
|
|
14342
14342
|
);
|
|
14343
14343
|
var buildMeta = {
|
|
14344
14344
|
version: package_default.version,
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import { ReactElement, SVGProps } from 'react';
|
|
2
2
|
|
|
3
|
-
declare const FlagAqTrueSouth: ({ width, height, className, title, alt, ...props }: FlagComponentProps) => ReactElement;
|
|
4
|
-
|
|
5
3
|
declare const FlagDg: ({ width, height, className, title, alt, ...props }: FlagComponentProps) => ReactElement;
|
|
6
4
|
|
|
7
5
|
declare const FlagIo: ({ width, height, className, title, alt, ...props }: FlagComponentProps) => ReactElement;
|
|
@@ -810,6 +808,8 @@ declare const FlagRuTa: ({ width, height, className, title, alt, ...props }: Fla
|
|
|
810
808
|
|
|
811
809
|
declare const FlagSealand: ({ width, height, className, title, alt, ...props }: FlagComponentProps) => ReactElement;
|
|
812
810
|
|
|
811
|
+
declare const FlagAqTrueSouth: ({ width, height, className, title, alt, ...props }: FlagComponentProps) => ReactElement;
|
|
812
|
+
|
|
813
813
|
declare const FlagAuAboriginal: ({ width, height, className, title, alt, ...props }: FlagComponentProps) => ReactElement;
|
|
814
814
|
|
|
815
815
|
declare const FlagInMz: ({ width, height, className, title, alt, ...props }: FlagComponentProps) => ReactElement;
|
|
@@ -863,7 +863,6 @@ type FlagComponent = {
|
|
|
863
863
|
title?: string;
|
|
864
864
|
};
|
|
865
865
|
declare const FLAG_REGISTRY: {
|
|
866
|
-
readonly "aq-true_south": "FlagAqTrueSouth";
|
|
867
866
|
readonly dg: "FlagDg";
|
|
868
867
|
readonly io: "FlagIo";
|
|
869
868
|
readonly "pk-sd": "FlagPkSd";
|
|
@@ -1268,6 +1267,7 @@ declare const FLAG_REGISTRY: {
|
|
|
1268
1267
|
readonly "ua-bpr": "FlagUaBpr";
|
|
1269
1268
|
readonly "ru-ta": "FlagRuTa";
|
|
1270
1269
|
readonly sealand: "FlagSealand";
|
|
1270
|
+
readonly "aq-true_south": "FlagAqTrueSouth";
|
|
1271
1271
|
readonly "au-aboriginal": "FlagAuAboriginal";
|
|
1272
1272
|
readonly "in-mz": "FlagInMz";
|
|
1273
1273
|
readonly "cn-xj": "FlagCnXj";
|
package/dist/index.mjs
CHANGED
|
@@ -440,35 +440,6 @@ __export(flags_exports, {
|
|
|
440
440
|
FlagZm: () => FlagZm,
|
|
441
441
|
FlagZw: () => FlagZw
|
|
442
442
|
});
|
|
443
|
-
var FlagAqTrueSouth = ({
|
|
444
|
-
width = 48,
|
|
445
|
-
height = 48,
|
|
446
|
-
className,
|
|
447
|
-
title = "\u{1F1E6}\u{1F1F6} AQ-TRUE_SOUTH",
|
|
448
|
-
alt = "\u{1F1E6}\u{1F1F6}",
|
|
449
|
-
...props
|
|
450
|
-
}) => /* @__PURE__ */ jsxs(
|
|
451
|
-
"svg",
|
|
452
|
-
{
|
|
453
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
454
|
-
viewBox: "0 0 512 512",
|
|
455
|
-
width,
|
|
456
|
-
height,
|
|
457
|
-
className,
|
|
458
|
-
role: "img",
|
|
459
|
-
"aria-label": title,
|
|
460
|
-
...props,
|
|
461
|
-
...{ alt },
|
|
462
|
-
children: [
|
|
463
|
-
/* @__PURE__ */ jsx("title", { children: title }),
|
|
464
|
-
/* @__PURE__ */ jsx("mask", { id: "a", children: /* @__PURE__ */ jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
|
|
465
|
-
/* @__PURE__ */ jsxs("g", { mask: "url(#a)", children: [
|
|
466
|
-
/* @__PURE__ */ jsx("path", { fill: "#eee", d: "M0 256 256 28l256 228v256H0Z" }),
|
|
467
|
-
/* @__PURE__ */ jsx("path", { fill: "#002266", d: "m114 256 142 228 142-228-142 57ZM0 0h512v256H398L256 28 114 256H0Z" })
|
|
468
|
-
] })
|
|
469
|
-
]
|
|
470
|
-
}
|
|
471
|
-
);
|
|
472
443
|
var FlagDg = ({
|
|
473
444
|
width = 48,
|
|
474
445
|
height = 48,
|
|
@@ -13221,6 +13192,35 @@ var FlagSealand = ({
|
|
|
13221
13192
|
]
|
|
13222
13193
|
}
|
|
13223
13194
|
);
|
|
13195
|
+
var FlagAqTrueSouth = ({
|
|
13196
|
+
width = 48,
|
|
13197
|
+
height = 48,
|
|
13198
|
+
className,
|
|
13199
|
+
title = "\u{1F1E6}\u{1F1F6} AQ-TRUE_SOUTH",
|
|
13200
|
+
alt = "\u{1F1E6}\u{1F1F6}",
|
|
13201
|
+
...props
|
|
13202
|
+
}) => /* @__PURE__ */ jsxs(
|
|
13203
|
+
"svg",
|
|
13204
|
+
{
|
|
13205
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13206
|
+
viewBox: "0 0 512 512",
|
|
13207
|
+
width,
|
|
13208
|
+
height,
|
|
13209
|
+
className,
|
|
13210
|
+
role: "img",
|
|
13211
|
+
"aria-label": title,
|
|
13212
|
+
...props,
|
|
13213
|
+
...{ alt },
|
|
13214
|
+
children: [
|
|
13215
|
+
/* @__PURE__ */ jsx("title", { children: title }),
|
|
13216
|
+
/* @__PURE__ */ jsx("mask", { id: "a", children: /* @__PURE__ */ jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
|
|
13217
|
+
/* @__PURE__ */ jsxs("g", { mask: "url(#a)", children: [
|
|
13218
|
+
/* @__PURE__ */ jsx("path", { fill: "#eee", d: "M0 256 256 28l256 228v256H0Z" }),
|
|
13219
|
+
/* @__PURE__ */ jsx("path", { fill: "#002266", d: "m114 256 142 228 142-228-142 57ZM0 0h512v256H398L256 28 114 256H0Z" })
|
|
13220
|
+
] })
|
|
13221
|
+
]
|
|
13222
|
+
}
|
|
13223
|
+
);
|
|
13224
13224
|
var FlagAuAboriginal = ({
|
|
13225
13225
|
width = 48,
|
|
13226
13226
|
height = 48,
|
|
@@ -13895,7 +13895,6 @@ var FlagJp = ({
|
|
|
13895
13895
|
|
|
13896
13896
|
// generated/flags/index.ts
|
|
13897
13897
|
var FLAG_REGISTRY = {
|
|
13898
|
-
"aq-true_south": "FlagAqTrueSouth",
|
|
13899
13898
|
"dg": "FlagDg",
|
|
13900
13899
|
"io": "FlagIo",
|
|
13901
13900
|
"pk-sd": "FlagPkSd",
|
|
@@ -14300,6 +14299,7 @@ var FLAG_REGISTRY = {
|
|
|
14300
14299
|
"ua-bpr": "FlagUaBpr",
|
|
14301
14300
|
"ru-ta": "FlagRuTa",
|
|
14302
14301
|
"sealand": "FlagSealand",
|
|
14302
|
+
"aq-true_south": "FlagAqTrueSouth",
|
|
14303
14303
|
"au-aboriginal": "FlagAuAboriginal",
|
|
14304
14304
|
"in-mz": "FlagInMz",
|
|
14305
14305
|
"cn-xj": "FlagCnXj",
|
|
@@ -14327,7 +14327,7 @@ var FLAG_REGISTRY = {
|
|
|
14327
14327
|
|
|
14328
14328
|
// package.json
|
|
14329
14329
|
var package_default = {
|
|
14330
|
-
version: "1.
|
|
14330
|
+
version: "1.3.0"};
|
|
14331
14331
|
|
|
14332
14332
|
// src/meta.ts
|
|
14333
14333
|
var parseBuiltAt = (source) => {
|
|
@@ -14336,7 +14336,7 @@ var parseBuiltAt = (source) => {
|
|
|
14336
14336
|
};
|
|
14337
14337
|
var commit = "dev" ;
|
|
14338
14338
|
var builtAt = parseBuiltAt(
|
|
14339
|
-
"
|
|
14339
|
+
"1767362357407"
|
|
14340
14340
|
);
|
|
14341
14341
|
var buildMeta = {
|
|
14342
14342
|
version: package_default.version,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sankyu/react-circle-flags",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.3.0",
|
|
4
4
|
"description": "Modern React library for circular flag components with SVGs, TypeScript support, and tree-shaking optimization.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -115,15 +115,9 @@
|
|
|
115
115
|
"react": "^18.3.1",
|
|
116
116
|
"rollup": "^4.54.0",
|
|
117
117
|
"semantic-release": "^25.0.2",
|
|
118
|
-
"svgo": "^4.0.0",
|
|
119
118
|
"ts-jest": "^29.4.6",
|
|
120
119
|
"tsup": "^8.5.1",
|
|
121
120
|
"tsx": "^4.21.0",
|
|
122
|
-
"typedoc": "0.28.15",
|
|
123
|
-
"typedoc-plugin-markdown": "4.9.0",
|
|
124
121
|
"typescript": "^5.9.3"
|
|
125
|
-
},
|
|
126
|
-
"dependencies": {
|
|
127
|
-
"@use-gesture/react": "^10.3.1"
|
|
128
122
|
}
|
|
129
123
|
}
|