@nice2dev/icons 1.0.25 → 1.0.26
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/CHANGELOG.md +29 -0
- 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