@honeyicons/react 0.0.7 → 0.0.9

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 (98) hide show
  1. package/NOTICE.md +99 -0
  2. package/README.md +8 -17
  3. package/dist/catalog.js +351 -0
  4. package/dist/icon-base.js +42 -7
  5. package/dist/icons/antigravity-color.d.ts +1 -0
  6. package/dist/icons/antigravity-color.js +62 -0
  7. package/dist/icons/bluesky-color.d.ts +1 -0
  8. package/dist/icons/bluesky-color.js +11 -0
  9. package/dist/icons/bluesky.d.ts +1 -0
  10. package/dist/icons/bluesky.js +11 -0
  11. package/dist/icons/bun-color.d.ts +1 -0
  12. package/dist/icons/bun-color.js +23 -0
  13. package/dist/icons/chrome-color.d.ts +1 -0
  14. package/dist/icons/chrome-color.js +15 -0
  15. package/dist/icons/claude-ai-color.d.ts +1 -0
  16. package/dist/icons/claude-ai-color.js +11 -0
  17. package/dist/icons/claude-code-color.d.ts +1 -0
  18. package/dist/icons/claude-code-color.js +11 -0
  19. package/dist/icons/codex-color.d.ts +1 -0
  20. package/dist/icons/codex-color.js +20 -0
  21. package/dist/icons/deepseek-color.d.ts +1 -0
  22. package/dist/icons/deepseek-color.js +11 -0
  23. package/dist/icons/devin-color.d.ts +1 -0
  24. package/dist/icons/devin-color.js +13 -0
  25. package/dist/icons/discord-color.d.ts +1 -0
  26. package/dist/icons/discord-color.js +11 -0
  27. package/dist/icons/facebook-color.d.ts +1 -0
  28. package/dist/icons/facebook-color.js +12 -0
  29. package/dist/icons/figma-color.d.ts +1 -0
  30. package/dist/icons/figma-color.js +15 -0
  31. package/dist/icons/folder-open.js +2 -2
  32. package/dist/icons/gemini-color.d.ts +1 -0
  33. package/dist/icons/gemini-color.js +28 -0
  34. package/dist/icons/git-color.d.ts +1 -0
  35. package/dist/icons/git-color.js +11 -0
  36. package/dist/icons/google-color.d.ts +1 -0
  37. package/dist/icons/google-color.js +14 -0
  38. package/dist/icons/hermes-agent.d.ts +1 -0
  39. package/dist/icons/hermes-agent.js +12 -0
  40. package/dist/icons/index.d.ts +39 -0
  41. package/dist/icons/index.js +78 -0
  42. package/dist/icons/instagram-color.d.ts +1 -0
  43. package/dist/icons/instagram-color.js +41 -0
  44. package/dist/icons/kimi-color.d.ts +1 -0
  45. package/dist/icons/kimi-color.js +12 -0
  46. package/dist/icons/linkedin-color.d.ts +1 -0
  47. package/dist/icons/linkedin-color.js +14 -0
  48. package/dist/icons/meta-ai-color.d.ts +1 -0
  49. package/dist/icons/meta-ai-color.js +55 -0
  50. package/dist/icons/microsoft-copilot-color.d.ts +1 -0
  51. package/dist/icons/microsoft-copilot-color.js +27 -0
  52. package/dist/icons/mistral-color.d.ts +1 -0
  53. package/dist/icons/mistral-color.js +15 -0
  54. package/dist/icons/npm-color.d.ts +1 -0
  55. package/dist/icons/npm-color.js +11 -0
  56. package/dist/icons/nvidia-color.d.ts +1 -0
  57. package/dist/icons/nvidia-color.js +11 -0
  58. package/dist/icons/openclaw-color.d.ts +1 -0
  59. package/dist/icons/openclaw-color.js +30 -0
  60. package/dist/icons/perplexity-color.d.ts +1 -0
  61. package/dist/icons/perplexity-color.js +11 -0
  62. package/dist/icons/pinterest-color.d.ts +1 -0
  63. package/dist/icons/pinterest-color.js +12 -0
  64. package/dist/icons/qwen-color.d.ts +1 -0
  65. package/dist/icons/qwen-color.js +19 -0
  66. package/dist/icons/react-color.d.ts +1 -0
  67. package/dist/icons/react-color.js +12 -0
  68. package/dist/icons/reddit-color.d.ts +1 -0
  69. package/dist/icons/reddit-color.js +11 -0
  70. package/dist/icons/slack-color.d.ts +1 -0
  71. package/dist/icons/slack-color.js +14 -0
  72. package/dist/icons/snapchat-color.d.ts +1 -0
  73. package/dist/icons/snapchat-color.js +12 -0
  74. package/dist/icons/supabase-color.d.ts +1 -0
  75. package/dist/icons/supabase-color.js +23 -0
  76. package/dist/icons/telegram-color.d.ts +1 -0
  77. package/dist/icons/telegram-color.js +11 -0
  78. package/dist/icons/tiktok-color.d.ts +1 -0
  79. package/dist/icons/tiktok-color.js +13 -0
  80. package/dist/icons/twitter-color.d.ts +1 -0
  81. package/dist/icons/twitter-color.js +11 -0
  82. package/dist/icons/typescript-color.d.ts +1 -0
  83. package/dist/icons/typescript-color.js +13 -0
  84. package/dist/icons/user-add.js +4 -4
  85. package/dist/icons/user-check.js +4 -4
  86. package/dist/icons/user-group.js +5 -7
  87. package/dist/icons/user-lock.js +4 -4
  88. package/dist/icons/user-remove.js +4 -4
  89. package/dist/icons/user-settings.js +4 -4
  90. package/dist/icons/user-x.js +4 -4
  91. package/dist/icons/wallet.js +2 -2
  92. package/dist/icons/youtube-color.d.ts +1 -0
  93. package/dist/icons/youtube-color.js +12 -0
  94. package/dist/registry.d.ts +78 -0
  95. package/dist/registry.js +78 -0
  96. package/dist/types.d.ts +6 -1
  97. package/icons.json +617 -0
  98. package/package.json +1 -1
