@nice2dev/icons 1.0.25 → 1.0.27

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 (2) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,17 @@
2
2
 
3
3
  All notable changes to the icon library.
4
4
 
5
+ ## [1.0.24] — 2026-06-06
6
+
7
+ ### Added — OmniVerk domain icons (NICE2DEV_ICONS_REQUEST.md)
8
+
9
+ 10 new `Ntd*` icons (solid/outline/duotone, name-resolvable): `NtdProduct`,
10
+ `NtdAlert` (+ alias `NtdAlertBell`), `NtdWorkflow`, `NtdShipment`, `NtdFood`
11
+ (+ alias `NtdMeal`), `NtdProject`, `NtdInsurance`, `NtdTax`, `NtdGym`, `NtdLab`.
12
+ Five requested icons already existed (`NtdInvoice`, `NtdContract`, `NtdRecipe`,
13
+ `NtdPackage`, `NtdDumbbell`). Versions are kept in lock-step with the monorepo
14
+ (1.0.25 = version bump only for icons).
15
+
5
16
  ## [1.0.1] — 2026-03-25
6
17
 
7
18
  ### Added (FAZA 1.4)
@@ -43,10 +54,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
43
54
  ### Added
44
55
 
45
56
  #### Icon Library
57
+
46
58
  - **350+ icons** across 21 categories (UI, Navigation, Media, Communication, Commerce, Files, Weather, Social, Arrows, Shapes, Devices, Finance, Health, Food, Travel, Sports, Animals, E-commerce, Fintech, SaaS, SmartHome)
47
59
  - **DevTech Logo Icons:** Vite, Bun, Deno, Tauri, Svelte, Next.js, Astro, Qwik, SolidJS
48
60
 
49
61
  #### Icon Variants
62
+
50
63
  - `solid` — Filled icon shapes
51
64
  - `outline` — Stroked paths only
52
65
  - `duotone` — Two-tone rendering with background layer
@@ -57,16 +70,19 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
57
70
  - `3d` — Pseudo-3D with SVG filter shadows and highlights
58
71
 
59
72
  #### Multi-Color System
73
+
60
74
  - `primaryColor`, `secondaryColor`, `accentColor` props
61
75
  - Per-color opacity controls (`primaryOpacity`, `secondaryOpacity`, `accentOpacity`)
62
76
 
63
77
  #### Gradient Fills
78
+
64
79
  - 12 gradient presets: `sunset`, `ocean`, `aurora`, `fire`, `forest`, `candy`, `steel`, `royal`, `neon`, `earth`, `ice`, `lava`
65
80
  - Linear and radial gradient types
66
81
  - Configurable gradient angle
67
82
  - Gradient animations: `shift`, `spin`, `pulse`
68
83
 
69
84
  #### CSS Animations
85
+
70
86
  - **65+ CSS animations** organized in categories:
71
87
  - Core transforms: spin, pulse, bounce, shake, float, flip, glow, wiggle, rubber, swing, tada, heartbeat
72
88
  - Entrances: fade-in, slide-up/down/left/right, drop, rise, roll-in, materialize, vortex, meteor, scale-in, signature, draw-sequence, reveal, unfold, assemble, draw
@@ -78,6 +94,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
78
94
  - Dramatic: ping, implode, explode, scatter, rotate-x, draw-loop
79
95
 
80
96
  #### SMIL Animations (SVG-native)
97
+
81
98
  - **25 SMIL animation types** as CSS alternative:
82
99
  - spin, pulse, bounce, shake, float, flip, wiggle, heartbeat
83
100
  - scale-pulse, grow, shrink, rubber, pop, fade, blink, glow
@@ -87,6 +104,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
87
104
  - Configurable duration, easing, repeat count, delay
88
105
 
89
106
  #### Animation Controls
107
+
90
108
  - `AnimationController` component with play/pause/reset/goToStep
91
109
  - `InteractiveIcon` component with trigger support:
92
110
  - `hover` — animate on mouse enter/leave
