@andrsrxn/icons 7.0.0 → 7.0.1
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/CHANGELOG.md +8 -0
- package/README.md +30 -10
- package/package.json +6 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @andrsrxn/icons
|
|
2
2
|
|
|
3
|
+
## 7.0.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`8b36c39`](https://github.com/andrsrxn/icons/commit/8b36c396c33e2ccf0bbcc421b8625ec626f2a1de) Thanks [@andrsrxn](https://github.com/andrsrxn)! - Loosened peer dependency requirements. Removed `react-dom` from `peerDependencies` entirely; the package only ever used `react` (components are plain functions returning JSX, nothing imports from `react-dom` directly).
|
|
8
|
+
|
|
9
|
+
No action needed for existing consumers.
|
|
10
|
+
|
|
3
11
|
## 7.0.0
|
|
4
12
|
|
|
5
13
|
### Major Changes
|
package/README.md
CHANGED
|
@@ -2,17 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
# andrsrxn/icons
|
|
4
4
|
|
|
5
|
-
React icon library with 1,000+ duotone icons and 250+
|
|
5
|
+
React icon library with 1,000+ duotone icons and 250+ flags. Smooth, RTL-aware, and optimized SVGs.
|
|
6
6
|
|
|
7
7
|

|
|
8
8
|
|
|
9
9
|
## Overview
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
This library was built to serve as the icon foundation for `andrsrxn/ui`, an upcoming open-source, opinionated Design System and Component Library aimed at enterprise-grade products.
|
|
14
|
-
|
|
15
|
-
While `andrsrxn/icons` is tightly coupled to that vision, it is intentionally published as a **standalone package**. This keeps it lightweight, independently versioned, and freely usable by anyone.
|
|
11
|
+
`andrsrxn/icons` is an open-source icon library designed on Figma and built for modern React applications. The set is lightweight, visually consistent, and accessible.
|
|
16
12
|
|
|
17
13
|
### Why another icon library?
|
|
18
14
|
|
|
@@ -26,16 +22,16 @@ Most libraries offer only outline or solid variants. [Phosphor Icons](https://ph
|
|
|
26
22
|
- **Outline when appropriate**: Simple geometric icons such as `+`, `/`, or `×` do not receive a decorative background layer that would only reduce clarity.
|
|
27
23
|
- **Filled on demand**: A `filled` variant is included only for icons that have a meaningful active or selected state, such as `like`, `bookmark`, or `star`, not as a blanket alternative style.
|
|
28
24
|
|
|
29
|
-
##
|
|
25
|
+
## Groups
|
|
30
26
|
|
|
31
|
-
- **UI**: 1,000+
|
|
27
|
+
- **UI**: 1,000+ icons for apps, each with its own preview image. (aspect ratio 1:1)
|
|
32
28
|
- **Flags**: 250+ simple and minimal country flags, named with ISO 3166-1 alpha-2 code (`IconFlagGT`, `IconFlagUS`), the exceptions are `IconFlagLGTB` and continent flags, which have a `C` prefix (`IconFlagCAF` for Africa, `IconFlagCNA` for North America, and so on); treated as image assets with country code as `title` included. (aspect ratio 3:2)
|
|
33
29
|
|
|
34
30
|
> **Notice**: We do not provide any brand or logo icons, as we are purely an icon library. If you need such icons, we recommend checking out [SVGL](https://svgl.app) or [Simple Icons](https://simpleicons.org/).
|
|
35
31
|
|
|
36
32
|
## Requirements
|
|
37
33
|
|
|
38
|
-
You only need to be using `react`
|
|
34
|
+
You only need to be using `react` 19 or higher.
|
|
39
35
|
|
|
40
36
|
> **Warning**: This is an ESM-only package, make sure your project is using Node `20.16.0`, `22.19.0`, `24.0.0` or higher, and has the `"type": "module"` field in your `package.json`.
|
|
41
37
|
|
|
@@ -45,6 +41,30 @@ Execute the following command:
|
|
|
45
41
|
|
|
46
42
|
```bash
|
|
47
43
|
pnpm add @andrsrxn/icons
|
|
44
|
+
|
|
45
|
+
npm add @andrsrxn/icons
|
|
46
|
+
|
|
47
|
+
yarn add @andrsrxn/icons
|
|
48
|
+
|
|
49
|
+
bun add @andrsrxn/icons
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
### Agent skill
|
|
53
|
+
|
|
54
|
+
If you are using an AI coding assistant (such as Antigravity, Cursor, Copilot, or Claude Code), you can install the official agent skill into your project:
|
|
55
|
+
|
|
56
|
+
```bash
|
|
57
|
+
# pnpm
|
|
58
|
+
pnpm dlx skills add andrsrxn/icons --skill andrsrxn-icons
|
|
59
|
+
|
|
60
|
+
# npm
|
|
61
|
+
npx skills add andrsrxn/icons --skill andrsrxn-icons
|
|
62
|
+
|
|
63
|
+
# yarn
|
|
64
|
+
yarn dlx skills add andrsrxn/icons --skill andrsrxn-icons
|
|
65
|
+
|
|
66
|
+
# bun
|
|
67
|
+
bunx skills add andrsrxn/icons --skill andrsrxn-icons
|
|
48
68
|
```
|
|
49
69
|
|
|
50
70
|
## Usage
|
|
@@ -138,7 +158,7 @@ If you want to treat them as decorative, use the `aria-hidden` attribute:
|
|
|
138
158
|
|
|
139
159
|
## Naming
|
|
140
160
|
|
|
141
|
-
All of the
|
|
161
|
+
All of the groups have an `Icon` prefix to differentiate them from other components and be easily importable.
|
|
142
162
|
|
|
143
163
|
The icon names are based on the object it represents, using kebab-case for the file names and PascalCase for the component names.
|
|
144
164
|
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@andrsrxn/icons",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
7
|
-
"description": "React icon library with 1,000+ duotone icons and 250+
|
|
7
|
+
"description": "React icon library with 1,000+ duotone icons and 250+ flags. Smooth, RTL-aware, and optimized SVGs.",
|
|
8
8
|
"type": "module",
|
|
9
9
|
"license": "MIT",
|
|
10
10
|
"author": {
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"url": "git+https://github.com/andrsrxn/icons.git",
|
|
30
30
|
"directory": "packages/icons"
|
|
31
31
|
},
|
|
32
|
-
"homepage": "https://icons.
|
|
32
|
+
"homepage": "https://icons.andrsrxn.com",
|
|
33
33
|
"bugs": {
|
|
34
34
|
"url": "https://github.com/andrsrxn/icons/issues"
|
|
35
35
|
},
|
|
@@ -78,8 +78,7 @@
|
|
|
78
78
|
"./rtl.css": "./dist/rtl.css"
|
|
79
79
|
},
|
|
80
80
|
"peerDependencies": {
|
|
81
|
-
"react": "^19"
|
|
82
|
-
"react-dom": "^19"
|
|
81
|
+
"react": "^19.0.0"
|
|
83
82
|
},
|
|
84
83
|
"devDependencies": {
|
|
85
84
|
"@testing-library/dom": "10.4.1",
|
|
@@ -95,8 +94,8 @@
|
|
|
95
94
|
"tsdown": "0.22.14",
|
|
96
95
|
"vite": "8.2.2",
|
|
97
96
|
"vitest": "4.1.11",
|
|
98
|
-
"@andrsrxn/
|
|
99
|
-
"@andrsrxn/
|
|
97
|
+
"@andrsrxn/ts-config": "1.0.0",
|
|
98
|
+
"@andrsrxn/raw-icons": "1.0.0"
|
|
100
99
|
},
|
|
101
100
|
"scripts": {
|
|
102
101
|
"dev": "vite",
|