@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.
Files changed (3) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/README.md +30 -10
  3. 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+ flag icons. Smooth, RTL-aware, and optimized SVGs.
5
+ React icon library with 1,000+ duotone icons and 250+ flags. Smooth, RTL-aware, and optimized SVGs.
6
6
 
7
7
  ![Icons banner with logo in the center](./assets/banner-github.webp)
8
8
 
9
9
  ## Overview
10
10
 
11
- **andrsrxn/icons** is a React icon library with 1,000+ duotone icons and 250+ flag icons. Smooth, RTL-aware, and optimized SVGs.
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
- ## Categories
25
+ ## Groups
30
26
 
31
- - **UI**: 1,000+ functional icons for apps, each with its own preview image. (aspect ratio 1:1)
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` and `react-dom` version 19.
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 categories have an `Icon` prefix to differentiate them from other components and be easily importable.
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.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+ flag icons. Smooth, RTL-aware, and optimized SVGs.",
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.andrsrnx.com",
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/raw-icons": "1.0.0",
99
- "@andrsrxn/ts-config": "1.0.0"
97
+ "@andrsrxn/ts-config": "1.0.0",
98
+ "@andrsrxn/raw-icons": "1.0.0"
100
99
  },
101
100
  "scripts": {
102
101
  "dev": "vite",