@@ -98,6 +116,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
98
116
  - Preset interactions: hoverBounce, hoverPulse, hoverSpin, clickPop, clickTada, visibleFadeIn, visibleBounce
99
117
 
100
118
  #### NiceIconPicker Component
119
+
101
120
  - Searchable dropdown with category tabs
102
121
  - Grid preview with configurable icon size
103
122
  - Controlled selection (`value`/`onChange`)
@@ -113,6 +132,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
113
132
  - Imperative handle for programmatic control
114
133
 
115
134
  #### Figma/Sketch Export
135
+
116
136
  - `exportIconToSvgString()` — clean SVG string for Figma import
117
137
  - `exportIconToDataUrl()` — base64 data URL
118
138
  - `downloadIconAsSvg()` — browser download as SVG
@@ -123,11 +143,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
123
143
  - Figma-compatible type definitions (FigmaVectorPath, FigmaIconFrame, etc.)
124
144
 
125
145
  #### NiceVectorEditor Component
146
+
126
147
  - Simple vector editor for creating custom icons
127
148
  - Layer management (vector, text, image layers)
128
149
  - SVG export functionality
129
150
 
130
151
  #### Developer Experience
152
+
131
153
  - `createIcon()` factory function for custom icons
132
154
  - Full TypeScript with strict mode
133
155
  - TSDoc documentation for all public APIs
@@ -151,6 +173,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
151
173
  ### Added
152
174
 
153
175
  #### New Icon Categories (~420 total icons)
176
+
154
177
  - **Sustainability & Eco Icons** (15 icons in `sustainability.tsx`):
155
178
  - Recycling: `NtdRecycle`, `NtdCompost`, `NtdTrashSort`
156
179
  - Renewable Energy: `NtdSolarPanel`, `NtdWindTurbine`, `NtdEvCharger`, `NtdHydropower`
@@ -171,6 +194,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
171
194
  - Compliance: `NtdCompliance`, `NtdCertified`, `NtdAudit`
172
195
 
173
196
  #### Exports
197
+
174
198
  - Grouped exports: `sustainabilityIcons`, `accessibilityIcons`, `legalIcons`
175
199
 
176
200
  ---
@@ -254,22 +278,26 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
254
278
  ### Added
255
279
 
256
280
  #### New Components
281
+
257
282
  - `NtdIconBadge` — icon with notification/count badge overlay
258
283
  - `NtdIconMorph` — icon-to-icon morphing transition component
259
284
 
260
285
  #### Framework Integration
286
+
261
287
  - `headless-ui.tsx` — headless (unstyled) icon component for custom styling
262
288
  - `client.tsx` — client-side icon component with hydration support
263
289
  - `rsc.tsx` — React Server Component compatible icon
264
290
  - `tailwind-plugin.ts` — Tailwind CSS plugin for icon utilities (`icon-sm`, `icon-lg`, etc.)
265
291
 
266
292
  #### Design System
293
+
267
294
  - `design-tokens.ts` — design token definitions for icon sizing, spacing, and colors
268
295
  - `resolver.ts` — icon resolver for dynamic icon loading by name
269
296
  - `utilities.tsx` — icon utility components and helpers
270
297
  - `micro-interactions.tsx` — micro-interaction presets for icon hover/click feedback
271
298
 
272
299
  #### New Icon Categories
300
+
273
301
  - `ai.tsx` — AI/ML icons (neural network, brain, robot, etc.)
274
302
  - `brand.tsx` — brand/logo icons
275
303
  - `education.tsx` — education icons (graduation, book, school, etc.)
@@ -283,4 +311,5 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
283
311
  ## [Unreleased]
284
312
 
285
313
  ### Planned
314
+
286
315
  - Visual regression baseline capture (requires `CHROMATIC_PROJECT_TOKEN` in Azure DevOps)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nice2dev/icons",
3
- "version": "1.0.25",
3
+ "version": "1.0.27",
4
4
  "description": "Beautiful, lightweight, multi-color SVG icon library for React with animations",
5
5
  "author": "NiceToDev <contact@nicetodev.com>",
6
6
  "license": "SEE LICENSE IN LICENSE",