@nice2dev/icons 1.3.6 → 1.3.8
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 +88 -0
- package/README.md +37 -17
- package/dist/cjs/NiceIconStacker.js +19 -5
- package/dist/cjs/createIcon.js +19 -6
- package/dist/cjs/iconParts.js +24 -2
- package/dist/cjs/iconStack.js +7 -5
- package/dist/cjs/icons/accessibility.js +9 -8
- package/dist/cjs/icons/actions.js +42 -32
- package/dist/cjs/icons/ai.js +12 -11
- package/dist/cjs/icons/brand.js +2 -2
- package/dist/cjs/icons/business.js +37 -29
- package/dist/cjs/icons/devtech.js +17 -15
- package/dist/cjs/icons/ecommerce.js +19 -14
- package/dist/cjs/icons/education.js +30 -25
- package/dist/cjs/icons/files.js +64 -32
- package/dist/cjs/icons/fintech.js +2 -11
- package/dist/cjs/icons/food.js +12 -8
- package/dist/cjs/icons/fun.js +11 -11
- package/dist/cjs/icons/gaming.js +20 -13
- package/dist/cjs/icons/health.js +38 -25
- package/dist/cjs/icons/index.js +1 -0
- package/dist/cjs/icons/input.js +31 -21
- package/dist/cjs/icons/legal.js +11 -11
- package/dist/cjs/icons/media.js +24 -15
- package/dist/cjs/icons/navigation.js +16 -13
- package/dist/cjs/icons/omniverk.js +2 -7
- package/dist/cjs/icons/realestate.js +14 -14
- package/dist/cjs/icons/saas.js +0 -10
- package/dist/cjs/icons/science.js +12 -12
- package/dist/cjs/icons/shapes.js +20 -17
- package/dist/cjs/icons/smarthome.js +0 -11
- package/dist/cjs/icons/social.js +7 -6
- package/dist/cjs/icons/sports.js +5 -6
- package/dist/cjs/icons/sustainability.js +12 -11
- package/dist/cjs/icons/travel.js +13 -13
- package/dist/cjs/icons/ui.js +60 -35
- package/dist/cjs/icons/weather.js +12 -16
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/resolver.js +1 -0
- package/dist/cjs/rsc.js +1 -1
- package/dist/cjs/stacking.js +49 -11
- package/dist/esm/NiceIconStacker.js +22 -8
- package/dist/esm/createIcon.js +20 -7
- package/dist/esm/iconParts.js +24 -3
- package/dist/esm/iconStack.js +7 -5
- package/dist/esm/icons/accessibility.js +9 -8
- package/dist/esm/icons/actions.js +43 -33
- package/dist/esm/icons/ai.js +12 -11
- package/dist/esm/icons/brand.js +2 -2
- package/dist/esm/icons/business.js +38 -30
- package/dist/esm/icons/devtech.js +17 -15
- package/dist/esm/icons/ecommerce.js +19 -14
- package/dist/esm/icons/education.js +30 -25
- package/dist/esm/icons/files.js +65 -33
- package/dist/esm/icons/fintech.js +2 -11
- package/dist/esm/icons/food.js +12 -8
- package/dist/esm/icons/fun.js +11 -11
- package/dist/esm/icons/gaming.js +21 -14
- package/dist/esm/icons/health.js +38 -25
- package/dist/esm/icons/index.js +1 -1
- package/dist/esm/icons/input.js +31 -21
- package/dist/esm/icons/legal.js +12 -12
- package/dist/esm/icons/media.js +25 -16
- package/dist/esm/icons/navigation.js +16 -13
- package/dist/esm/icons/omniverk.js +2 -7
- package/dist/esm/icons/realestate.js +15 -15
- package/dist/esm/icons/saas.js +0 -10
- package/dist/esm/icons/science.js +12 -12
- package/dist/esm/icons/shapes.js +20 -17
- package/dist/esm/icons/smarthome.js +0 -11
- package/dist/esm/icons/social.js +8 -7
- package/dist/esm/icons/sports.js +6 -7
- package/dist/esm/icons/sustainability.js +12 -11
- package/dist/esm/icons/travel.js +14 -14
- package/dist/esm/icons/ui.js +61 -37
- package/dist/esm/icons/weather.js +13 -17
- package/dist/esm/index.js +1 -1
- package/dist/esm/resolver.js +1 -0
- package/dist/esm/rsc.js +1 -1
- package/dist/esm/stacking.js +46 -12
- package/dist/types/createIcon.d.ts +16 -2
- package/dist/types/iconParts.d.ts +8 -2
- package/dist/types/iconStack.d.ts +18 -3
- package/dist/types/icons/index.d.ts +1 -1
- package/dist/types/icons/ui.d.ts +1 -0
- package/dist/types/stacking.d.ts +30 -5
- package/dist/types/types.d.ts +22 -8
- package/package.json +2 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { createIcon } from '../createIcon.js';
|
|
3
|
-
import { within, detailColor } from '../iconParts.js';
|
|
3
|
+
import { swapDuotone, within, detailColor } from '../iconParts.js';
|
|
4
4
|
|
|
5
5
|
/** The magnifier's lens (r 8 about 11,11) and its handle. */
|
|
6
6
|
const LENS = 'M11 19a8 8 0 100-16 8 8 0 000 16z';
|
|
@@ -8,7 +8,8 @@ const LENS_HANDLE = 'M21 21l-4.35-4.35';
|
|
|
8
8
|
/**
|
|
9
9
|
* The magnifier of NtdSearch, NtdZoomIn and NtdZoomOut, so the three share one lens and handle;
|
|
10
10
|
* `glyph` is drawn inside the lens. A line glyph: twice the stroke width in every variant but
|
|
11
|
-
* `outline`. Duotone
|
|
11
|
+
* `outline`. Duotone and vivid draw the handle and the glyph in secondary; duotone fills the lens
|
|
12
|
+
* primary under them (1.3.8: the larger area primary — it was a secondary tint under primary lines).
|
|
12
13
|
*/
|
|
13
14
|
function lensIcon(displayName, glyph = '') {
|
|
14
15
|
return createIcon({
|
|
@@ -16,7 +17,7 @@ function lensIcon(displayName, glyph = '') {
|
|
|
16
17
|
paths: {
|
|
17
18
|
solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: `${LENS_HANDLE}${LENS}${glyph}`, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })),
|
|
18
19
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: `${LENS_HANDLE}${LENS}${glyph}`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
19
|
-
duotone: ({ primaryColor, secondaryColor,
|
|
20
|
+
duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: LENS, fill: primaryColor, stroke: primaryColor, strokeWidth: strokeWidth * 2 }), jsx("path", { d: `${LENS_HANDLE}${glyph}`, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
|
|
20
21
|
vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: LENS, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: `${LENS_HANDLE}${glyph}`, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
|
|
21
22
|
},
|
|
22
23
|
});
|
|
@@ -30,7 +31,6 @@ const NtdEdit = /* @__PURE__ */ createIcon({
|
|
|
30
31
|
// round caps stuck out of both sides).
|
|
31
32
|
solid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxs(Fragment, { children: [jsx("path", { d: EDIT_PENCIL, fill: primaryColor }), within(uid, 'band', jsx("path", { d: EDIT_PENCIL }), jsx("path", { d: "M15 5l4 4", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity }))] })),
|
|
32
33
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M17 3a2.828 2.828 0 114 4L7.5 20.5 2 22l1.5-5.5L17 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 5l4 4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
33
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M17 3a2.828 2.828 0 114 4L7.5 20.5 2 22l1.5-5.5L17 3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M17 3a2.828 2.828 0 114 4L7.5 20.5 2 22l1.5-5.5L17 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 5l4 4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
34
34
|
vivid: ({ primaryColor, secondaryColor, uid }) => (jsxs(Fragment, { children: [jsx("path", { d: EDIT_PENCIL, fill: primaryColor }), jsx("path", { d: EDIT_PENCIL, fill: "white", opacity: "0.1" }), within(uid, 'band', jsx("path", { d: EDIT_PENCIL }), jsx("path", { d: "M15 5l4 4", stroke: secondaryColor, strokeWidth: "1.8" }))] })),
|
|
35
35
|
},
|
|
36
36
|
});
|
|
@@ -45,17 +45,22 @@ const NtdEditDetail = /* @__PURE__ */ createIcon({
|
|
|
45
45
|
paths: {
|
|
46
46
|
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("path", { d: EDIT_DETAIL_FRAME, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: EDIT_DETAIL_PENCIL, fill: primaryColor }), within(uid, 'band', jsx("path", { d: EDIT_DETAIL_PENCIL }), jsx("path", { d: EDIT_DETAIL_BAND, stroke: accentColor, strokeWidth: "1.1", opacity: accentOpacity }))] })),
|
|
47
47
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: EDIT_DETAIL_FRAME, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: EDIT_DETAIL_PENCIL, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
48
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: EDIT_DETAIL_FRAME, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: EDIT_DETAIL_PENCIL, fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: EDIT_DETAIL_PENCIL, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
49
48
|
vivid: ({ primaryColor, secondaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("path", { d: EDIT_DETAIL_FRAME, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: EDIT_DETAIL_PENCIL, fill: primaryColor }), within(uid, 'band', jsx("path", { d: EDIT_DETAIL_PENCIL }), jsx("path", { d: EDIT_DETAIL_BAND, stroke: secondaryColor, strokeWidth: "1.3" }))] })),
|
|
50
49
|
},
|
|
51
50
|
});
|
|
51
|
+
// NtdTrash: the lid overhangs the bin by 1 a side (16 across; it was 18) and the handle is 6 by 3
|
|
52
|
+
// (it was 8 by 4). The lid is flat with its ends bent down, as round as the bin's bottom corners
|
|
53
|
+
// (r 2). Vivid: the lid and the handle secondary, the grooves accent (they were a fixed #3B82F6).
|
|
54
|
+
const TRASH_LID = 'M4 8a2 2 0 012-2h12a2 2 0 012 2';
|
|
55
|
+
const TRASH_HANDLE = 'M9 6V4.5a1.5 1.5 0 011.5-1.5h3a1.5 1.5 0 011.5 1.5V6';
|
|
56
|
+
const TRASH_BIN = 'M5 6l1 14a2 2 0 002 2h8a2 2 0 002-2l1-14H5z';
|
|
57
|
+
const TRASH_GROOVES = 'M10 10.5v7M14 10.5v7';
|
|
52
58
|
const NtdTrash = /* @__PURE__ */ createIcon({
|
|
53
59
|
displayName: 'NtdTrash',
|
|
54
60
|
paths: {
|
|
55
|
-
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d:
|
|
56
|
-
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d:
|
|
57
|
-
|
|
58
|
-
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 6l1 14a2 2 0 002 2h8a2 2 0 002-2l1-14H5z", fill: primaryColor }), jsx("path", { d: "M5 6l1 14a2 2 0 002 2h8a2 2 0 002-2l1-14H5z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M3 6h18", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("path", { d: "M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2", stroke: "#3B82F6", strokeWidth: "1.5" }), jsx("line", { x1: "10", y1: "10.5", x2: "10", y2: "17.5", stroke: "#3B82F6", strokeWidth: "1.5" }), jsx("line", { x1: "14", y1: "10.5", x2: "14", y2: "17.5", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
|
|
61
|
+
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: TRASH_LID, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: TRASH_HANDLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: TRASH_BIN, fill: primaryColor }), jsx("line", { x1: "10", y1: "10.5", x2: "10", y2: "17.5", stroke: accentColor, strokeWidth: strokeWidth * 0.7, opacity: accentOpacity }), jsx("line", { x1: "14", y1: "10.5", x2: "14", y2: "17.5", stroke: accentColor, strokeWidth: strokeWidth * 0.7, opacity: accentOpacity })] })),
|
|
62
|
+
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: TRASH_LID, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: TRASH_HANDLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 6l1 14a2 2 0 002 2h8a2 2 0 002-2l1-14", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: TRASH_GROOVES, stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
63
|
+
vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: TRASH_BIN, fill: primaryColor }), jsx("path", { d: TRASH_LID, stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: TRASH_HANDLE, stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: TRASH_GROOVES, stroke: accentColor, strokeWidth: strokeWidth * 0.7, opacity: accentOpacity })] })),
|
|
59
64
|
},
|
|
60
65
|
});
|
|
61
66
|
// NtdSave: a 3.5" floppy — the clipped corner, a wide metal shutter at the top edge with its
|
|
@@ -87,8 +92,9 @@ const NtdDownload = /* @__PURE__ */ createIcon({
|
|
|
87
92
|
paths: {
|
|
88
93
|
solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 13V3", stroke: primaryColor, strokeWidth: strokeWidth * 2 })),
|
|
89
94
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 13V3", stroke: primaryColor, strokeWidth: strokeWidth })),
|
|
90
|
-
// the
|
|
91
|
-
|
|
95
|
+
// the tray primary, the arrow secondary — a colour split, no filled tray (swapped in 1.3.8:
|
|
96
|
+
// the larger part primary)
|
|
97
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: TRAY, stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsx("path", { d: "M7 10l5 5 5-5M12 13V3", stroke: primaryColor, strokeWidth: strokeWidth * 2 })] }))),
|
|
92
98
|
vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: TRAY, stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsx("path", { d: "M7 10l5 5 5-5M12 13V3", stroke: primaryColor, strokeWidth: strokeWidth * 2 })] })),
|
|
93
99
|
},
|
|
94
100
|
});
|
|
@@ -97,8 +103,8 @@ const NtdUpload = /* @__PURE__ */ createIcon({
|
|
|
97
103
|
paths: {
|
|
98
104
|
solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M17 8l-5-5-5 5M12 5v10", stroke: primaryColor, strokeWidth: strokeWidth * 2 })),
|
|
99
105
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M17 8l-5-5-5 5M12 5v10", stroke: primaryColor, strokeWidth: strokeWidth })),
|
|
100
|
-
// as NtdDownload: the
|
|
101
|
-
duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: TRAY, stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsx("path", { d: "M17 8l-5-5-5 5M12 5v10", stroke: primaryColor, strokeWidth: strokeWidth * 2 })] })),
|
|
106
|
+
// as NtdDownload: the tray primary, the arrow secondary
|
|
107
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: TRAY, stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsx("path", { d: "M17 8l-5-5-5 5M12 5v10", stroke: primaryColor, strokeWidth: strokeWidth * 2 })] }))),
|
|
102
108
|
vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: TRAY, stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsx("path", { d: "M17 8l-5-5-5 5M12 5v10", stroke: primaryColor, strokeWidth: strokeWidth * 2 })] })),
|
|
103
109
|
},
|
|
104
110
|
});
|
|
@@ -153,10 +159,12 @@ const NtdCopy = /* @__PURE__ */ createIcon({
|
|
|
153
159
|
const CLIPBOARD_TEXT = 'M8 11h8M8 14.5h5';
|
|
154
160
|
const NtdClipboard = /* @__PURE__ */ createIcon({
|
|
155
161
|
displayName: 'NtdClipboard',
|
|
162
|
+
perfectStackX: 12,
|
|
163
|
+
perfectStackY: 12.5,
|
|
164
|
+
perfectStackSize: 0.5,
|
|
156
165
|
paths: {
|
|
157
166
|
solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", fill: primaryColor }), jsx("rect", { x: "8", y: "2", width: "8", height: "3.5", rx: "1.5", fill: primaryColor, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity }), jsx("path", { d: CLIPBOARD_TEXT, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
|
|
158
167
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "8", y: "2", width: "8", height: "3.5", rx: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: CLIPBOARD_TEXT, stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
159
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "4", width: "16", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "8", y: "2", width: "8", height: "3.5", rx: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: CLIPBOARD_TEXT, stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
160
168
|
vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", fill: primaryColor }), jsx("rect", { x: "8", y: "2", width: "8", height: "3.5", rx: "1.5", fill: secondaryColor, stroke: secondaryColor, strokeWidth: "1.5" }), jsx("path", { d: CLIPBOARD_TEXT, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
|
|
161
169
|
},
|
|
162
170
|
});
|
|
@@ -178,7 +186,7 @@ const NtdMinus = /* @__PURE__ */ createIcon({
|
|
|
178
186
|
paths: {
|
|
179
187
|
solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M5 12h14", stroke: primaryColor, strokeWidth: strokeWidth * 2 })),
|
|
180
188
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M5 12h14", stroke: primaryColor, strokeWidth: strokeWidth })),
|
|
181
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "9", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M8 12h8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
189
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "9", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M8 12h8", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
|
|
182
190
|
vivid: ({ primaryColor, strokeWidth }) => (jsx(Fragment, { children: jsx("path", { d: "M5 12h14", stroke: primaryColor, strokeWidth: strokeWidth * 2 }) })),
|
|
183
191
|
},
|
|
184
192
|
});
|
|
@@ -196,7 +204,7 @@ const NtdFilter = /* @__PURE__ */ createIcon({
|
|
|
196
204
|
paths: {
|
|
197
205
|
solid: ({ primaryColor }) => jsx("path", { d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z", fill: primaryColor }),
|
|
198
206
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
199
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
207
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
|
|
200
208
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z", fill: primaryColor }), jsx("path", { d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z", fill: "white", opacity: "0.1" })] })),
|
|
201
209
|
},
|
|
202
210
|
});
|
|
@@ -205,7 +213,7 @@ const NtdSort = /* @__PURE__ */ createIcon({
|
|
|
205
213
|
paths: {
|
|
206
214
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "5", width: "16", height: "2", rx: "1", fill: primaryColor }), jsx("rect", { x: "4", y: "11", width: "11", height: "2", rx: "1", fill: primaryColor }), jsx("rect", { x: "4", y: "17", width: "6", height: "2", rx: "1", fill: primaryColor })] })),
|
|
207
215
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "4", y1: "6", x2: "20", y2: "6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "4", y1: "12", x2: "15", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "4", y1: "18", x2: "10", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
208
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "4", y1: "6", x2: "20", y2: "6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "4", y1: "12", x2: "15", y2: "12", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.3 }), jsx("line", { x1: "4", y1: "18", x2: "10", y2: "18", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity })] })),
|
|
216
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "4", y1: "6", x2: "20", y2: "6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "4", y1: "12", x2: "15", y2: "12", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.3 }), jsx("line", { x1: "4", y1: "18", x2: "10", y2: "18", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity })] }))),
|
|
209
217
|
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "5", width: "16", height: "2", rx: "1", fill: primaryColor }), jsx("rect", { x: "4", y: "5", width: "16", height: "2", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "4", y: "11", width: "11", height: "2", rx: "1", fill: secondaryColor }), jsx("rect", { x: "4", y: "17", width: "6", height: "2", rx: "1", fill: "#3B82F6" })] })),
|
|
210
218
|
},
|
|
211
219
|
});
|
|
@@ -214,7 +222,6 @@ const NtdPrint = /* @__PURE__ */ createIcon({
|
|
|
214
222
|
paths: {
|
|
215
223
|
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 9h16a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2z", fill: primaryColor }), jsx("path", { d: "M6 9V3h12v6", stroke: primaryColor, strokeWidth: strokeWidth, fill: accentColor, opacity: accentOpacity * 0.5 }), jsx("rect", { x: "6", y: "15", width: "12", height: "7", rx: "1", fill: accentColor, opacity: accentOpacity }), jsx("line", { x1: "9", y1: "18", x2: "15", y2: "18", stroke: primaryColor, strokeWidth: "1", opacity: "0.15" })] })),
|
|
216
224
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 9V3h12v6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 18H4a2 2 0 01-2-2v-5a2 2 0 012-2h16a2 2 0 012 2v5a2 2 0 01-2 2h-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "6", y: "15", width: "12", height: "7", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
217
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "9", width: "20", height: "9", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 9V3h12v6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 18H4a2 2 0 01-2-2v-5a2 2 0 012-2h16a2 2 0 012 2v5a2 2 0 01-2 2h-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "6", y: "15", width: "12", height: "7", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
218
225
|
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 9h16a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2z", fill: primaryColor }), jsx("path", { d: "M4 9h16a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M6 9V3h12v6", stroke: secondaryColor, strokeWidth: "2", fill: secondaryColor }), jsx("rect", { x: "6", y: "15", width: "12", height: "7", rx: "1", fill: "#3B82F6" }), jsx("line", { x1: "9", y1: "18", x2: "15", y2: "18", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
|
|
219
226
|
},
|
|
220
227
|
});
|
|
@@ -234,11 +241,12 @@ const NtdUndo = /* @__PURE__ */ createIcon({
|
|
|
234
241
|
paths: {
|
|
235
242
|
solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9.5 8.5H13.5a5.5 5.5 0 1 1 0 11H9", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M9.5 4L5 8.5l4.5 4.5z", fill: primaryColor })] })),
|
|
236
243
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 8.5H13.5a5.5 5.5 0 1 1 0 11H9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9.5 4L5 8.5l4.5 4.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
237
|
-
// Two-tone by PART, not by a backing blob:
|
|
238
|
-
// secondary
|
|
244
|
+
// Two-tone by PART, not by a backing blob: the tail in primary, the arrowhead
|
|
245
|
+
// in secondary (swapped in 1.3.8: the larger part primary), both at full
|
|
246
|
+
// strength. (The old version put a secondary disc
|
|
239
247
|
// behind the curve, which read as "a ball in the middle"; a washed-out tail
|
|
240
248
|
// would likewise miss the point — this is a colour split, not an underlay.)
|
|
241
|
-
duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9.5 8.5H13.5a5.5 5.5 0 1 1 0 11H9", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M9.5 4L5 8.5l4.5 4.5z", fill: primaryColor })] })),
|
|
249
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9.5 8.5H13.5a5.5 5.5 0 1 1 0 11H9", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M9.5 4L5 8.5l4.5 4.5z", fill: primaryColor })] }))),
|
|
242
250
|
vivid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9.5 8.5H13.5a5.5 5.5 0 1 1 0 11H9", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M9.5 4L5 8.5l4.5 4.5z", fill: primaryColor })] })),
|
|
243
251
|
},
|
|
244
252
|
});
|
|
@@ -247,8 +255,8 @@ const NtdRedo = /* @__PURE__ */ createIcon({
|
|
|
247
255
|
paths: {
|
|
248
256
|
solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14.5 8.5H10.5a5.5 5.5 0 1 0 0 11H15", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M14.5 4L19 8.5l-4.5 4.5z", fill: primaryColor })] })),
|
|
249
257
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 8.5H10.5a5.5 5.5 0 1 0 0 11H15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14.5 4L19 8.5l-4.5 4.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
250
|
-
// Mirror of NtdUndo:
|
|
251
|
-
duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14.5 8.5H10.5a5.5 5.5 0 1 0 0 11H15", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M14.5 4L19 8.5l-4.5 4.5z", fill: primaryColor })] })),
|
|
258
|
+
// Mirror of NtdUndo: tail primary, arrowhead secondary — no backing disc.
|
|
259
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14.5 8.5H10.5a5.5 5.5 0 1 0 0 11H15", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M14.5 4L19 8.5l-4.5 4.5z", fill: primaryColor })] }))),
|
|
252
260
|
vivid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14.5 8.5H10.5a5.5 5.5 0 1 0 0 11H15", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M14.5 4L19 8.5l-4.5 4.5z", fill: primaryColor })] })),
|
|
253
261
|
},
|
|
254
262
|
});
|
|
@@ -269,8 +277,8 @@ const NtdLink = /* @__PURE__ */ createIcon({
|
|
|
269
277
|
paths: {
|
|
270
278
|
solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })),
|
|
271
279
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
272
|
-
// one ring per colour: the
|
|
273
|
-
duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
|
|
280
|
+
// one ring per colour: the left link primary, the right one secondary (swapped in 1.3.8)
|
|
281
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] }))),
|
|
274
282
|
vivid: ({ primaryColor, strokeWidth }) => (jsx(Fragment, { children: jsx("path", { d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }) })),
|
|
275
283
|
},
|
|
276
284
|
});
|
|
@@ -288,20 +296,21 @@ const NtdSettings = /* @__PURE__ */ createIcon({
|
|
|
288
296
|
solid: ({ primaryColor }) => (jsx("path", { d: `${GEAR}${GEAR_HOLE}`, fillRule: "evenodd", fill: primaryColor })),
|
|
289
297
|
rounded: ({ primaryColor }) => (jsx("path", { d: `${GEAR_ROUND}${GEAR_HOLE}`, fillRule: "evenodd", fill: primaryColor })),
|
|
290
298
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: `${GEAR}M12 9a3 3 0 100 6 3 3 0 100-6z`, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "round", fill: "none" })),
|
|
291
|
-
// fills only: the gear
|
|
292
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: `${GEAR}${GEAR_HOLE}`, fillRule: "evenodd", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: `${GEAR_HUB}${GEAR_HOLE}`, fillRule: "evenodd", fill: primaryColor })] })),
|
|
299
|
+
// fills only: the gear primary, its hub secondary (swapped in 1.3.8: the larger part primary)
|
|
300
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: `${GEAR}${GEAR_HOLE}`, fillRule: "evenodd", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: `${GEAR_HUB}${GEAR_HOLE}`, fillRule: "evenodd", fill: primaryColor })] }))),
|
|
293
301
|
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: `${GEAR}${GEAR_HOLE}`, fillRule: "evenodd", fill: primaryColor }), jsx("path", { d: `${GEAR_HUB}${GEAR_HOLE}`, fillRule: "evenodd", fill: secondaryColor })] })),
|
|
294
302
|
},
|
|
295
303
|
});
|
|
296
304
|
// NtdLogIn / NtdLogOut: a line glyph, twice the stroke width in every variant but `outline`. The
|
|
297
305
|
// shaft stops 2 short of the arrowhead's point, so the square caps of `sharp` stay inside it.
|
|
298
|
-
//
|
|
306
|
+
// Vivid splits it like NtdDownload: the arrow primary, the door frame secondary; duotone the other
|
|
307
|
+
// way round, the larger frame primary (1.3.8).
|
|
299
308
|
const NtdLogIn = /* @__PURE__ */ createIcon({
|
|
300
309
|
displayName: 'NtdLogIn',
|
|
301
310
|
paths: {
|
|
302
311
|
solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4M9 7l5 5-5 5M12 12H3", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })),
|
|
303
312
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4M9 7l5 5-5 5M14 12H3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
304
|
-
duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M9 7l5 5-5 5M12 12H3", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
|
|
313
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M9 7l5 5-5 5M12 12H3", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] }))),
|
|
305
314
|
vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M9 7l5 5-5 5M12 12H3", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
|
|
306
315
|
},
|
|
307
316
|
});
|
|
@@ -310,16 +319,18 @@ const NtdLogOut = /* @__PURE__ */ createIcon({
|
|
|
310
319
|
paths: {
|
|
311
320
|
solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4M15 7l5 5-5 5M18 12H9", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })),
|
|
312
321
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4M15 7l5 5-5 5M20 12H9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
313
|
-
duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M15 7l5 5-5 5M18 12H9", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
|
|
322
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M15 7l5 5-5 5M18 12H9", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] }))),
|
|
314
323
|
vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M15 7l5 5-5 5M18 12H9", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
|
|
315
324
|
},
|
|
316
325
|
});
|
|
317
326
|
const NtdLock = /* @__PURE__ */ createIcon({
|
|
318
327
|
displayName: 'NtdLock',
|
|
328
|
+
perfectStackX: 12,
|
|
329
|
+
perfectStackY: 16.5,
|
|
330
|
+
perfectStackSize: 0.35,
|
|
319
331
|
paths: {
|
|
320
332
|
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: primaryColor }), jsx("path", { d: "M7 11V7a5 5 0 0110 0v4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: accentColor, opacity: accentOpacity })] })),
|
|
321
333
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 11V7a5 5 0 0110 0v4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: primaryColor }), jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: primaryColor })] })),
|
|
322
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 11V7a5 5 0 0110 0v4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: primaryColor }), jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: primaryColor })] })),
|
|
323
334
|
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: primaryColor }), jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: secondaryColor }), jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: "#3B82F6" }), jsx("path", { d: "M7 11V7a5 5 0 0110 0v4", stroke: "white", strokeWidth: "1" })] })),
|
|
324
335
|
},
|
|
325
336
|
});
|
|
@@ -328,7 +339,6 @@ const NtdUnlock = /* @__PURE__ */ createIcon({
|
|
|
328
339
|
paths: {
|
|
329
340
|
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: primaryColor }), jsx("path", { d: "M7 11V7a5 5 0 019.9-1", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: accentColor, opacity: accentOpacity })] })),
|
|
330
341
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 11V7a5 5 0 019.9-1", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: primaryColor }), jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: primaryColor })] })),
|
|
331
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 11V7a5 5 0 019.9-1", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: primaryColor }), jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: primaryColor })] })),
|
|
332
342
|
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: primaryColor }), jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: secondaryColor }), jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: "#3B82F6" }), jsx("path", { d: "M7 11V7a5 5 0 019.9-1", stroke: "white", strokeWidth: "1" })] })),
|
|
333
343
|
},
|
|
334
344
|
});
|
|
@@ -348,7 +358,7 @@ const NtdUngroup = /* @__PURE__ */ createIcon({
|
|
|
348
358
|
paths: {
|
|
349
359
|
solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "13", y: "13", width: "8", height: "8", rx: "1", fill: primaryColor })] })),
|
|
350
360
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M3 3h8v8H3zM13 13h8v8h-8z", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "round", fill: "none" })),
|
|
351
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "8", height: "8", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "13", y: "13", width: "8", height: "8", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 3h8v8H3zM13 13h8v8h-8z", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "round", fill: "none" })] })),
|
|
361
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "8", height: "8", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "13", y: "13", width: "8", height: "8", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 3h8v8H3zM13 13h8v8h-8z", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "round", fill: "none" })] }))),
|
|
352
362
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "13", y: "13", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", fill: "white", opacity: "0.1" }), jsx("rect", { x: "13", y: "13", width: "8", height: "8", rx: "1", fill: "white", opacity: "0.1" })] })),
|
|
353
363
|
},
|
|
354
364
|
});
|
package/dist/esm/icons/ai.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { createIcon } from '../createIcon.js';
|
|
3
|
+
import { swapDuotone } from '../iconParts.js';
|
|
3
4
|
|
|
4
5
|
/* ────────────────────────────────────────────────────────────────────────────
|
|
5
6
|
NEURAL NETWORKS
|
|
@@ -18,7 +19,7 @@ const NtdBrain = /* @__PURE__ */ createIcon({
|
|
|
18
19
|
paths: {
|
|
19
20
|
solid: ({ primaryColor }) => (jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4zm0 2a2 2 0 012 2c0 .4-.12.77-.32 1.08A3.98 3.98 0 0012 5a3.98 3.98 0 00-1.68.08A2 2 0 0112 4z", fill: primaryColor })),
|
|
20
21
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22v0a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 5v5M12 13v5M7 10h2M15 10h2M8 16h2M14 16h2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
21
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 5v5M12 13v5M7 10h3M14 10h3M8 16h3M13 16h3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
22
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 5v5M12 13v5M7 10h3M14 10h3M8 16h3M13 16h3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
|
|
22
23
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4zm0 2a2 2 0 012 2c0 .4-.12.77-.32 1.08A3.98 3.98 0 0012 5a3.98 3.98 0 00-1.68.08A2 2 0 0112 4z", fill: primaryColor }), jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4zm0 2a2 2 0 012 2c0 .4-.12.77-.32 1.08A3.98 3.98 0 0012 5a3.98 3.98 0 00-1.68.08A2 2 0 0112 4z", fill: "white", opacity: "0.1" })] })),
|
|
23
24
|
},
|
|
24
25
|
});
|
|
@@ -27,7 +28,7 @@ const NtdDeepLearning = /* @__PURE__ */ createIcon({
|
|
|
27
28
|
paths: {
|
|
28
29
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", fill: primaryColor }), jsx("rect", { x: "9", y: "6", width: "6", height: "12", rx: "1", fill: primaryColor, opacity: "0.7" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: primaryColor, opacity: "0.4" }), jsx("path", { d: "M8 8l1-1M8 12l1-1M8 16l1-1M15 9l1-1M15 12l1-1M15 15l1-1", stroke: primaryColor, strokeWidth: "1" })] })),
|
|
29
30
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "6", width: "6", height: "12", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 8l1 0M8 12l1 0M8 16l1 0M15 9l1 0M15 12l1 0M15 15l1 0", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
30
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "9", y: "6", width: "6", height: "12", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "6", width: "6", height: "12", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
31
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "9", y: "6", width: "6", height: "12", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "6", width: "6", height: "12", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
|
|
31
32
|
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "9", y: "6", width: "6", height: "12", rx: "1", fill: secondaryColor, opacity: "0.7" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: "#8B5CF6", opacity: "0.4" }), jsx("path", { d: "M8 8l1-1M8 12l1-1M8 16l1-1M15 9l1-1M15 12l1-1M15 15l1-1", stroke: "white", strokeWidth: "1" })] })),
|
|
32
33
|
},
|
|
33
34
|
});
|
|
@@ -39,7 +40,7 @@ const NtdChatbot = /* @__PURE__ */ createIcon({
|
|
|
39
40
|
paths: {
|
|
40
41
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", fill: primaryColor }), jsx("circle", { cx: "8", cy: "10", r: "2", fill: "white" }), jsx("circle", { cx: "16", cy: "10", r: "2", fill: "white" }), jsx("path", { d: "M8 14h8", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M6 20l3-3h6l3 3", fill: primaryColor })] })),
|
|
41
42
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "10", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "10", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 14h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M6 20l3-3M18 20l-3-3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
42
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "10", r: "2", fill: primaryColor }), jsx("circle", { cx: "16", cy: "10", r: "2", fill: primaryColor }), jsx("path", { d: "M8 14h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M6 20l3-3M18 20l-3-3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
43
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "10", r: "2", fill: primaryColor }), jsx("circle", { cx: "16", cy: "10", r: "2", fill: primaryColor }), jsx("path", { d: "M8 14h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M6 20l3-3M18 20l-3-3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
|
|
43
44
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "8", cy: "10", r: "2", fill: "white" }), jsx("circle", { cx: "16", cy: "10", r: "2", fill: "white" }), jsx("path", { d: "M6 20l3-3h6l3 3", fill: "#06B6D4" }), jsx("path", { d: "M8 14h8", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
|
|
44
45
|
},
|
|
45
46
|
});
|
|
@@ -48,7 +49,7 @@ const NtdRobot = /* @__PURE__ */ createIcon({
|
|
|
48
49
|
paths: {
|
|
49
50
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "4", r: "2", fill: primaryColor }), jsx("path", { d: "M12 6v2", stroke: primaryColor, strokeWidth: "2" }), jsx("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2", fill: primaryColor }), jsx("circle", { cx: "9", cy: "13", r: "2", fill: "white" }), jsx("circle", { cx: "15", cy: "13", r: "2", fill: "white" }), jsx("path", { d: "M9 17h6", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M3 14h2M19 14h2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
|
|
50
51
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "4", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v2", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "13", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "15", cy: "13", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 17h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M3 14h2M19 14h2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
51
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "4", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v2", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "13", r: "2", fill: primaryColor }), jsx("circle", { cx: "15", cy: "13", r: "2", fill: primaryColor }), jsx("path", { d: "M9 17h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M3 14h2M19 14h2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
52
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "4", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v2", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "13", r: "2", fill: primaryColor }), jsx("circle", { cx: "15", cy: "13", r: "2", fill: primaryColor }), jsx("path", { d: "M9 17h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M3 14h2M19 14h2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
|
|
52
53
|
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "4", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "4", r: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2", fill: secondaryColor }), jsx("circle", { cx: "9", cy: "13", r: "2", fill: "white" }), jsx("circle", { cx: "15", cy: "13", r: "2", fill: "white" }), jsx("path", { d: "M12 6v2", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M9 17h6", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M3 14h2M19 14h2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
|
|
53
54
|
},
|
|
54
55
|
});
|
|
@@ -57,7 +58,7 @@ const NtdVoiceAssistant = /* @__PURE__ */ createIcon({
|
|
|
57
58
|
paths: {
|
|
58
59
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "6", fill: "white", fillOpacity: "0.3" }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: "white" }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
|
|
59
60
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
60
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] })),
|
|
61
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] }))),
|
|
61
62
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "12", r: "6", fill: "white", fillOpacity: "0.3" }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: "white" }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
|
|
62
63
|
},
|
|
63
64
|
});
|
|
@@ -78,7 +79,7 @@ const NtdGradient = /* @__PURE__ */ createIcon({
|
|
|
78
79
|
paths: {
|
|
79
80
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("defs", { children: jsxs("linearGradient", { id: "grad1", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [jsx("stop", { offset: "0%", stopColor: primaryColor, stopOpacity: "1" }), jsx("stop", { offset: "100%", stopColor: primaryColor, stopOpacity: "0.2" })] }) }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "url(#grad1)" }), jsx("path", { d: "M6 18L18 6", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M7 10l3 3 4-4 4 4", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
|
|
80
81
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 18L18 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M7 10l3 3 4-4 4 4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
|
|
81
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 18L18 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M7 10l3 3 4-4 4 4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
|
|
82
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 18L18 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M7 10l3 3 4-4 4 4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] }))),
|
|
82
83
|
vivid: ({ primaryColor: _primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "url(#grad1)" }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "url(#grad1)", opacity: "0.1" }), jsx("path", { d: "M6 18L18 6", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round" }), jsx("path", { d: "M7 10l3 3 4-4 4 4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
|
|
83
84
|
},
|
|
84
85
|
});
|
|
@@ -87,7 +88,7 @@ const NtdDataset = /* @__PURE__ */ createIcon({
|
|
|
87
88
|
paths: {
|
|
88
89
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", fill: primaryColor }), jsx("path", { d: "M3 6v6c0 2.21 4.03 4 9 4s9-1.79 9-4V6", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "12", rx: "9", ry: "4", fill: primaryColor }), jsx("path", { d: "M3 12v6c0 2.21 4.03 4 9 4s9-1.79 9-4v-6", fill: primaryColor })] })),
|
|
89
90
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 6v6c0 2.21 4.03 4 9 4s9-1.79 9-4V6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 12v6c0 2.21 4.03 4 9 4s9-1.79 9-4v-6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
90
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 6v12c0 2.21 4.03 4 9 4s9-1.79 9-4V6", fill: secondaryColor, opacity: secondaryOpacity }), jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 6v6c0 2.21 4.03 4 9 4s9-1.79 9-4V6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 12v6c0 2.21 4.03 4 9 4s9-1.79 9-4v-6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
91
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 6v12c0 2.21 4.03 4 9 4s9-1.79 9-4V6", fill: secondaryColor, opacity: secondaryOpacity }), jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 6v6c0 2.21 4.03 4 9 4s9-1.79 9-4V6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 12v6c0 2.21 4.03 4 9 4s9-1.79 9-4v-6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
|
|
91
92
|
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", fill: "white", opacity: "0.08" }), jsx("path", { d: "M3 6v6c0 2.21 4.03 4 9 4s9-1.79 9-4V6", fill: secondaryColor }), jsx("ellipse", { cx: "12", cy: "12", rx: "9", ry: "4", fill: "#8B5CF6" }), jsx("path", { d: "M3 12v6c0 2.21 4.03 4 9 4s9-1.79 9-4v-6", fill: "#06B6D4" })] })),
|
|
92
93
|
},
|
|
93
94
|
});
|
|
@@ -108,7 +109,7 @@ const NtdTraining = /* @__PURE__ */ createIcon({
|
|
|
108
109
|
paths: {
|
|
109
110
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M12 6v6l4 2", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), jsx("path", { d: "M12 2v2M12 20v2M2 12h2M20 12h2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
|
|
110
111
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v6l4 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), jsx("path", { d: "M16 16l2 2M8 16l-2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
111
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v6l4 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), jsx("path", { d: "M16 16l2 2M8 16l-2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
112
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v6l4 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), jsx("path", { d: "M16 16l2 2M8 16l-2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
|
|
112
113
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("path", { d: "M12 6v6l4 2", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), jsx("path", { d: "M12 2v2M12 20v2M2 12h2M20 12h2", stroke: "#8B5CF6", strokeWidth: "1.5", strokeLinecap: "round" })] })),
|
|
113
114
|
},
|
|
114
115
|
});
|
|
@@ -117,7 +118,7 @@ const NtdInference = /* @__PURE__ */ createIcon({
|
|
|
117
118
|
paths: {
|
|
118
119
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: primaryColor }), jsx("path", { d: "M8 12h8", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M13 9l3 3-3 3", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
|
|
119
120
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M13 9l3 3-3 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
|
|
120
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M13 9l3 3-3 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
|
|
121
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M13 9l3 3-3 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] }))),
|
|
121
122
|
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: secondaryColor }), jsx("path", { d: "M8 12h8", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M13 9l3 3-3 3", stroke: "white", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
|
|
122
123
|
},
|
|
123
124
|
});
|
|
@@ -126,7 +127,7 @@ const NtdSparkle = /* @__PURE__ */ createIcon({
|
|
|
126
127
|
paths: {
|
|
127
128
|
solid: ({ primaryColor }) => (jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", fill: primaryColor })),
|
|
128
129
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })),
|
|
129
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })] })),
|
|
130
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })] }))),
|
|
130
131
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", fill: "white", opacity: "0.1" })] })),
|
|
131
132
|
},
|
|
132
133
|
});
|
|
@@ -146,7 +147,7 @@ const NtdPrompt = /* @__PURE__ */ createIcon({
|
|
|
146
147
|
paths: {
|
|
147
148
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("path", { d: "M7 8l4 4-4 4M13 16h4", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })),
|
|
148
149
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 8l4 4-4 4M13 16h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
|
|
149
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 8l4 4-4 4M13 16h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
|
|
150
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 8l4 4-4 4M13 16h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] }))),
|
|
150
151
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M7 8l4 4-4 4M13 16h4", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" })] })),
|
|
151
152
|
},
|
|
152
153
|
});
|
package/dist/esm/icons/brand.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { createIcon } from '../createIcon.js';
|
|
3
|
+
import { swapDuotone } from '../iconParts.js';
|
|
3
4
|
|
|
4
5
|
/* ═══════════════════════════════════════════════════════
|
|
5
6
|
Brands
|
|
@@ -43,7 +44,6 @@ const NtdNiceToDev = /* @__PURE__ */ createIcon({
|
|
|
43
44
|
* Draw anim: fills pop (clip-path), text draws
|
|
44
45
|
* via stroke-dasharray — layered reveal.
|
|
45
46
|
*/
|
|
46
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2.75", width: "20", height: "5.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "9.25", width: "20", height: "5.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "15.75", width: "20", height: "5.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5.5 7.5V3.5L8.5 7.5V3.5 M10 3.5V7.5 M13.5 3.5H11V7.5H13.5 M17.5 3.5H15V7.5H17.5 M15 5.5H17", stroke: primaryColor, strokeWidth: "1.3", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none" }), jsx("path", { d: "M7.5 10H10.5 M9 10V14 M12 10H15V14H12Z", stroke: primaryColor, strokeWidth: "1.3", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none" }), jsx("path", { d: "M6 16.5V20.5H7.5L8.5 18.5 7.5 16.5Z M12.5 16.5H10V20.5H12.5 M10 18.5H12 M14 16.5L15.5 20.5 17 16.5", stroke: primaryColor, strokeWidth: "1.3", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none" })] })),
|
|
47
47
|
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2.75", width: "20", height: "5.5", fill: primaryColor }), jsx("rect", { x: "2", y: "2.75", width: "20", height: "5.5", fill: "white", opacity: "0.08" }), jsx("rect", { x: "2", y: "9.25", width: "20", height: "5.5", fill: secondaryColor }), jsx("rect", { x: "2", y: "15.75", width: "20", height: "5.5", fill: "#3B82F6" }), jsx("path", { d: "M5.5 7.5V3.5L8.5 7.5V3.5 M10 3.5V7.5 M13.5 3.5H11V7.5H13.5 M17.5 3.5H15V7.5H17.5 M15 5.5H17", stroke: "white", strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none", opacity: "0.35" }), jsx("path", { d: "M7.5 10H10.5 M9 10V14 M12 10H15V14H12Z", stroke: "white", strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none", opacity: "0.35" }), jsx("path", { d: "M6 16.5V20.5H7.5L8.5 18.5 7.5 16.5Z M12.5 16.5H10V20.5H12.5 M10 18.5H12 M14 16.5L15.5 20.5 17 16.5", stroke: "white", strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none", opacity: "0.35" })] })),
|
|
48
48
|
},
|
|
49
49
|
});
|
|
@@ -144,7 +144,7 @@ const NtdOmniVerkBadge = /* @__PURE__ */ createIcon({
|
|
|
144
144
|
paths: {
|
|
145
145
|
solid: ({ primaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "11", fill: primaryColor, children: jsx("animateTransform", { attributeName: "transform", type: "scale", from: "0", to: "1", dur: "0.3s", fill: "freeze", calcMode: "spline", keySplines: "0.22 1 0.36 1", additive: "sum" }) }), jsx("path", { d: OVB_DIAMOND, fill: accentColor !== null && accentColor !== void 0 ? accentColor : '#fff', children: jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.2s", begin: "0.2s", fill: "freeze" }) }), jsx("path", { d: OVB_TRIANGLE, fill: accentColor !== null && accentColor !== void 0 ? accentColor : '#fff', children: jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.2s", begin: "0.3s", fill: "freeze" }) })] })),
|
|
146
146
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 80", to: "80 0", dur: "0.5s", fill: "freeze" }) }), jsx("path", { d: OVB_DIAMOND, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 40", to: "40 0", dur: "0.4s", begin: "0.3s", fill: "freeze" }) }), jsx("path", { d: OVB_TRIANGLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 30", to: "30 0", dur: "0.4s", begin: "0.5s", fill: "freeze" }) })] })),
|
|
147
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "11", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "11", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: OVB_DIAMOND, fill: primaryColor }), jsx("path", { d: OVB_TRIANGLE, fill: primaryColor })] })),
|
|
147
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "11", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "11", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: OVB_DIAMOND, fill: primaryColor }), jsx("path", { d: OVB_TRIANGLE, fill: primaryColor })] }))),
|
|
148
148
|
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "11", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "11", fill: "white", opacity: "0.08" }), jsx("path", { d: OVB_DIAMOND, fill: "white" }), jsx("path", { d: OVB_TRIANGLE, fill: secondaryColor })] })),
|
|
149
149
|
},
|
|
150
150
|
});
|