@nice2dev/icons 1.3.7 → 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 +44 -0
- package/README.md +33 -16
- package/dist/cjs/NiceIconStacker.js +16 -4
- package/dist/cjs/createIcon.js +17 -4
- package/dist/cjs/iconParts.js +24 -2
- package/dist/cjs/iconStack.js +5 -5
- package/dist/cjs/icons/accessibility.js +9 -8
- package/dist/cjs/icons/actions.js +38 -35
- package/dist/cjs/icons/ai.js +12 -11
- package/dist/cjs/icons/brand.js +2 -2
- package/dist/cjs/icons/business.js +14 -16
- package/dist/cjs/icons/devtech.js +17 -15
- package/dist/cjs/icons/ecommerce.js +7 -12
- package/dist/cjs/icons/education.js +14 -16
- package/dist/cjs/icons/files.js +46 -22
- 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 +9 -12
- 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 +9 -9
- package/dist/cjs/icons/ui.js +55 -31
- package/dist/cjs/icons/weather.js +8 -13
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/nicetodev-icons.css +1 -1
- package/dist/cjs/resolver.js +1 -0
- package/dist/cjs/stacking.js +38 -11
- package/dist/esm/NiceIconStacker.js +18 -6
- package/dist/esm/createIcon.js +18 -5
- package/dist/esm/iconParts.js +24 -3
- package/dist/esm/iconStack.js +5 -5
- package/dist/esm/icons/accessibility.js +9 -8
- package/dist/esm/icons/actions.js +39 -36
- package/dist/esm/icons/ai.js +12 -11
- package/dist/esm/icons/brand.js +2 -2
- package/dist/esm/icons/business.js +15 -17
- package/dist/esm/icons/devtech.js +17 -15
- package/dist/esm/icons/ecommerce.js +7 -12
- package/dist/esm/icons/education.js +14 -16
- package/dist/esm/icons/files.js +47 -23
- 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 +9 -12
- 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 +10 -10
- package/dist/esm/icons/ui.js +56 -33
- package/dist/esm/icons/weather.js +9 -14
- package/dist/esm/index.js +1 -1
- package/dist/esm/nicetodev-icons.css +1 -1
- package/dist/esm/resolver.js +1 -0
- package/dist/esm/stacking.js +36 -12
- package/dist/types/createIcon.d.ts +16 -2
- package/dist/types/iconParts.d.ts +8 -2
- package/dist/types/iconStack.d.ts +12 -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 +25 -5
- package/dist/types/types.d.ts +11 -7
- package/package.json +2 -2
package/dist/cjs/icons/gaming.js
CHANGED
|
@@ -32,8 +32,6 @@ const NtdGamepad = /* @__PURE__ */ createIcon.createIcon({
|
|
|
32
32
|
paths: {
|
|
33
33
|
solid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: PAD_BODY, fill: primaryColor }), jsxRuntime.jsxs("g", { fill: accentColor, opacity: accentOpacity, children: [iconParts.within(uid, 'b', jsxRuntime.jsx("path", { d: PAD_BODY }), jsxRuntime.jsx("path", { d: PAD_BUMPERS, stroke: accentColor, strokeWidth: "0.7", strokeLinecap: "round", fill: "none", transform: "translate(0 0.9)" })), jsxRuntime.jsx("circle", { cx: "6.2", cy: "9.4", r: "2.1" }), jsxRuntime.jsx("circle", { cx: "14.9", cy: "12.6", r: "1.9" }), jsxRuntime.jsx("path", { d: PAD_DPAD }), PAD_FACE.map(([cx, cy]) => (jsxRuntime.jsx("circle", { cx: cx, cy: cy, r: "0.78" }, `${cx},${cy}`))), jsxRuntime.jsx("circle", { cx: "12", cy: "8.3", r: "1.15" }), jsxRuntime.jsx("circle", { cx: "11.1", cy: "10.4", r: "0.5" }), jsxRuntime.jsx("circle", { cx: "12.9", cy: "10.4", r: "0.5" })] })] })),
|
|
34
34
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: PAD_BODY, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "round", fill: "none" }), jsxRuntime.jsxs("g", { stroke: primaryColor, strokeWidth: strokeWidth * 0.6, fill: "none", children: [jsxRuntime.jsx("circle", { cx: "6.2", cy: "9.4", r: "1.7" }), jsxRuntime.jsx("circle", { cx: "14.9", cy: "12.6", r: "1.5" }), jsxRuntime.jsx("path", { d: "M9.1 11.15v2.9M7.65 12.6h2.9", strokeLinecap: "round" })] }), jsxRuntime.jsxs("g", { fill: primaryColor, children: [PAD_FACE.map(([cx, cy]) => (jsxRuntime.jsx("circle", { cx: cx, cy: cy, r: "0.7" }, `${cx},${cy}`))), jsxRuntime.jsx("circle", { cx: "12", cy: "8.5", r: "0.9" })] })] })),
|
|
35
|
-
// Fills only: the tinted body, the bumpers and every control in primary.
|
|
36
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: PAD_BODY, fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsxs("g", { fill: primaryColor, children: [iconParts.within(uid, 'b', jsxRuntime.jsx("path", { d: PAD_BODY }), jsxRuntime.jsx("path", { d: PAD_BUMPERS, stroke: primaryColor, strokeWidth: "2.6", fill: "none" })), jsxRuntime.jsx("circle", { cx: "6.2", cy: "9.4", r: "2.1" }), jsxRuntime.jsx("circle", { cx: "14.9", cy: "12.6", r: "1.9" }), jsxRuntime.jsx("path", { d: PAD_DPAD }), PAD_FACE.map(([cx, cy]) => (jsxRuntime.jsx("circle", { cx: cx, cy: cy, r: "0.78" }, `${cx},${cy}`))), jsxRuntime.jsx("circle", { cx: "12", cy: "8.3", r: "1.15" })] })] })),
|
|
37
35
|
vivid: ({ primaryColor, secondaryColor, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: PAD_BODY, fill: primaryColor }), iconParts.within(uid, 'b', jsxRuntime.jsx("path", { d: PAD_BODY }), jsxRuntime.jsx("path", { d: PAD_BUMPERS, stroke: secondaryColor, strokeWidth: "2.6", fill: "none" })), jsxRuntime.jsxs("g", { fill: secondaryColor, children: [jsxRuntime.jsx("circle", { cx: "6.2", cy: "9.4", r: "2.1" }), jsxRuntime.jsx("circle", { cx: "14.9", cy: "12.6", r: "1.9" }), jsxRuntime.jsx("path", { d: PAD_DPAD })] }), PAD_FACE.map(([cx, cy], i) => (jsxRuntime.jsx("circle", { cx: cx, cy: cy, r: "0.78", fill: PAD_FACE_VIVID[i] }, `${cx},${cy}`))), jsxRuntime.jsx("circle", { cx: "12", cy: "8.3", r: "1.15", fill: "white" }), jsxRuntime.jsx("circle", { cx: "11.1", cy: "10.4", r: "0.5", fill: "white", opacity: "0.8" }), jsxRuntime.jsx("circle", { cx: "12.9", cy: "10.4", r: "0.5", fill: "white", opacity: "0.8" })] })),
|
|
38
36
|
},
|
|
39
37
|
});
|
|
@@ -44,7 +42,7 @@ const NtdJoystick = /* @__PURE__ */ createIcon.createIcon({
|
|
|
44
42
|
paths: {
|
|
45
43
|
solid: ({ primaryColor }) => (jsxRuntime.jsx("path", { d: "M12 2a4 4 0 00-4 4v5.17A3 3 0 006 14v2a4 4 0 004 4h4a4 4 0 004-4v-2a3 3 0 00-2-2.83V6a4 4 0 00-4-4zm0 2a2 2 0 012 2v5h-4V6a2 2 0 012-2z", fill: primaryColor })),
|
|
46
44
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "6", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M12 10v3M6 14v2a4 4 0 004 4h4a4 4 0 004-4v-2a3 3 0 00-3-3h-6a3 3 0 00-3 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
47
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 14v2a4 4 0 004 4h4a4 4 0 004-4v-2a3 3 0 00-3-3h-6a3 3 0 00-3 3z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "6", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M12 10v3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
45
|
+
duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 14v2a4 4 0 004 4h4a4 4 0 004-4v-2a3 3 0 00-3-3h-6a3 3 0 00-3 3z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "6", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M12 10v3", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
|
|
48
46
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2a4 4 0 00-4 4v5.17A3 3 0 006 14v2a4 4 0 004 4h4a4 4 0 004-4v-2a3 3 0 00-2-2.83V6a4 4 0 00-4-4zm0 2a2 2 0 012 2v5h-4V6a2 2 0 012-2z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M12 2a4 4 0 00-4 4v5.17A3 3 0 006 14v2a4 4 0 004 4h4a4 4 0 004-4v-2a3 3 0 00-2-2.83V6a4 4 0 00-4-4zm0 2a2 2 0 012 2v5h-4V6a2 2 0 012-2z", fill: "white", opacity: "0.1" })] })),
|
|
49
47
|
},
|
|
50
48
|
});
|
|
@@ -53,7 +51,7 @@ const NtdVrHeadset = /* @__PURE__ */ createIcon.createIcon({
|
|
|
53
51
|
paths: {
|
|
54
52
|
solid: ({ primaryColor }) => (jsxRuntime.jsx("path", { d: "M3 10a4 4 0 014-4h10a4 4 0 014 4v4a4 4 0 01-4 4H7a4 4 0 01-4-4v-4zm4 0a2 2 0 00-2 2v0a2 2 0 002 2h2.5a1 1 0 00.9-.55l.6-1.2a1 1 0 01.9-.55h.2a1 1 0 01.9.55l.6 1.2a1 1 0 00.9.55H17a2 2 0 002-2v0a2 2 0 00-2-2H7z", fill: primaryColor })),
|
|
55
53
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M3 10a4 4 0 014-4h10a4 4 0 014 4v4a4 4 0 01-4 4H7a4 4 0 01-4-4v-4zM7 10a2 2 0 00-2 2v0a2 2 0 002 2h2.5a1 1 0 00.9-.55l.6-1.2a1 1 0 01.9-.55h.2a1 1 0 01.9.55l.6 1.2a1 1 0 00.9.55H17a2 2 0 002-2v0a2 2 0 00-2-2H7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
56
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M3 10a4 4 0 014-4h10a4 4 0 014 4v4a4 4 0 01-4 4H7a4 4 0 01-4-4v-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M7 10a2 2 0 00-2 2v0a2 2 0 002 2h2.5a1 1 0 00.9-.55l.6-1.2a1 1 0 01.9-.55h.2a1 1 0 01.9.55l.6 1.2a1 1 0 00.9.55H17a2 2 0 002-2v0a2 2 0 00-2-2H7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
54
|
+
duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M3 10a4 4 0 014-4h10a4 4 0 014 4v4a4 4 0 01-4 4H7a4 4 0 01-4-4v-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M7 10a2 2 0 00-2 2v0a2 2 0 002 2h2.5a1 1 0 00.9-.55l.6-1.2a1 1 0 01.9-.55h.2a1 1 0 01.9.55l.6 1.2a1 1 0 00.9.55H17a2 2 0 002-2v0a2 2 0 00-2-2H7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
|
|
57
55
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M3 10a4 4 0 014-4h10a4 4 0 014 4v4a4 4 0 01-4 4H7a4 4 0 01-4-4v-4zm4 0a2 2 0 00-2 2v0a2 2 0 002 2h2.5a1 1 0 00.9-.55l.6-1.2a1 1 0 01.9-.55h.2a1 1 0 01.9.55l.6 1.2a1 1 0 00.9.55H17a2 2 0 002-2v0a2 2 0 00-2-2H7z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M3 10a4 4 0 014-4h10a4 4 0 014 4v4a4 4 0 01-4 4H7a4 4 0 01-4-4v-4zm4 0a2 2 0 00-2 2v0a2 2 0 002 2h2.5a1 1 0 00.9-.55l.6-1.2a1 1 0 01.9-.55h.2a1 1 0 01.9.55l.6 1.2a1 1 0 00.9.55H17a2 2 0 002-2v0a2 2 0 00-2-2H7z", fill: "white", opacity: "0.1" })] })),
|
|
58
56
|
},
|
|
59
57
|
});
|
|
@@ -62,10 +60,13 @@ const NtdVrHeadset = /* @__PURE__ */ createIcon.createIcon({
|
|
|
62
60
|
───────────────────────────────────────────────────────────────────────────── */
|
|
63
61
|
const NtdTrophy = /* @__PURE__ */ createIcon.createIcon({
|
|
64
62
|
displayName: 'NtdTrophy',
|
|
63
|
+
perfectStackX: 12,
|
|
64
|
+
perfectStackY: 8,
|
|
65
|
+
perfectStackSize: 0.35,
|
|
65
66
|
paths: {
|
|
66
67
|
solid: ({ primaryColor }) => (jsxRuntime.jsx("path", { d: "M6 2h12v6a6 6 0 01-12 0V2zM4 4H2a2 2 0 00-2 2v2a4 4 0 004 4h.5A7.96 7.96 0 016 10.17V4zm16 0h-2v6.17A7.96 7.96 0 0019.5 12H20a4 4 0 004-4V6a2 2 0 00-2-2h-2zM9 14h6v2H9v-2zm-1 4h8v2a2 2 0 01-2 2h-4a2 2 0 01-2-2v-2z", fill: primaryColor })),
|
|
67
68
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 2h12v6a6 6 0 01-12 0V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M6 4H4a2 2 0 00-2 2v2a4 4 0 004 4M18 4h2a2 2 0 012 2v2a4 4 0 01-4 4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M9 14h6M8 18h8v2a2 2 0 01-2 2h-4a2 2 0 01-2-2v-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
68
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 2h12v6a6 6 0 01-12 0V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M6 2h12v6a6 6 0 01-12 0V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M6 4H4a2 2 0 00-2 2v2a4 4 0 004 4M18 4h2a2 2 0 012 2v2a4 4 0 01-4 4M9 14h6M8 18h8v2a2 2 0 01-2 2h-4a2 2 0 01-2-2v-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
69
|
+
duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 2h12v6a6 6 0 01-12 0V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M6 2h12v6a6 6 0 01-12 0V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M6 4H4a2 2 0 00-2 2v2a4 4 0 004 4M18 4h2a2 2 0 012 2v2a4 4 0 01-4 4M9 14h6M8 18h8v2a2 2 0 01-2 2h-4a2 2 0 01-2-2v-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
|
|
69
70
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 2h12v6a6 6 0 01-12 0V2zM4 4H2a2 2 0 00-2 2v2a4 4 0 004 4h.5A7.96 7.96 0 016 10.17V4zm16 0h-2v6.17A7.96 7.96 0 0019.5 12H20a4 4 0 004-4V6a2 2 0 00-2-2h-2zM9 14h6v2H9v-2zm-1 4h8v2a2 2 0 01-2 2h-4a2 2 0 01-2-2v-2z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M6 2h12v6a6 6 0 01-12 0V2zM4 4H2a2 2 0 00-2 2v2a4 4 0 004 4h.5A7.96 7.96 0 016 10.17V4zm16 0h-2v6.17A7.96 7.96 0 0019.5 12H20a4 4 0 004-4V6a2 2 0 00-2-2h-2zM9 14h6v2H9v-2zm-1 4h8v2a2 2 0 01-2 2h-4a2 2 0 01-2-2v-2z", fill: "white", opacity: "0.1" })] })),
|
|
70
71
|
},
|
|
71
72
|
});
|
|
@@ -83,7 +84,7 @@ const NtdHealthBar = /* @__PURE__ */ createIcon.createIcon({
|
|
|
83
84
|
paths: {
|
|
84
85
|
solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "8", width: "20", height: "8", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "4", y: "10", width: "12", height: "4", rx: "1", fill: "white", fillOpacity: "0.9" })] })),
|
|
85
86
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "8", width: "20", height: "8", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "4", y: "10", width: "12", height: "4", rx: "1", fill: primaryColor })] })),
|
|
86
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "8", width: "20", height: "8", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "4", y: "10", width: "12", height: "4", rx: "1", fill: primaryColor })] })),
|
|
87
|
+
duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "8", width: "20", height: "8", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "4", y: "10", width: "12", height: "4", rx: "1", fill: primaryColor })] }))),
|
|
87
88
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "8", width: "20", height: "8", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "2", y: "8", width: "20", height: "8", rx: "2", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("rect", { x: "4", y: "10", width: "12", height: "4", rx: "1", fill: "white", fillOpacity: "0.9" })] })),
|
|
88
89
|
},
|
|
89
90
|
});
|
|
@@ -98,10 +99,13 @@ const NtdXpBar = /* @__PURE__ */ createIcon.createIcon({
|
|
|
98
99
|
});
|
|
99
100
|
const NtdStar = /* @__PURE__ */ createIcon.createIcon({
|
|
100
101
|
displayName: 'NtdStar',
|
|
102
|
+
perfectStackX: 12,
|
|
103
|
+
perfectStackY: 12.5,
|
|
104
|
+
perfectStackSize: 0.35,
|
|
101
105
|
paths: {
|
|
102
106
|
solid: ({ primaryColor }) => (jsxRuntime.jsx("path", { d: "M12 2L9.19 8.62 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2z", fill: primaryColor })),
|
|
103
107
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M12 2L9.19 8.62 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })),
|
|
104
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2L9.19 8.62 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M12 2L9.19 8.62 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
108
|
+
duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2L9.19 8.62 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M12 2L9.19 8.62 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
|
|
105
109
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2L9.19 8.62 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M12 2L9.19 8.62 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2z", fill: "white", opacity: "0.1" })] })),
|
|
106
110
|
},
|
|
107
111
|
});
|
|
@@ -113,7 +117,7 @@ const NtdTwitch = /* @__PURE__ */ createIcon.createIcon({
|
|
|
113
117
|
paths: {
|
|
114
118
|
solid: ({ primaryColor }) => (jsxRuntime.jsx("path", { d: "M4 2L2 6v14h5v3h3l3-3h4l5-5V2H4zm15 11l-3 3h-4l-3 3v-3H5V4h14v9z", fill: primaryColor })),
|
|
115
119
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M4 2L2 6v14h5v3h3l3-3h4l5-5V2H4zm15 11l-3 3h-4l-3 3v-3H5V4h14v9zM11 7v5M15 7v5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
116
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M4 2L2 6v14h5v3h3l3-3h4l5-5V2H4z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M19 13l-3 3h-4l-3 3v-3H5V4h14v9zM11 7v5M15 7v5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
120
|
+
duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M4 2L2 6v14h5v3h3l3-3h4l5-5V2H4z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M19 13l-3 3h-4l-3 3v-3H5V4h14v9zM11 7v5M15 7v5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
|
|
117
121
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M4 2L2 6v14h5v3h3l3-3h4l5-5V2H4zm15 11l-3 3h-4l-3 3v-3H5V4h14v9z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M4 2L2 6v14h5v3h3l3-3h4l5-5V2H4zm15 11l-3 3h-4l-3 3v-3H5V4h14v9z", fill: "white", opacity: "0.1" })] })),
|
|
118
122
|
},
|
|
119
123
|
});
|
|
@@ -122,7 +126,7 @@ const NtdYoutubeLive = /* @__PURE__ */ createIcon.createIcon({
|
|
|
122
126
|
paths: {
|
|
123
127
|
solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22.54 6.42a2.78 2.78 0 00-1.95-1.97C18.88 4 12 4 12 4s-6.88 0-8.59.45a2.78 2.78 0 00-1.95 1.97A29 29 0 001 12a29 29 0 00.46 5.58 2.78 2.78 0 001.95 1.97C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 001.95-1.97A29 29 0 0023 12a29 29 0 00-.46-5.58z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M10 15l5-3-5-3v6z", fill: "white" }), jsxRuntime.jsx("circle", { cx: "18", cy: "6", r: "3", fill: "#ef4444" })] })),
|
|
124
128
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22.54 6.42a2.78 2.78 0 00-1.95-1.97C18.88 4 12 4 12 4s-6.88 0-8.59.45a2.78 2.78 0 00-1.95 1.97A29 29 0 001 12a29 29 0 00.46 5.58 2.78 2.78 0 001.95 1.97C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 001.95-1.97A29 29 0 0023 12a29 29 0 00-.46-5.58z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M10 15l5-3-5-3v6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "18", cy: "6", r: "2", fill: "#ef4444" })] })),
|
|
125
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22.54 6.42a2.78 2.78 0 00-1.95-1.97C18.88 4 12 4 12 4s-6.88 0-8.59.45a2.78 2.78 0 00-1.95 1.97A29 29 0 001 12a29 29 0 00.46 5.58 2.78 2.78 0 001.95 1.97C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 001.95-1.97A29 29 0 0023 12a29 29 0 00-.46-5.58z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M10 15l5-3-5-3v6z", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "18", cy: "6", r: "3", fill: "#ef4444" })] })),
|
|
129
|
+
duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22.54 6.42a2.78 2.78 0 00-1.95-1.97C18.88 4 12 4 12 4s-6.88 0-8.59.45a2.78 2.78 0 00-1.95 1.97A29 29 0 001 12a29 29 0 00.46 5.58 2.78 2.78 0 001.95 1.97C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 001.95-1.97A29 29 0 0023 12a29 29 0 00-.46-5.58z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M10 15l5-3-5-3v6z", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "18", cy: "6", r: "3", fill: "#ef4444" })] }))),
|
|
126
130
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22.54 6.42a2.78 2.78 0 00-1.95-1.97C18.88 4 12 4 12 4s-6.88 0-8.59.45a2.78 2.78 0 00-1.95 1.97A29 29 0 001 12a29 29 0 00.46 5.58 2.78 2.78 0 001.95 1.97C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 001.95-1.97A29 29 0 0023 12a29 29 0 00-.46-5.58z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M22.54 6.42a2.78 2.78 0 00-1.95-1.97C18.88 4 12 4 12 4s-6.88 0-8.59.45a2.78 2.78 0 00-1.95 1.97A29 29 0 001 12a29 29 0 00.46 5.58 2.78 2.78 0 001.95 1.97C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 001.95-1.97A29 29 0 0023 12a29 29 0 00-.46-5.58z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("path", { d: "M10 15l5-3-5-3v6z", fill: "white" }), jsxRuntime.jsx("circle", { cx: "18", cy: "6", r: "3", fill: "#ef4444" })] })),
|
|
127
131
|
},
|
|
128
132
|
});
|
|
@@ -131,7 +135,7 @@ const NtdDiscord = /* @__PURE__ */ createIcon.createIcon({
|
|
|
131
135
|
paths: {
|
|
132
136
|
solid: ({ primaryColor }) => (jsxRuntime.jsx("path", { d: "M20.32 4.37a19.8 19.8 0 00-4.93-1.52 14.5 14.5 0 00-.64 1.31 18.3 18.3 0 00-5.5 0 14.3 14.3 0 00-.64-1.31A19.73 19.73 0 003.68 4.37 20.33 20.33 0 00.1 16.9a19.88 19.88 0 006.03 3.04 14.6 14.6 0 001.28-2.08 12.9 12.9 0 01-2.02-.97c.17-.12.33-.25.49-.38a14.14 14.14 0 0012.24 0c.16.13.32.26.49.38-.65.38-1.32.71-2.02.97.36.73.78 1.42 1.28 2.08a19.83 19.83 0 006.03-3.04 20.27 20.27 0 00-3.58-12.53zM8.02 14.06c-1.09 0-2-.99-2-2.22 0-1.22.89-2.22 2-2.22 1.12 0 2.02 1 2 2.22 0 1.23-.89 2.22-2 2.22zm7.96 0c-1.1 0-2-.99-2-2.22 0-1.22.89-2.22 2-2.22 1.11 0 2.01 1 2 2.22-.01 1.23-.9 2.22-2 2.22z", fill: primaryColor })),
|
|
133
137
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M20.32 4.37a19.8 19.8 0 00-4.93-1.52 14.5 14.5 0 00-.64 1.31 18.3 18.3 0 00-5.5 0 14.3 14.3 0 00-.64-1.31A19.73 19.73 0 003.68 4.37 20.33 20.33 0 00.1 16.9a19.88 19.88 0 006.03 3.04 14.6 14.6 0 001.28-2.08 12.9 12.9 0 01-2.02-.97c.17-.12.33-.25.49-.38a14.14 14.14 0 0012.24 0c.16.13.32.26.49.38-.65.38-1.32.71-2.02.97.36.73.78 1.42 1.28 2.08a19.83 19.83 0 006.03-3.04 20.27 20.27 0 00-3.58-12.53zM8.02 14.06c-1.09 0-2-.99-2-2.22 0-1.22.89-2.22 2-2.22 1.12 0 2.02 1 2 2.22 0 1.23-.89 2.22-2 2.22zm7.96 0c-1.1 0-2-.99-2-2.22 0-1.22.89-2.22 2-2.22 1.11 0 2.01 1 2 2.22-.01 1.23-.9 2.22-2 2.22z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
134
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M20.32 4.37a19.8 19.8 0 00-4.93-1.52 14.5 14.5 0 00-.64 1.31 18.3 18.3 0 00-5.5 0 14.3 14.3 0 00-.64-1.31A19.73 19.73 0 003.68 4.37 20.33 20.33 0 00.1 16.9a19.88 19.88 0 006.03 3.04 14.6 14.6 0 001.28-2.08 12.9 12.9 0 01-2.02-.97c.17-.12.33-.25.49-.38a14.14 14.14 0 0012.24 0c.16.13.32.26.49.38-.65.38-1.32.71-2.02.97.36.73.78 1.42 1.28 2.08a19.83 19.83 0 006.03-3.04 20.27 20.27 0 00-3.58-12.53z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("ellipse", { cx: "8.02", cy: "11.84", rx: "2", ry: "2.22", fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "15.98", cy: "11.84", rx: "2", ry: "2.22", fill: primaryColor })] })),
|
|
138
|
+
duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M20.32 4.37a19.8 19.8 0 00-4.93-1.52 14.5 14.5 0 00-.64 1.31 18.3 18.3 0 00-5.5 0 14.3 14.3 0 00-.64-1.31A19.73 19.73 0 003.68 4.37 20.33 20.33 0 00.1 16.9a19.88 19.88 0 006.03 3.04 14.6 14.6 0 001.28-2.08 12.9 12.9 0 01-2.02-.97c.17-.12.33-.25.49-.38a14.14 14.14 0 0012.24 0c.16.13.32.26.49.38-.65.38-1.32.71-2.02.97.36.73.78 1.42 1.28 2.08a19.83 19.83 0 006.03-3.04 20.27 20.27 0 00-3.58-12.53z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("ellipse", { cx: "8.02", cy: "11.84", rx: "2", ry: "2.22", fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "15.98", cy: "11.84", rx: "2", ry: "2.22", fill: primaryColor })] }))),
|
|
135
139
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M20.32 4.37a19.8 19.8 0 00-4.93-1.52 14.5 14.5 0 00-.64 1.31 18.3 18.3 0 00-5.5 0 14.3 14.3 0 00-.64-1.31A19.73 19.73 0 003.68 4.37 20.33 20.33 0 00.1 16.9a19.88 19.88 0 006.03 3.04 14.6 14.6 0 001.28-2.08 12.9 12.9 0 01-2.02-.97c.17-.12.33-.25.49-.38a14.14 14.14 0 0012.24 0c.16.13.32.26.49.38-.65.38-1.32.71-2.02.97.36.73.78 1.42 1.28 2.08a19.83 19.83 0 006.03-3.04 20.27 20.27 0 00-3.58-12.53zM8.02 14.06c-1.09 0-2-.99-2-2.22 0-1.22.89-2.22 2-2.22 1.12 0 2.02 1 2 2.22 0 1.23-.89 2.22-2 2.22zm7.96 0c-1.1 0-2-.99-2-2.22 0-1.22.89-2.22 2-2.22 1.11 0 2.01 1 2 2.22-.01 1.23-.9 2.22-2 2.22z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M20.32 4.37a19.8 19.8 0 00-4.93-1.52 14.5 14.5 0 00-.64 1.31 18.3 18.3 0 00-5.5 0 14.3 14.3 0 00-.64-1.31A19.73 19.73 0 003.68 4.37 20.33 20.33 0 00.1 16.9a19.88 19.88 0 006.03 3.04 14.6 14.6 0 001.28-2.08 12.9 12.9 0 01-2.02-.97c.17-.12.33-.25.49-.38a14.14 14.14 0 0012.24 0c.16.13.32.26.49.38-.65.38-1.32.71-2.02.97.36.73.78 1.42 1.28 2.08a19.83 19.83 0 006.03-3.04 20.27 20.27 0 00-3.58-12.53zM8.02 14.06c-1.09 0-2-.99-2-2.22 0-1.22.89-2.22 2-2.22 1.12 0 2.02 1 2 2.22 0 1.23-.89 2.22-2 2.22zm7.96 0c-1.1 0-2-.99-2-2.22 0-1.22.89-2.22 2-2.22 1.11 0 2.01 1 2 2.22-.01 1.23-.9 2.22-2 2.22z", fill: "white", opacity: "0.1" })] })),
|
|
136
140
|
},
|
|
137
141
|
});
|
|
@@ -143,7 +147,7 @@ const NtdDice = /* @__PURE__ */ createIcon.createIcon({
|
|
|
143
147
|
paths: {
|
|
144
148
|
solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "7.5", cy: "7.5", r: "1.5", fill: "white" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "white" }), jsxRuntime.jsx("circle", { cx: "16.5", cy: "16.5", r: "1.5", fill: "white" }), jsxRuntime.jsx("circle", { cx: "7.5", cy: "16.5", r: "1.5", fill: "white" }), jsxRuntime.jsx("circle", { cx: "16.5", cy: "7.5", r: "1.5", fill: "white" })] })),
|
|
145
149
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "7.5", cy: "7.5", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "16.5", cy: "16.5", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "7.5", cy: "16.5", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "16.5", cy: "7.5", r: "1.5", fill: primaryColor })] })),
|
|
146
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "7.5", cy: "7.5", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "16.5", cy: "16.5", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "7.5", cy: "16.5", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "16.5", cy: "7.5", r: "1.5", fill: primaryColor })] })),
|
|
150
|
+
duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "7.5", cy: "7.5", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "16.5", cy: "16.5", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "7.5", cy: "16.5", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "16.5", cy: "7.5", r: "1.5", fill: primaryColor })] }))),
|
|
147
151
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "7.5", cy: "7.5", r: "1.5", fill: "white" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "white" }), jsxRuntime.jsx("circle", { cx: "16.5", cy: "16.5", r: "1.5", fill: "white" }), jsxRuntime.jsx("circle", { cx: "7.5", cy: "16.5", r: "1.5", fill: "white" }), jsxRuntime.jsx("circle", { cx: "16.5", cy: "7.5", r: "1.5", fill: "white" })] })),
|
|
148
152
|
},
|
|
149
153
|
});
|
|
@@ -158,10 +162,13 @@ const NtdSword = /* @__PURE__ */ createIcon.createIcon({
|
|
|
158
162
|
});
|
|
159
163
|
const NtdShield = /* @__PURE__ */ createIcon.createIcon({
|
|
160
164
|
displayName: 'NtdShield',
|
|
165
|
+
perfectStackX: 12,
|
|
166
|
+
perfectStackY: 11,
|
|
167
|
+
perfectStackSize: 0.5,
|
|
161
168
|
paths: {
|
|
162
169
|
solid: ({ primaryColor }) => (jsxRuntime.jsx("path", { d: "M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-3z", fill: primaryColor })),
|
|
163
170
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
164
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M9 12l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" })] })),
|
|
171
|
+
duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M9 12l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" })] }))),
|
|
165
172
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-3z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-3z", fill: "white", opacity: "0.1" })] })),
|
|
166
173
|
},
|
|
167
174
|
});
|
|
@@ -170,7 +177,7 @@ const NtdPotion = /* @__PURE__ */ createIcon.createIcon({
|
|
|
170
177
|
paths: {
|
|
171
178
|
solid: ({ primaryColor }) => (jsxRuntime.jsx("path", { d: "M9 2v4H7v2l-4 8a4 4 0 004 4h10a4 4 0 004-4l-4-8V6h-2V2H9zm1 14a2 2 0 11-4 0 2 2 0 014 0zm6-2a1 1 0 11-2 0 1 1 0 012 0z", fill: primaryColor })),
|
|
172
179
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9 2v4H7v2l-4 8a4 4 0 004 4h10a4 4 0 004-4l-4-8V6h-2V2H9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "8", cy: "16", r: "2", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "15", cy: "14", r: "1", fill: primaryColor })] })),
|
|
173
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M7 8l-4 8a4 4 0 004 4h10a4 4 0 004-4l-4-8H7z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M9 2v4H7v2l-4 8a4 4 0 004 4h10a4 4 0 004-4l-4-8V6h-2V2H9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "8", cy: "16", r: "2", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "15", cy: "14", r: "1", fill: primaryColor })] })),
|
|
180
|
+
duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M7 8l-4 8a4 4 0 004 4h10a4 4 0 004-4l-4-8H7z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M9 2v4H7v2l-4 8a4 4 0 004 4h10a4 4 0 004-4l-4-8V6h-2V2H9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "8", cy: "16", r: "2", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "15", cy: "14", r: "1", fill: primaryColor })] }))),
|
|
174
181
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9 2v4H7v2l-4 8a4 4 0 004 4h10a4 4 0 004-4l-4-8V6h-2V2H9zm1 14a2 2 0 11-4 0 2 2 0 014 0zm6-2a1 1 0 11-2 0 1 1 0 012 0z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M9 2v4H7v2l-4 8a4 4 0 004 4h10a4 4 0 004-4l-4-8V6h-2V2H9zm1 14a2 2 0 11-4 0 2 2 0 014 0zm6-2a1 1 0 11-2 0 1 1 0 012 0z", fill: "white", opacity: "0.1" })] })),
|
|
175
182
|
},
|
|
176
183
|
});
|
package/dist/cjs/icons/health.js
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var createIcon = require('../createIcon.js');
|
|
5
|
+
var iconParts = require('../iconParts.js');
|
|
5
6
|
|
|
6
7
|
const NtdApple = /* @__PURE__ */ createIcon.createIcon({
|
|
7
8
|
displayName: 'NtdApple',
|
|
8
9
|
paths: {
|
|
9
10
|
solid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 3c-1-2-4-1-4-1s-5 1-5 7c0 5 3 10 5 12h2c.5-.5 1.5-1 2-1s1.5.5 2 1h2c2-2 5-7 5-12 0-6-5-7-5-7s-3-1-4 1z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M12 1c1.5-.5 3 .5 3 2", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
10
11
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 3c-1-2-4-1-4-1s-5 1-5 7c0 5 3 10 5 12h2c.5-.5 1.5-1 2-1s1.5.5 2 1h2c2-2 5-7 5-12 0-6-5-7-5-7s-3-1-4 1z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M12 1c1.5-.5 3 .5 3 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
11
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 3c-1-2-4-1-4-1s-5 1-5 7c0 5 3 10 5 12h2c.5-.5 1.5-1 2-1s1.5.5 2 1h2c2-2 5-7 5-12 0-6-5-7-5-7s-3-1-4 1z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M12 3c-1-2-4-1-4-1s-5 1-5 7c0 5 3 10 5 12h2c.5-.5 1.5-1 2-1s1.5.5 2 1h2c2-2 5-7 5-12 0-6-5-7-5-7s-3-1-4 1z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M12 1c1.5-.5 3 .5 3 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
12
12
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 3c-1-2-4-1-4-1s-5 1-5 7c0 5 3 10 5 12h2c.5-.5 1.5-1 2-1s1.5.5 2 1h2c2-2 5-7 5-12 0-6-5-7-5-7s-3-1-4 1z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M12 3c-1-2-4-1-4-1s-5 1-5 7c0 5 3 10 5 12h2c.5-.5 1.5-1 2-1s1.5.5 2 1h2c2-2 5-7 5-12 0-6-5-7-5-7s-3-1-4 1z", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: "M12 1c1.5-.5 3 .5 3 2", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" })] })),
|
|
13
13
|
},
|
|
14
14
|
});
|
|
@@ -17,7 +17,6 @@ const NtdPizza = /* @__PURE__ */ createIcon.createIcon({
|
|
|
17
17
|
paths: {
|
|
18
18
|
solid: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2L2 19.5Q12 24 22 19.5L12 2z", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "10", cy: "12", r: "1.5", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "14", cy: "15", r: "1.5", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "11", cy: "17", r: "1", fill: secondaryColor })] })),
|
|
19
19
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2L2 19.5Q12 24 22 19.5L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "10", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsxRuntime.jsx("circle", { cx: "14", cy: "15", r: "1.5", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsxRuntime.jsx("circle", { cx: "11", cy: "17", r: "1", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
|
|
20
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2L2 19.5Q12 24 22 19.5L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M12 2L2 19.5Q12 24 22 19.5L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "10", cy: "12", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "14", cy: "15", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "11", cy: "17", r: "1", fill: primaryColor })] })),
|
|
21
20
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2L2 19.5Q12 24 22 19.5L12 2z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M12 2L2 19.5Q12 24 22 19.5L12 2z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "10", cy: "12", r: "1.5", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "14", cy: "15", r: "1.5", fill: "#EF4444" }), jsxRuntime.jsx("circle", { cx: "11", cy: "17", r: "1", fill: "#10B981" })] })),
|
|
22
21
|
},
|
|
23
22
|
});
|
|
@@ -26,7 +25,6 @@ const NtdGlass = /* @__PURE__ */ createIcon.createIcon({
|
|
|
26
25
|
paths: {
|
|
27
26
|
solid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M8 2h8l-2 10c0 2-1 3-2 3S10 14 10 12L8 2z", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "8", y: "2", width: "8", height: "4", rx: "0.5", fill: secondaryColor, opacity: 0.3 }), jsxRuntime.jsx("line", { x1: "12", y1: "15", x2: "12", y2: "20", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "8", y1: "20", x2: "16", y2: "20", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
28
27
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M8 2h8l-2 10c0 2-1 3-2 3S10 14 10 12L8 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "12", y1: "15", x2: "12", y2: "20", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "8", y1: "20", x2: "16", y2: "20", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
29
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M8 2h8l-2 10c0 2-1 3-2 3S10 14 10 12L8 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M8 2h8l-2 10c0 2-1 3-2 3S10 14 10 12L8 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "12", y1: "15", x2: "12", y2: "20", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "8", y1: "20", x2: "16", y2: "20", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
30
28
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M8 2h8l-2 10c0 2-1 3-2 3S10 14 10 12L8 2z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M8 2h8l-2 10c0 2-1 3-2 3S10 14 10 12L8 2z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("rect", { x: "8", y: "2", width: "8", height: "4", rx: "0.5", fill: secondaryColor }), jsxRuntime.jsx("line", { x1: "12", y1: "15", x2: "12", y2: "20", stroke: "white", strokeWidth: "1" }), jsxRuntime.jsx("line", { x1: "8", y1: "20", x2: "16", y2: "20", stroke: "white", strokeWidth: "1" })] })),
|
|
31
29
|
},
|
|
32
30
|
});
|
|
@@ -35,7 +33,6 @@ const NtdHeartPulse = /* @__PURE__ */ createIcon.createIcon({
|
|
|
35
33
|
paths: {
|
|
36
34
|
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", fill: primaryColor }), jsxRuntime.jsx("polyline", { points: "3,12 8,12 10,9 12,15 14,12 21,12", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity })] })),
|
|
37
35
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "3,12 8,12 10,9 12,15 14,12 21,12", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
|
|
38
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "3,12 8,12 10,9 12,15 14,12 21,12", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
|
|
39
36
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("polyline", { points: "3,12 8,12 10,9 12,15 14,12 21,12", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" })] })),
|
|
40
37
|
},
|
|
41
38
|
});
|
|
@@ -44,7 +41,6 @@ const NtdPill = /* @__PURE__ */ createIcon.createIcon({
|
|
|
44
41
|
paths: {
|
|
45
42
|
solid: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M10.83 2.83a5.002 5.002 0 010 7.08L4.58 16.17a5.002 5.002 0 01-7.08 0 5.002 5.002 0 010-7.08L3.75 2.83a5.002 5.002 0 017.08 0z", fill: primaryColor, transform: "translate(5,2)" }), jsxRuntime.jsx("line", { x1: "8.5", y1: "8.5", x2: "15.5", y2: "15.5", stroke: secondaryColor, strokeWidth: "1.5", opacity: 0.5 })] })),
|
|
46
43
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M16.24 7.76a6 6 0 01-8.49 8.49L4.93 13.4a6 6 0 018.49-8.49l2.83 2.83z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
47
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M16.24 7.76a6 6 0 01-8.49 8.49L4.93 13.4a6 6 0 018.49-8.49l2.83 2.83z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M16.24 7.76a6 6 0 01-8.49 8.49L4.93 13.4a6 6 0 018.49-8.49l2.83 2.83z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "8.5", y1: "8.5", x2: "15.5", y2: "15.5", stroke: primaryColor, strokeWidth: "1.5" })] })),
|
|
48
44
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M10.83 2.83a5.002 5.002 0 010 7.08L4.58 16.17a5.002 5.002 0 01-7.08 0 5.002 5.002 0 010-7.08L3.75 2.83a5.002 5.002 0 017.08 0z", fill: primaryColor, transform: "translate(5,2)" }), jsxRuntime.jsx("path", { d: "M10.83 2.83a5.002 5.002 0 010 7.08L4.58 16.17a5.002 5.002 0 01-7.08 0 5.002 5.002 0 010-7.08L3.75 2.83a5.002 5.002 0 017.08 0z", fill: "white", transform: "translate(5,2)", opacity: "0.1" }), jsxRuntime.jsx("line", { x1: "8.5", y1: "8.5", x2: "15.5", y2: "15.5", stroke: secondaryColor, strokeWidth: "1.8" })] })),
|
|
49
45
|
},
|
|
50
46
|
});
|
|
@@ -53,7 +49,7 @@ const NtdSyringe = /* @__PURE__ */ createIcon.createIcon({
|
|
|
53
49
|
paths: {
|
|
54
50
|
solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M18 2l4 4-2 2-1-1-7 7-2 4-2-2 1-3 6-6-1-1-2-2L18 2z", fill: primaryColor }), jsxRuntime.jsx("line", { x1: "2", y1: "22", x2: "8", y2: "16", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "10", y1: "10", x2: "14", y2: "14", stroke: primaryColor, strokeWidth: "1", opacity: 0.3 })] })),
|
|
55
51
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M18 2l4 4-6 6 2 2-7 7-4-4 7-7-2-2 6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "2", y1: "22", x2: "8", y2: "16", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
56
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M18 2l4 4-6 6 2 2-7 7-4-4 7-7-2-2 6-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M18 2l4 4-6 6 2 2-7 7-4-4 7-7-2-2 6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "2", y1: "22", x2: "8", y2: "16", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
52
|
+
duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M18 2l4 4-6 6 2 2-7 7-4-4 7-7-2-2 6-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M18 2l4 4-6 6 2 2-7 7-4-4 7-7-2-2 6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "2", y1: "22", x2: "8", y2: "16", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
|
|
57
53
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M18 2l4 4-2 2-1-1-7 7-2 4-2-2 1-3 6-6-1-1-2-2L18 2z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M18 2l4 4-2 2-1-1-7 7-2 4-2-2 1-3 6-6-1-1-2-2L18 2z", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("line", { x1: "2", y1: "22", x2: "8", y2: "16", stroke: secondaryColor, strokeWidth: "1.8" }), jsxRuntime.jsx("line", { x1: "10", y1: "10", x2: "14", y2: "14", stroke: "#EF4444", strokeWidth: "1.5" })] })),
|
|
58
54
|
},
|
|
59
55
|
});
|
|
@@ -71,7 +67,6 @@ const NtdWeight = /* @__PURE__ */ createIcon.createIcon({
|
|
|
71
67
|
paths: {
|
|
72
68
|
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 4h12l2 16H4L6 4z", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "4", r: "3", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "4", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("text", { x: "12", y: "16", textAnchor: "middle", fill: accentColor, opacity: accentOpacity, fontSize: "6", fontWeight: "bold", children: "KG" })] })),
|
|
73
69
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 4h12l2 16H4L6 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "4", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
74
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 4h12l2 16H4L6 4z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M6 4h12l2 16H4L6 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "4", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
75
70
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 4h12l2 16H4L6 4z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M6 4h12l2 16H4L6 4z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "12", cy: "4", r: "3", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "4", r: "1.5", fill: "#EF4444" })] })),
|
|
76
71
|
},
|
|
77
72
|
});
|
|
@@ -80,7 +75,6 @@ const NtdBandaid = /* @__PURE__ */ createIcon.createIcon({
|
|
|
80
75
|
paths: {
|
|
81
76
|
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M18.36 5.64a3 3 0 00-4.24 0L5.64 14.12a3 3 0 004.24 4.24l8.48-8.48a3 3 0 000-4.24z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M14.12 5.64a3 3 0 00-4.24 0L1.4 14.12a3 3 0 004.24 4.24l8.48-8.48a3 3 0 000-4.24z", fill: primaryColor, opacity: 0.7 }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "10", cy: "10", r: "0.5", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "14", cy: "14", r: "0.5", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "0.5", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "14", cy: "10", r: "0.5", fill: accentColor, opacity: accentOpacity })] })),
|
|
82
77
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M18.36 5.64a3 3 0 00-4.24 0L5.64 14.12a3 3 0 004.24 4.24l8.48-8.48a3 3 0 000-4.24z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M9.88 14.12l4.24-4.24", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
83
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M18.36 5.64a3 3 0 00-4.24 0L5.64 14.12a3 3 0 004.24 4.24l8.48-8.48a3 3 0 000-4.24z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M18.36 5.64a3 3 0 00-4.24 0L5.64 14.12a3 3 0 004.24 4.24l8.48-8.48a3 3 0 000-4.24z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
84
78
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M18.36 5.64a3 3 0 00-4.24 0L5.64 14.12a3 3 0 004.24 4.24l8.48-8.48a3 3 0 000-4.24z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M18.36 5.64a3 3 0 00-4.24 0L5.64 14.12a3 3 0 004.24 4.24l8.48-8.48a3 3 0 000-4.24z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("path", { d: "M14.12 5.64a3 3 0 00-4.24 0L1.4 14.12a3 3 0 004.24 4.24l8.48-8.48a3 3 0 000-4.24z", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1", fill: "#EF4444" }), jsxRuntime.jsx("circle", { cx: "10", cy: "10", r: "0.5", fill: "#10B981" }), jsxRuntime.jsx("circle", { cx: "14", cy: "14", r: "0.5", fill: "#F472B6" }), jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "0.5", fill: "#F472B6" }), jsxRuntime.jsx("circle", { cx: "14", cy: "10", r: "0.5", fill: "#F472B6" })] })),
|
|
85
79
|
},
|
|
86
80
|
});
|
|
@@ -89,23 +83,26 @@ const NtdCake = /* @__PURE__ */ createIcon.createIcon({
|
|
|
89
83
|
paths: {
|
|
90
84
|
solid: ({ primaryColor, secondaryColor, accentColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "12", width: "20", height: "10", rx: "2", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M2 17c2 0 3-1 4-1s2 1 4 1 3-1 4-1 2 1 4 1 3-1 4-1", stroke: secondaryColor, strokeWidth: "1.5", fill: "none", opacity: 0.5 }), jsxRuntime.jsx("rect", { x: "5", y: "8", width: "14", height: "4", rx: "1", fill: primaryColor, opacity: 0.9 }), jsxRuntime.jsx("line", { x1: "8", y1: "4", x2: "8", y2: "8", stroke: accentColor, strokeWidth: "1.5" }), jsxRuntime.jsx("line", { x1: "12", y1: "4", x2: "12", y2: "8", stroke: accentColor, strokeWidth: "1.5" }), jsxRuntime.jsx("line", { x1: "16", y1: "4", x2: "16", y2: "8", stroke: accentColor, strokeWidth: "1.5" }), jsxRuntime.jsx("circle", { cx: "8", cy: "3", r: "1", fill: accentColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "3", r: "1", fill: accentColor }), jsxRuntime.jsx("circle", { cx: "16", cy: "3", r: "1", fill: accentColor })] })),
|
|
91
85
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "12", width: "20", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "5", y: "8", width: "14", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "8", y1: "4", x2: "8", y2: "8", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "12", y1: "4", x2: "12", y2: "8", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "16", y1: "4", x2: "16", y2: "8", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("circle", { cx: "8", cy: "3", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "3", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "16", cy: "3", r: "1", fill: primaryColor })] })),
|
|
92
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "12", width: "20", height: "10", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "2", y: "12", width: "20", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "5", y: "8", width: "14", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "8", y1: "4", x2: "8", y2: "8", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "12", y1: "4", x2: "12", y2: "8", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "16", y1: "4", x2: "16", y2: "8", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("circle", { cx: "8", cy: "3", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "3", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "16", cy: "3", r: "1", fill: primaryColor })] })),
|
|
93
86
|
vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "12", width: "20", height: "10", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "2", y: "12", width: "20", height: "10", rx: "2", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("rect", { x: "5", y: "8", width: "14", height: "4", rx: "1", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "8", cy: "3", r: "1", fill: "#EF4444" }), jsxRuntime.jsx("circle", { cx: "12", cy: "3", r: "1", fill: "#10B981" }), jsxRuntime.jsx("circle", { cx: "16", cy: "3", r: "1", fill: "#F472B6" }), jsxRuntime.jsx("path", { d: "M2 17c2 0 3-1 4-1s2 1 4 1 3-1 4-1 2 1 4 1 3-1 4-1", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.35" }), jsxRuntime.jsx("line", { x1: "8", y1: "4", x2: "8", y2: "8", stroke: "white", strokeWidth: "1" }), jsxRuntime.jsx("line", { x1: "12", y1: "4", x2: "12", y2: "8", stroke: "white", strokeWidth: "1" }), jsxRuntime.jsx("line", { x1: "16", y1: "4", x2: "16", y2: "8", stroke: "white", strokeWidth: "1" })] })),
|
|
94
87
|
},
|
|
95
88
|
});
|
|
96
89
|
const NtdEgg = /* @__PURE__ */ createIcon.createIcon({
|
|
97
90
|
displayName: 'NtdEgg',
|
|
91
|
+
perfectStackX: 12,
|
|
92
|
+
perfectStackY: 14,
|
|
93
|
+
perfectStackSize: 0.45,
|
|
98
94
|
paths: {
|
|
99
95
|
solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("ellipse", { cx: "12", cy: "14", rx: "7", ry: "8", fill: primaryColor })),
|
|
100
96
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M12 22c-4.42 0-8-3-8-7.5C4 8.5 8 2 12 2s8 6.5 8 12.5c0 4.5-3.58 7.5-8 7.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
101
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 22c-4.42 0-8-3-8-7.5C4 8.5 8 2 12 2s8 6.5 8 12.5c0 4.5-3.58 7.5-8 7.5z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M12 22c-4.42 0-8-3-8-7.5C4 8.5 8 2 12 2s8 6.5 8 12.5c0 4.5-3.58 7.5-8 7.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
97
|
+
duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 22c-4.42 0-8-3-8-7.5C4 8.5 8 2 12 2s8 6.5 8 12.5c0 4.5-3.58 7.5-8 7.5z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M12 22c-4.42 0-8-3-8-7.5C4 8.5 8 2 12 2s8 6.5 8 12.5c0 4.5-3.58 7.5-8 7.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
|
|
102
98
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "14", rx: "7", ry: "8", fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "14", rx: "7", ry: "8", fill: "white", opacity: "0.1" })] })),
|
|
103
99
|
},
|
|
104
100
|
});
|
|
105
101
|
// NtdHamburger: three even layers of one width — a low domed top bun, the patty and the bottom bun
|
|
106
102
|
// — each standing apart by the same gap. (The top was a tall half circle and the bottom bun wider
|
|
107
103
|
// than everything above it; the wavy band of sauce between the bun and the patty is gone.)
|
|
108
|
-
// Duotone, fills only: the buns
|
|
104
|
+
// Duotone and vivid, fills only: the buns primary, the patty secondary (duotone had it the other
|
|
105
|
+
// way round until 1.3.8).
|
|
109
106
|
const BURGER_TOP = 'M3 10C3 6.7 7 4 12 4s9 2.7 9 6a1 1 0 01-1 1H4a1 1 0 01-1-1z';
|
|
110
107
|
const BURGER_PATTY = { x: 2.5, y: 12.3, width: 19, height: 3.4, rx: 1.7 };
|
|
111
108
|
const BURGER_BOTTOM = 'M3 17h18v2a2 2 0 01-2 2H5a2 2 0 01-2-2z';
|
|
@@ -117,7 +114,7 @@ const NtdHamburger = /* @__PURE__ */ createIcon.createIcon({
|
|
|
117
114
|
paths: {
|
|
118
115
|
solid: ({ primaryColor }) => burgerFilled(primaryColor, primaryColor),
|
|
119
116
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: BURGER_TOP, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { ...BURGER_PATTY, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: BURGER_BOTTOM, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
120
|
-
duotone: ({ primaryColor, secondaryColor }) => burgerFilled(secondaryColor, primaryColor),
|
|
117
|
+
duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor }) => burgerFilled(secondaryColor, primaryColor)),
|
|
121
118
|
vivid: ({ primaryColor, secondaryColor }) => burgerFilled(primaryColor, secondaryColor),
|
|
122
119
|
},
|
|
123
120
|
});
|
package/dist/cjs/icons/index.js
CHANGED
|
@@ -94,6 +94,7 @@ exports.NtdHome = ui.NtdHome;
|
|
|
94
94
|
exports.NtdHourglass = ui.NtdHourglass;
|
|
95
95
|
exports.NtdInfo = ui.NtdInfo;
|
|
96
96
|
exports.NtdMap = ui.NtdMap;
|
|
97
|
+
exports.NtdMapPin = ui.NtdMapPin;
|
|
97
98
|
exports.NtdMoon = ui.NtdMoon;
|
|
98
99
|
exports.NtdPin = ui.NtdPin;
|
|
99
100
|
exports.NtdShield = ui.NtdShield;
|
package/dist/cjs/icons/input.js
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var createIcon = require('../createIcon.js');
|
|
5
|
+
var iconParts = require('../iconParts.js');
|
|
5
6
|
|
|
6
7
|
const RING = 'M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z';
|
|
7
8
|
/** A round button: a disc with its symbol. */
|
|
@@ -11,19 +12,28 @@ function discGlyph(displayName, symbol) {
|
|
|
11
12
|
paths: {
|
|
12
13
|
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("path", { d: symbol, stroke: accentColor, strokeOpacity: accentOpacity, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
|
|
13
14
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: `${RING} ${symbol}`, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })),
|
|
14
|
-
duotone
|
|
15
|
+
// duotone (1.3.8): the solid disc with its symbol in secondary — createIcon's default
|
|
15
16
|
vivid: ({ primaryColor, accentColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10.5", fill: primaryColor }), jsxRuntime.jsx("path", { d: symbol, stroke: accentColor, strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
|
|
16
17
|
},
|
|
17
18
|
});
|
|
18
19
|
}
|
|
19
|
-
/**
|
|
20
|
-
|
|
20
|
+
/**
|
|
21
|
+
* Any other glyph: one stroked shape, bolder when solid. Its duotone, so that the larger area is
|
|
22
|
+
* primary (1.3.8):
|
|
23
|
+
* - `tint` — lines over a small secondary tint, the lines primary;
|
|
24
|
+
* - `fill` — a shape whose fill outweighs its line (a key cap, a d-pad): the fill primary inside a
|
|
25
|
+
* secondary line;
|
|
26
|
+
* - `line` — an open line (a caret, an enter arrow), whose fill would be a stray patch: the line
|
|
27
|
+
* alone, primary.
|
|
28
|
+
*/
|
|
29
|
+
function shapeGlyph(displayName, d, duotoneStyle = 'tint') {
|
|
30
|
+
const tinted = ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth, }) => (jsxRuntime.jsx("path", { d: d, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: duotoneStyle === 'line' ? 'none' : secondaryColor, fillOpacity: secondaryOpacity }));
|
|
21
31
|
return createIcon.createIcon({
|
|
22
32
|
displayName,
|
|
23
33
|
paths: {
|
|
24
34
|
solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: d, stroke: primaryColor, strokeWidth: strokeWidth * 1.3, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })),
|
|
25
35
|
outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: d, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })),
|
|
26
|
-
duotone:
|
|
36
|
+
duotone: duotoneStyle === 'fill' ? iconParts.swapDuotone(tinted) : tinted,
|
|
27
37
|
vivid: ({ primaryColor }) => (jsxRuntime.jsx("path", { d: d, stroke: primaryColor, strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })),
|
|
28
38
|
},
|
|
29
39
|
});
|
|
@@ -44,35 +54,35 @@ const NtdPadGenericNorth = /* @__PURE__ */ shapeGlyph('NtdPadGenericNorth', 'M12
|
|
|
44
54
|
const NtdPadGenericEast = /* @__PURE__ */ shapeGlyph('NtdPadGenericEast', 'M12 4.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M18 9a3 3 0 1 0 0 6a3 3 0 1 0 0 -6z M18 12h.01 M6 10.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M12 16.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z');
|
|
45
55
|
const NtdPadGenericWest = /* @__PURE__ */ shapeGlyph('NtdPadGenericWest', 'M12 4.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M18 10.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M6 9a3 3 0 1 0 0 6a3 3 0 1 0 0 -6z M6 12h.01 M12 16.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z');
|
|
46
56
|
const NtdPadGenericSouth = /* @__PURE__ */ shapeGlyph('NtdPadGenericSouth', 'M12 4.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M18 10.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M6 10.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M12 15a3 3 0 1 0 0 6a3 3 0 1 0 0 -6z M12 18h.01');
|
|
47
|
-
const NtdPadLb = /* @__PURE__ */ shapeGlyph('NtdPadLb', 'M6 9h12a3 3 0 0 1 0 6H6a3 3 0 0 1 0-6z M7.5 12h.01');
|
|
48
|
-
const NtdPadRb = /* @__PURE__ */ shapeGlyph('NtdPadRb', 'M6 9h12a3 3 0 0 1 0 6H6a3 3 0 0 1 0-6z M16.5 12h.01');
|
|
49
|
-
const NtdPadLt = /* @__PURE__ */ shapeGlyph('NtdPadLt', 'M9 3h6a3 3 0 0 1 3 3v7a6 6 0 0 1-12 0V6a3 3 0 0 1 3-3z M9.5 7h.01');
|
|
50
|
-
const NtdPadRt = /* @__PURE__ */ shapeGlyph('NtdPadRt', 'M9 3h6a3 3 0 0 1 3 3v7a6 6 0 0 1-12 0V6a3 3 0 0 1 3-3z M14.5 7h.01');
|
|
57
|
+
const NtdPadLb = /* @__PURE__ */ shapeGlyph('NtdPadLb', 'M6 9h12a3 3 0 0 1 0 6H6a3 3 0 0 1 0-6z M7.5 12h.01', 'fill');
|
|
58
|
+
const NtdPadRb = /* @__PURE__ */ shapeGlyph('NtdPadRb', 'M6 9h12a3 3 0 0 1 0 6H6a3 3 0 0 1 0-6z M16.5 12h.01', 'fill');
|
|
59
|
+
const NtdPadLt = /* @__PURE__ */ shapeGlyph('NtdPadLt', 'M9 3h6a3 3 0 0 1 3 3v7a6 6 0 0 1-12 0V6a3 3 0 0 1 3-3z M9.5 7h.01', 'fill');
|
|
60
|
+
const NtdPadRt = /* @__PURE__ */ shapeGlyph('NtdPadRt', 'M9 3h6a3 3 0 0 1 3 3v7a6 6 0 0 1-12 0V6a3 3 0 0 1 3-3z M14.5 7h.01', 'fill');
|
|
51
61
|
const NtdPadStart = /* @__PURE__ */ discGlyph('NtdPadStart', 'M8.5 8.75h7 M8.5 12h7 M8.5 15.25h7');
|
|
52
62
|
const NtdPadSelect = /* @__PURE__ */ discGlyph('NtdPadSelect', 'M7.75 7.75h5.5v5.5h-5.5z M10.75 16.25h5.5v-5.5');
|
|
53
63
|
const NtdPadHome = /* @__PURE__ */ discGlyph('NtdPadHome', 'M7.95 12L12 8.6l4.05 3.4v4H7.95z');
|
|
54
|
-
const NtdPadDpad = /* @__PURE__ */ shapeGlyph('NtdPadDpad', 'M9 3h6v6h6v6h-6v6H9v-6H3V9h6z');
|
|
55
|
-
const NtdPadDpadUp = /* @__PURE__ */ shapeGlyph('NtdPadDpadUp', 'M9 3h6v6h6v6h-6v6H9v-6H3V9h6z M12 5.6l1.15 1.5h-2.3z');
|
|
56
|
-
const NtdPadDpadDown = /* @__PURE__ */ shapeGlyph('NtdPadDpadDown', 'M9 3h6v6h6v6h-6v6H9v-6H3V9h6z M12 18.4l1.15-1.5h-2.3z');
|
|
57
|
-
const NtdPadDpadLeft = /* @__PURE__ */ shapeGlyph('NtdPadDpadLeft', 'M9 3h6v6h6v6h-6v6H9v-6H3V9h6z M5.6 12l1.5-1.15v2.3z');
|
|
58
|
-
const NtdPadDpadRight = /* @__PURE__ */ shapeGlyph('NtdPadDpadRight', 'M9 3h6v6h6v6h-6v6H9v-6H3V9h6z M18.4 12l-1.5-1.15v2.3z');
|
|
64
|
+
const NtdPadDpad = /* @__PURE__ */ shapeGlyph('NtdPadDpad', 'M9 3h6v6h6v6h-6v6H9v-6H3V9h6z', 'fill');
|
|
65
|
+
const NtdPadDpadUp = /* @__PURE__ */ shapeGlyph('NtdPadDpadUp', 'M9 3h6v6h6v6h-6v6H9v-6H3V9h6z M12 5.6l1.15 1.5h-2.3z', 'fill');
|
|
66
|
+
const NtdPadDpadDown = /* @__PURE__ */ shapeGlyph('NtdPadDpadDown', 'M9 3h6v6h6v6h-6v6H9v-6H3V9h6z M12 18.4l1.15-1.5h-2.3z', 'fill');
|
|
67
|
+
const NtdPadDpadLeft = /* @__PURE__ */ shapeGlyph('NtdPadDpadLeft', 'M9 3h6v6h6v6h-6v6H9v-6H3V9h6z M5.6 12l1.5-1.15v2.3z', 'fill');
|
|
68
|
+
const NtdPadDpadRight = /* @__PURE__ */ shapeGlyph('NtdPadDpadRight', 'M9 3h6v6h6v6h-6v6H9v-6H3V9h6z M18.4 12l-1.5-1.15v2.3z', 'fill');
|
|
59
69
|
const NtdPadStickLeft = /* @__PURE__ */ discGlyph('NtdPadStickLeft', 'M12 7.5a4.5 4.5 0 1 0 0 9a4.5 4.5 0 1 0 0 -9z M4.5 12h1');
|
|
60
70
|
const NtdPadStickRight = /* @__PURE__ */ discGlyph('NtdPadStickRight', 'M12 7.5a4.5 4.5 0 1 0 0 9a4.5 4.5 0 1 0 0 -9z M18.5 12h1');
|
|
61
71
|
const NtdPadStickLeftPress = /* @__PURE__ */ discGlyph('NtdPadStickLeftPress', 'M12 7.5a4.5 4.5 0 1 0 0 9a4.5 4.5 0 1 0 0 -9z M12 12h.01 M4.5 12h1');
|
|
62
72
|
const NtdPadStickRightPress = /* @__PURE__ */ discGlyph('NtdPadStickRightPress', 'M12 7.5a4.5 4.5 0 1 0 0 9a4.5 4.5 0 1 0 0 -9z M12 12h.01 M18.5 12h1');
|
|
63
73
|
const NtdRemoteOk = /* @__PURE__ */ discGlyph('NtdRemoteOk', 'M12 8.5a3.5 3.5 0 1 0 0 7a3.5 3.5 0 1 0 0 -7z');
|
|
64
|
-
const NtdRemoteBack = /* @__PURE__ */ shapeGlyph('NtdRemoteBack', 'M9 14l-4-4 4-4 M5 10h9a5 5 0 0 1 0 10h-2');
|
|
65
|
-
const NtdRemoteMenu = /* @__PURE__ */ shapeGlyph('NtdRemoteMenu', 'M4 6h16v12H4z M8 10h8 M8 14h8');
|
|
74
|
+
const NtdRemoteBack = /* @__PURE__ */ shapeGlyph('NtdRemoteBack', 'M9 14l-4-4 4-4 M5 10h9a5 5 0 0 1 0 10h-2', 'line');
|
|
75
|
+
const NtdRemoteMenu = /* @__PURE__ */ shapeGlyph('NtdRemoteMenu', 'M4 6h16v12H4z M8 10h8 M8 14h8', 'fill');
|
|
66
76
|
const NtdKeyCommand = /* @__PURE__ */ shapeGlyph('NtdKeyCommand', 'M9 9V6.5A2.5 2.5 0 1 0 6.5 9H9z M9 9h6 M9 9v6 M15 9V6.5A2.5 2.5 0 1 1 17.5 9H15z M15 9v6 M15 15H9 M15 15v2.5a2.5 2.5 0 1 0 2.5-2.5H15z M9 15H6.5A2.5 2.5 0 1 0 9 17.5V15z');
|
|
67
77
|
const NtdKeyOption = /* @__PURE__ */ shapeGlyph('NtdKeyOption', 'M4 6h5l6 12h5 M14 6h6');
|
|
68
|
-
const NtdKeyShift = /* @__PURE__ */ shapeGlyph('NtdKeyShift', 'M12 4l-8 8h4v8h8v-8h4z');
|
|
69
|
-
const NtdKeyControl = /* @__PURE__ */ shapeGlyph('NtdKeyControl', 'M7 14l5-5 5 5');
|
|
70
|
-
const NtdKeyEnter = /* @__PURE__ */ shapeGlyph('NtdKeyEnter', 'M20 5v7a3 3 0 0 1-3 3H5 M9 11l-4 4 4 4');
|
|
78
|
+
const NtdKeyShift = /* @__PURE__ */ shapeGlyph('NtdKeyShift', 'M12 4l-8 8h4v8h8v-8h4z', 'fill');
|
|
79
|
+
const NtdKeyControl = /* @__PURE__ */ shapeGlyph('NtdKeyControl', 'M7 14l5-5 5 5', 'line');
|
|
80
|
+
const NtdKeyEnter = /* @__PURE__ */ shapeGlyph('NtdKeyEnter', 'M20 5v7a3 3 0 0 1-3 3H5 M9 11l-4 4 4 4', 'line');
|
|
71
81
|
const NtdKeyTab = /* @__PURE__ */ shapeGlyph('NtdKeyTab', 'M4 12h14 M14 8l4 4-4 4 M20 6v12');
|
|
72
82
|
// On-screen keyboard keys (1.3.0 H1)
|
|
73
|
-
const NtdKeyBackspace = /* @__PURE__ */ shapeGlyph('NtdKeyBackspace', 'M21 5H9l-6 7 6 7h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z M17 9l-6 6 M11 9l6 6');
|
|
74
|
-
const NtdKeySpace = /* @__PURE__ */ shapeGlyph('NtdKeySpace', 'M4 10v4h16v-4');
|
|
75
|
-
const NtdKeyCaps = /* @__PURE__ */ shapeGlyph('NtdKeyCaps', 'M12 4l-7 7h4v5h6v-5h4z M8 20h8');
|
|
83
|
+
const NtdKeyBackspace = /* @__PURE__ */ shapeGlyph('NtdKeyBackspace', 'M21 5H9l-6 7 6 7h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z M17 9l-6 6 M11 9l6 6', 'fill');
|
|
84
|
+
const NtdKeySpace = /* @__PURE__ */ shapeGlyph('NtdKeySpace', 'M4 10v4h16v-4', 'fill');
|
|
85
|
+
const NtdKeyCaps = /* @__PURE__ */ shapeGlyph('NtdKeyCaps', 'M12 4l-7 7h4v5h6v-5h4z M8 20h8', 'fill');
|
|
76
86
|
|
|
77
87
|
exports.NtdKeyBackspace = NtdKeyBackspace;
|
|
78
88
|
exports.NtdKeyCaps = NtdKeyCaps;
|