package/NOTICE.md CHANGED
@@ -649,3 +649,102 @@ drawing in each variant. `Snapchat` keeps separate outline and filled
649
649
  drawings. The bold `Figma` is drawn from the linear mark as five filled
650
650
  pieces with even gaps, and the bold `Instagram` fills the linear mark's
651
651
  rounded square, leaving the lens ring and flash dot as cutouts.
652
+
653
+ ## Bluesky and Hermes Agent
654
+
655
+ `Bluesky` uses the `bluesky` icon from [Simple Icons](https://simpleicons.org)
656
+ 16.32.0, released under
657
+ [CC0 1.0](https://creativecommons.org/publicdomain/zero/1.0/), scaled to 21
658
+ units wide. `HermesAgent` uses the `hermesagent` mark from
659
+ `@lobehub/icons-static-svg` 1.95.1 under the LobeHub MIT license below, scaled
660
+ to 20 units tall with its even-odd fill kept. Both keep their source paths and
661
+ use `currentColor`.
662
+
663
+ ## Brand color marks
664
+
665
+ The `*Color` icons show a brand's mark in its official colors. Each one is
666
+ built on its mono icon's geometry and footprint, so the two swap without
667
+ shifting. Linear and bold share one drawing, except `InstagramColor`, which
668
+ follows the two mono Instagram drawings.
669
+
670
+ `ClaudeAiColor`, `ClaudeCodeColor`, `DeepseekColor`, `PerplexityColor`,
671
+ `NvidiaColor`, `DiscordColor`, `TwitterColor`, `ReactColor`, `GitColor`,
672
+ `TelegramColor`, `RedditColor`, `NpmColor`, and `BlueskyColor` paint the mono
673
+ path in the brand color. `LinkedinColor`, `YoutubeColor`, `TypescriptColor`,
674
+ `FacebookColor`, and `PinterestColor` fill their container and draw the
675
+ cutout glyph in white, as the official marks do.
676
+
677
+ `GoogleColor`, `DevinColor`, `MistralColor`, `GeminiColor`, `MetaAiColor`,
678
+ `QwenColor`, `CodexColor`, `KimiColor`, `OpenclawColor`, and
679
+ `AntigravityColor` take their colors and gradients from the matching icons in
680
+ `@lobehub/icons-static-svg` 1.95.1 under the LobeHub MIT license below.
681
+ Google's colors are cut along the source's straight boundaries. OpenClaw and
682
+ Antigravity reuse the source pieces, which match our silhouettes; Antigravity's
683
+ blurred color fields are scaled to our frame.
684
+
685
+ `ChromeColor`, `SlackColor`, `SupabaseColor`, and `BunColor` follow the
686
+ official artwork from the [SVG Logos](https://github.com/gilbarbara/logos)
687
+ collection, released under
688
+ [CC0 1.0](https://creativecommons.org/publicdomain/zero/1.0/). Chrome's sectors,
689
+ ring, and center are rebuilt on our disc from that geometry, the Slack pieces
690
+ and Supabase halves line up with our marks, and Bun's full illustration is
691
+ fitted to our Bun's footprint with its outline and shadow drawn as one
692
+ silhouette. `FigmaColor` draws Figma's five pieces in its brand colors on the
693
+ bold mark's grid.
694
+
695
+ `InstagramColor` uses Instagram's two radial gradients as defined in
696
+ [Skill Icons](https://github.com/tandpfun/skill-icons) under the tandpfun MIT
697
+ license below. `TiktokColor` places cyan and red copies of our note behind it,
698
+ `SnapchatColor` fills our outline in Snapchat yellow, and
699
+ `MicrosoftCopilotColor` splits our Copilot mark into its two tiles, with
700
+ gradients sampled from Microsoft's 2026 Copilot icon.
701
+
702
+ The TikTok note and the Kimi tile use `currentColor`, so they flip with the
703
+ text color on dark backgrounds as those brands' own marks do.
704
+
705
+ Brand names and logos are trademarks of their respective owners and appear
706
+ here only to identify their products.
707
+
708
+ MIT License
709
+
710
+ Copyright (c) 2023 LobeHub
711
+
712
+ Permission is hereby granted, free of charge, to any person obtaining a copy
713
+ of this software and associated documentation files (the "Software"), to deal
714
+ in the Software without restriction, including without limitation the rights
715
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
716
+ copies of the Software, and to permit persons to whom the Software is
717
+ furnished to do so, subject to the following conditions:
718
+
719
+ The above copyright notice and this permission notice shall be included in all
720
+ copies or substantial portions of the Software.
721
+
722
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
723
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
724
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
725
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
726
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
727
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
728
+ SOFTWARE.
729
+
730
+ MIT License
731
+
732
+ Copyright (c) 2022 tandpfun
733
+
734
+ Permission is hereby granted, free of charge, to any person obtaining a copy
735
+ of this software and associated documentation files (the "Software"), to deal
736
+ in the Software without restriction, including without limitation the rights
737
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
738
+ copies of the Software, and to permit persons to whom the Software is
739
+ furnished to do so, subject to the following conditions:
740
+
741
+ The above copyright notice and this permission notice shall be included in all
742
+ copies or substantial portions of the Software.
743
+
744
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
745
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
746
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
747
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
748
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
749
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
750
+ SOFTWARE.
package/README.md CHANGED
@@ -75,14 +75,16 @@ or CSS lengths such as `"1em"`). Icons inherit the surrounding text color and
75
75
  forward `ref` to the SVG element. Standard SVG props, event handlers, and
76
76
  children such as `<desc>` are supported.
77
77
 
78
- Icons come in `linear` and `bold`, and every icon has a `bold` version. Bold
79
- fills enclosed shapes and cuts interior details out of them; line-only icons
80
- such as arrows and chevrons use the same drawing in both. Each icon defaults to
81
- its first variant: `linear`, or `bold` for icons drawn only in bold. Brand logos have both;
82
- solid marks such as `youtube` use the same drawing in each.
83
- Passing a variant the icon does not have throws. Stroke width affects stroked
78
+ Every icon comes in `linear` and `bold`, and defaults to `linear`. Bold fills
79
+ enclosed shapes and cuts inner lines through the fill. Line-only icons such as
80
+ arrows and chevrons, and solid brand marks such as `youtube`, use the same
81
+ drawing in both. Any other variant throws. Stroke width affects stroked
84
82
  geometry; filled outlines retain their original geometry.
85
83
 
84
+ Brand logos with official colors also come as `<name>-color`, such as
85
+ `google-color` and `claude-ai-color`. They keep their brand colors; only
86
+ neutral parts such as the TikTok note follow the text color.
87
+
86
88
  To type your own props, import `IconName`, `IconProps`, and `IconVariantMap`
87
89
  from `@honeyicons/react`. `@honeyicons/react/icons.json` lists each icon's name,
88
90
  export, category, variants, and tags, and `@honeyicons/react/catalog` exports the
@@ -98,17 +100,6 @@ export const Divider = createIcon("Divider", {
98
100
  });
99
101
  ```
100
102
 
101
- ## Upgrading to 0.0.5
102
-
103
- - The low-level `Icon iconNode={...}` API is replaced by `Icon icon="name"`.
104
- Use `createIcon` for custom SVG nodes.
105
- - Deprecated icon aliases have been removed. Use the canonical exports listed
106
- in `icons.json`.
107
- - Only `linear` and `bold` are supported. Unsupported variants throw instead of
108
- substituting another style. Unused `secondaryColor` and `secondaryOpacity`
109
- props have been removed.
110
- - Shapes are now in `objects`, and spinners are in `status`.
111
-
112
103
  ## Agent skill
113
104
 
114
105
  Coding agents such as Claude Code, Codex, and Cursor can install the Honeyicons