@ds-mo/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/README.md +28 -0
- package/dist/agent.json +1 -1
- package/dist/agent.mjs +1 -1
- package/dist/meta.json +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -18,6 +18,34 @@ pnpm add @ds-mo/icons
|
|
|
18
18
|
|
|
19
19
|
React is a peer dependency for the React entry points — vanilla SVG / sprite consumers don't need it.
|
|
20
20
|
|
|
21
|
+
## For shadcn/ui projects
|
|
22
|
+
|
|
23
|
+
Use IcoMo exactly as you would the icon components in shadcn examples: install the package, import the icons you use, and place them directly in JSX. Every system icon forwards standard SVG props, including Tailwind `className`, `aria-*`, and `data-*` attributes.
|
|
24
|
+
|
|
25
|
+
```tsx
|
|
26
|
+
import { ArrowRight, CheckCircle } from '@ds-mo/icons';
|
|
27
|
+
import { Button } from '@/components/ui/button';
|
|
28
|
+
|
|
29
|
+
export function SaveButton() {
|
|
30
|
+
return (
|
|
31
|
+
<Button>
|
|
32
|
+
<CheckCircle data-icon="inline-start" className="size-4" aria-hidden />
|
|
33
|
+
Save changes
|
|
34
|
+
</Button>
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
export function ContinueButton() {
|
|
39
|
+
return (
|
|
40
|
+
<Button size="icon" aria-label="Continue">
|
|
41
|
+
<ArrowRight className="size-4" aria-hidden />
|
|
42
|
+
</Button>
|
|
43
|
+
);
|
|
44
|
+
}
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
`data-icon="inline-start"` uses shadcn's automatic Button icon spacing. IcoMo system icons are tree-shakeable, so importing `ArrowRight` does not bundle the rest of the library. Use the package when you want versioned icon updates; use the [icon browser](https://zainadeel.github.io/icomo/) to find names and copy imports.
|
|
48
|
+
|
|
21
49
|
## Icon browser
|
|
22
50
|
|
|
23
51
|
Browse and search all icons at the [GitHub Pages icon browser](https://zainadeel.github.io/icomo/). Live search (includes aliases), size toggle, light/dark theme, category tabs, click-to-copy imports.
|
package/dist/agent.json
CHANGED
package/dist/agent.mjs
CHANGED
package/dist/meta.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ds-mo/icons",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.1",
|
|
4
4
|
"description": "IcoMo — 434 SVG icons (402 system icons + 32 country flags) as tree-shakeable React components, framework-agnostic SVG strings, TypeScript definitions, and SVG sprite",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"icons",
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
},
|
|
105
105
|
"devDependencies": {
|
|
106
106
|
"chokidar": "^5.0.0",
|
|
107
|
-
"pdfkit": "^0.
|
|
107
|
+
"pdfkit": "^0.20.1",
|
|
108
108
|
"svg-to-pdfkit": "^0.1.8"
|
|
109
109
|
},
|
|
110
110
|
"engines": {
|