foamicons 0.10.2 → 1.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 +47 -1
- package/dist/aliases.json +482 -0
- package/dist/catalog.json +4281 -0
- package/dist/deprecations.json +1 -0
- package/dist/index.cjs +4 -0
- package/dist/index.d.cts +8 -1
- package/dist/index.d.ts +8 -1
- package/dist/index.js +3 -1
- package/dist/tags.json +1061 -0
- package/llms.txt +74 -0
- package/package.json +16 -3
package/llms.txt
ADDED
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
# Foamicons
|
|
2
|
+
|
|
3
|
+
React SVG icon library with 236+ icons and 14 brand logos in three styles.
|
|
4
|
+
|
|
5
|
+
## Naming
|
|
6
|
+
|
|
7
|
+
- All component names are PascalCase.
|
|
8
|
+
- Base (stroked) icons have no suffix: `Bell`
|
|
9
|
+
- Duotone variant: `BellDuotone`
|
|
10
|
+
- Filled variant: `BellFill`
|
|
11
|
+
- Logos use `Logo` prefix: `LogoInstagram`
|
|
12
|
+
- Dark variant: `LogoInstagramDark`
|
|
13
|
+
- Fill variant (currentColor): `LogoInstagramFill`
|
|
14
|
+
|
|
15
|
+
## Aliases
|
|
16
|
+
|
|
17
|
+
Many icons have semantic aliases (e.g. `Settings` -> `Cog`, `Home` -> `House`).
|
|
18
|
+
Aliases are valid imports but canonical names are preferred in generated code.
|
|
19
|
+
Aliases apply to all variants: `Settings`, `SettingsDuotone`, `SettingsFill`.
|
|
20
|
+
|
|
21
|
+
## Metadata (machine-readable)
|
|
22
|
+
|
|
23
|
+
Read the catalog instead of parsing dist/index.js:
|
|
24
|
+
|
|
25
|
+
```js
|
|
26
|
+
import catalog from 'foamicons/catalog'; // { version, icons, logos, deprecated }
|
|
27
|
+
import aliases from 'foamicons/aliases'; // { alias: canonical }
|
|
28
|
+
import tags from 'foamicons/tags'; // { canonical: [tags] }
|
|
29
|
+
import deprecations from 'foamicons/deprecations'; // { old: new }
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
Each catalog entry has: name, kind, variants, aliases, tags.
|
|
33
|
+
|
|
34
|
+
## Typed helpers (runtime)
|
|
35
|
+
|
|
36
|
+
```ts
|
|
37
|
+
import {
|
|
38
|
+
iconNames, // readonly string[] of all icon component names
|
|
39
|
+
logoNames, // readonly string[] of all logo component names
|
|
40
|
+
allNames, // combined
|
|
41
|
+
baseIconNames, // base names without variant suffixes
|
|
42
|
+
baseLogoNames, // base logo names without variant suffixes
|
|
43
|
+
iconAliases, // { canonical: [aliases] }
|
|
44
|
+
aliasToCanonical, // { alias: canonical }
|
|
45
|
+
iconTags, // { canonical: [tags] }
|
|
46
|
+
getCanonicalName, // (nameOrAlias) => canonical
|
|
47
|
+
} from 'foamicons';
|
|
48
|
+
|
|
49
|
+
// TypeScript types
|
|
50
|
+
import type { IconName, LogoName, BaseIconName, BaseLogoName } from 'foamicons';
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
## Usage
|
|
54
|
+
|
|
55
|
+
```tsx
|
|
56
|
+
import { Bell, BellDuotone, BellFill } from 'foamicons';
|
|
57
|
+
|
|
58
|
+
<Bell className="h-4 w-4" />
|
|
59
|
+
<BellDuotone secondaryOpacity={0.4} />
|
|
60
|
+
<BellFill size={24} />
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
## Props
|
|
64
|
+
|
|
65
|
+
size (default 16), strokeWidth (default 1), absoluteStrokeWidth (default true),
|
|
66
|
+
color, secondaryColor, secondaryOpacity (default 0.4), className, ...SVGProps.
|
|
67
|
+
|
|
68
|
+
## Available icons (236 base icons, each with base/Duotone/Fill variants)
|
|
69
|
+
|
|
70
|
+
Activity, Alert, Archive, ArchiveArrowUp, ArrowDown, ArrowDown01, ArrowDown10, ArrowDownCog, ArrowDownIG, ArrowDownLeft, ArrowDownMapPin, ArrowDownNarrowWide, ArrowDownRight, ArrowDownSC, ArrowDownTT, ArrowDownUp, ArrowDownWideNarrow, ArrowDownYT, ArrowLeft, ArrowRight, ArrowRightToLine, ArrowUp, ArrowUpAZ, ArrowUpCog, ArrowUpIG, ArrowUpLeft, ArrowUpMapPin, ArrowUpNarrowWide, ArrowUpRight, ArrowUpSC, ArrowUpTT, ArrowUpWideNarrow, ArrowUpYT, ArrowUpZA, AtSign, AudioLines, BadgeCheckbox, Ban, Bell, Bold, Bookmark, Brain, Calendar, ChartArea, ChartBarStacked, ChartColumn, ChartColumnSquare, ChartNetwork, ChartNoAxesCombined, ChartPie, Checkbox, Checkmark, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronUpDown, Circle, CircleAlert, CircleCheck, CircleDashed, CircleDollarSign, CircleOverlap, CirclePlus, CircleQuestionMark, CircleX, ClipboardList, Clock, ClockArrowDown, ClockArrowUp, ClosedCaption, Cog, Columns3, Command, ContentHeart, ContentPlus, ContentUser, Copy, Download, Eclipse, Ellipsis, EllipsisVertical, ExternalLink, Eye, EyeOff, File, FileArrowDown, FileArrowLeft, FileArrowLeftRight, FileArrowRight, FileArrowUp, FileChartColumn, FileCheck, FileCog, FileImage, FilePlus, FileUser, FileX, Flame, Folder, FolderChartColumn, FolderCheck, FolderCog, FolderPlus, FolderX, Frown, Fullscreen, GalleryHorizontal, GalleryHorizontalEnd, GalleryThumbnails, GalleryVertical, GalleryVerticalEnd, Globe, Grip, GripHorizontal, GripVertical, Heart, HeartPulse, History, Hotspot, House, Image, Images, Inbox, Info, Italic, LayoutDashboard, LayoutGrid, LayoutList, LayoutPanelBottom, LayoutPanelLeft, LayoutPanelRight, LayoutPanelTop, LayoutRows, LayoutTemplate, Link, List, ListFilter, ListIndentDecrease, ListIndentIncrease, ListOrdered, LoaderCircle, Lock, LogOut, Mail, MailMove, MailPlus, MapPin, Maximize, Megaphone, MegaphoneActive, Menu, MessageSquare, MessagesSquare, Minus, Moon, MousePointerClick, Move, Notebook, Office, Palette, PanelLeft, PanelLeftChevronLeft, PanelLeftChevronRight, PanelRight, Pause, Pencil, Pin, Play, Plus, Pointer, QuotationMarkLeft, QuotationMarkRight, Reach, Reel, RefreshCw, RefreshCwOff, RemoveFormatting, Reply, Rocket, Rolodex, RotateCcw, RotateCw, Save, Search, SearchUser, Share, Shield, ShieldCheck, ShieldOff, ShieldPlus, ShieldUser, ShieldX, Slash, SlidersHorizontal, Smile, Sparkles, Square, SquarePen, Star, Sun, Tag, Tags, Target, TextAlignCenter, TextAlignEnd, TextAlignJustify, TextAlignStart, ThumbsDown, ThumbsUp, ToolCase, Trash, TrashEmpty, TrendingDown, TrendingUp, TriangleDown, TriangleDownUp, TriangleUp, Unlink, Unlock, Unplug, Upload, User, UserArrowLeft, UserArrowLeftRight, UserArrowOutUpRight, UserArrowRight, UserCog, UserPlus, Users, Video, Volume2, VolumeOff, X, Zap, ZapOff
|
|
71
|
+
|
|
72
|
+
## Available logos (14 logos, each with color/Dark/Fill variants)
|
|
73
|
+
|
|
74
|
+
LogoFacebook, LogoFile, LogoFilePdf, LogoFileSheet, LogoFoam, LogoFoamSymbol, LogoGmail, LogoGoogle, LogoInstagram, LogoLinkedin, LogoMicrosoft, LogoSnapchat, LogoTiktok, LogoYoutube
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "foamicons",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "Foam icon library for React",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -16,15 +16,28 @@
|
|
|
16
16
|
"types": "./dist/index.d.cts",
|
|
17
17
|
"default": "./dist/index.cjs"
|
|
18
18
|
}
|
|
19
|
+
},
|
|
20
|
+
"./catalog": {
|
|
21
|
+
"default": "./dist/catalog.json"
|
|
22
|
+
},
|
|
23
|
+
"./aliases": {
|
|
24
|
+
"default": "./dist/aliases.json"
|
|
25
|
+
},
|
|
26
|
+
"./tags": {
|
|
27
|
+
"default": "./dist/tags.json"
|
|
28
|
+
},
|
|
29
|
+
"./deprecations": {
|
|
30
|
+
"default": "./dist/deprecations.json"
|
|
19
31
|
}
|
|
20
32
|
},
|
|
21
33
|
"files": [
|
|
22
|
-
"dist"
|
|
34
|
+
"dist",
|
|
35
|
+
"llms.txt"
|
|
23
36
|
],
|
|
24
37
|
"sideEffects": false,
|
|
25
38
|
"scripts": {
|
|
26
39
|
"generate": "tsx scripts/build-icons.ts",
|
|
27
|
-
"build": "pnpm run generate && tsup",
|
|
40
|
+
"build": "pnpm run generate && tsup && tsx scripts/build-metadata.ts",
|
|
28
41
|
"test": "vitest run",
|
|
29
42
|
"test:watch": "vitest",
|
|
30
43
|
"prepublishOnly": "pnpm run build"
|