@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/esm/icons/legal.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { createIcon } from '../createIcon.js';
|
|
3
|
-
import { paperIcon } from '../iconParts.js';
|
|
3
|
+
import { swapDuotone, paperIcon } from '../iconParts.js';
|
|
4
4
|
|
|
5
5
|
/* ────────────────────────────────────────────────────────────────────────────
|
|
6
6
|
LEGAL DOCUMENTS
|
|
@@ -13,7 +13,7 @@ const NtdLegalDocument = /* @__PURE__ */ createIcon({
|
|
|
13
13
|
paths: {
|
|
14
14
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: "white" }), jsx("path", { d: "M8 14h8M8 17h6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
|
|
15
15
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 14h8M8 17h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
16
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: primaryColor }), jsx("path", { d: "M8 14h8M8 17h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
16
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: primaryColor }), jsx("path", { d: "M8 14h8M8 17h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
|
|
17
17
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: "white" }), jsx("path", { d: "M8 14h8M8 17h6", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
|
|
18
18
|
},
|
|
19
19
|
});
|
|
@@ -22,7 +22,7 @@ const NtdTermsOfService = /* @__PURE__ */ createIcon({
|
|
|
22
22
|
paths: {
|
|
23
23
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M8 6h8M8 10h8M8 14h8M8 18h5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", rx: "0.5", fill: "white" }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", rx: "0.5", fill: "white" }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", rx: "0.5", fill: "white" })] })),
|
|
24
24
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11 6h5M11 10h5M11 14h5M11 18h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
25
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11 6h5M11 10h5M11 14h5M11 18h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", rx: "0.5", fill: primaryColor })] })),
|
|
25
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11 6h5M11 10h5M11 14h5M11 18h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", rx: "0.5", fill: primaryColor })] }))),
|
|
26
26
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", rx: "0.5", fill: "white" }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", rx: "0.5", fill: "white" }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", rx: "0.5", fill: "white" }), jsx("path", { d: "M8 6h8M8 10h8M8 14h8M8 18h5", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
|
|
27
27
|
},
|
|
28
28
|
});
|
|
@@ -34,7 +34,7 @@ const NtdPrivacyPolicy = /* @__PURE__ */ createIcon({
|
|
|
34
34
|
paths: {
|
|
35
35
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: "white" }), jsx("path", { d: "M12 13c-2 0-4 1-4 2v2h8v-2c0-1-2-2-4-2z", fill: "white" })] })),
|
|
36
36
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 13c-2 0-4 1-4 2v2h8v-2c0-1-2-2-4-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
37
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: primaryColor }), jsx("path", { d: "M12 13c-2 0-4 1-4 2v2h8v-2c0-1-2-2-4-2z", fill: primaryColor })] })),
|
|
37
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: primaryColor }), jsx("path", { d: "M12 13c-2 0-4 1-4 2v2h8v-2c0-1-2-2-4-2z", fill: primaryColor })] }))),
|
|
38
38
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: primaryColor }), jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: "white" }), jsx("path", { d: "M12 13c-2 0-4 1-4 2v2h8v-2c0-1-2-2-4-2z", fill: "white" })] })),
|
|
39
39
|
},
|
|
40
40
|
});
|
|
@@ -43,7 +43,7 @@ const NtdGdpr = /* @__PURE__ */ createIcon({
|
|
|
43
43
|
paths: {
|
|
44
44
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("text", { x: "12", y: "14.5", textAnchor: "middle", fill: "white", fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "GDPR" })] })),
|
|
45
45
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "14.5", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "GDPR" })] })),
|
|
46
|
-
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("text", { x: "12", y: "14.5", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "GDPR" })] })),
|
|
46
|
+
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("text", { x: "12", y: "14.5", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "GDPR" })] }))),
|
|
47
47
|
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" })] })),
|
|
48
48
|
},
|
|
49
49
|
});
|
|
@@ -52,7 +52,7 @@ const NtdCcpa = /* @__PURE__ */ createIcon({
|
|
|
52
52
|
paths: {
|
|
53
53
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("text", { x: "12", y: "14.5", textAnchor: "middle", fill: "white", fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "CCPA" })] })),
|
|
54
54
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "14.5", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "CCPA" })] })),
|
|
55
|
-
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("text", { x: "12", y: "14.5", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "CCPA" })] })),
|
|
55
|
+
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("text", { x: "12", y: "14.5", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "CCPA" })] }))),
|
|
56
56
|
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" })] })),
|
|
57
57
|
},
|
|
58
58
|
});
|
|
@@ -61,7 +61,7 @@ const NtdCookieConsent = /* @__PURE__ */ createIcon({
|
|
|
61
61
|
paths: {
|
|
62
62
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "8", cy: "10", r: "1.5", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "14", cy: "8", r: "1", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "10", cy: "14", r: "1.5", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: "white", opacity: "0.6" })] })),
|
|
63
63
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "8", r: "1", fill: primaryColor }), jsx("circle", { cx: "10", cy: "14", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor })] })),
|
|
64
|
-
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: "8", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "8", r: "1", fill: primaryColor }), jsx("circle", { cx: "10", cy: "14", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor })] })),
|
|
64
|
+
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: "8", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "8", r: "1", fill: primaryColor }), jsx("circle", { cx: "10", cy: "14", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor })] }))),
|
|
65
65
|
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: "8", cy: "10", r: "1.5", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "14", cy: "8", r: "1", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "10", cy: "14", r: "1.5", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: "white", opacity: "0.6" })] })),
|
|
66
66
|
},
|
|
67
67
|
});
|
|
@@ -73,7 +73,7 @@ const NtdCopyright = /* @__PURE__ */ createIcon({
|
|
|
73
73
|
paths: {
|
|
74
74
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M15 9c-1-1-2-1.5-3-1.5a4.5 4.5 0 000 9c1 0 2-.5 3-1.5", stroke: "white", strokeWidth: "2", strokeLinecap: "round", fill: "none" })] })),
|
|
75
75
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 9c-1-1-2-1.5-3-1.5a4.5 4.5 0 000 9c1 0 2-.5 3-1.5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
|
|
76
|
-
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: "M15 9c-1-1-2-1.5-3-1.5a4.5 4.5 0 000 9c1 0 2-.5 3-1.5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
|
|
76
|
+
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: "M15 9c-1-1-2-1.5-3-1.5a4.5 4.5 0 000 9c1 0 2-.5 3-1.5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] }))),
|
|
77
77
|
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: "M15 9c-1-1-2-1.5-3-1.5a4.5 4.5 0 000 9c1 0 2-.5 3-1.5", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", fill: "none" })] })),
|
|
78
78
|
},
|
|
79
79
|
});
|
|
@@ -82,7 +82,7 @@ const NtdTrademark = /* @__PURE__ */ createIcon({
|
|
|
82
82
|
paths: {
|
|
83
83
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: "white", fontSize: "10", fontWeight: "bold", fontFamily: "system-ui", children: "\u2122" })] })),
|
|
84
84
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "10", fontWeight: "bold", fontFamily: "system-ui", children: "\u2122" })] })),
|
|
85
|
-
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("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "10", fontWeight: "bold", fontFamily: "system-ui", children: "\u2122" })] })),
|
|
85
|
+
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("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "10", fontWeight: "bold", fontFamily: "system-ui", children: "\u2122" })] }))),
|
|
86
86
|
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" })] })),
|
|
87
87
|
},
|
|
88
88
|
});
|
|
@@ -91,7 +91,7 @@ const NtdPatent = /* @__PURE__ */ createIcon({
|
|
|
91
91
|
paths: {
|
|
92
92
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M9 7v10M9 7h4a3 3 0 010 6H9", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
|
|
93
93
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 7v10M9 7h4a3 3 0 010 6H9", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
|
|
94
|
-
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: "M9 7v10M9 7h4a3 3 0 010 6H9", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
|
|
94
|
+
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: "M9 7v10M9 7h4a3 3 0 010 6H9", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] }))),
|
|
95
95
|
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: "M9 7v10M9 7h4a3 3 0 010 6H9", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
|
|
96
96
|
},
|
|
97
97
|
});
|
|
@@ -103,7 +103,7 @@ const NtdCompliance = /* @__PURE__ */ createIcon({
|
|
|
103
103
|
paths: {
|
|
104
104
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: primaryColor }), jsx("path", { d: "M9 12l2 2 4-4", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })),
|
|
105
105
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 12l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
|
|
106
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 12l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
|
|
106
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 12l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] }))),
|
|
107
107
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: primaryColor }), jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M9 12l2 2 4-4", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" })] })),
|
|
108
108
|
},
|
|
109
109
|
});
|
|
@@ -121,7 +121,7 @@ const NtdAudit = /* @__PURE__ */ createIcon({
|
|
|
121
121
|
paths: {
|
|
122
122
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M8 7h8M8 11h8M8 15h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("circle", { cx: "16", cy: "16", r: "4", fill: "white" }), jsx("path", { d: "M14 16l1 1 2-2", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })),
|
|
123
123
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 7h8M8 11h8M8 15h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "16", cy: "16", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 16l1 1 2-2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
|
|
124
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 7h8M8 11h8M8 15h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "16", cy: "16", r: "4", fill: primaryColor }), jsx("path", { d: "M14 16l1 1 2-2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })),
|
|
124
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 7h8M8 11h8M8 15h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "16", cy: "16", r: "4", fill: primaryColor }), jsx("path", { d: "M14 16l1 1 2-2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }))),
|
|
125
125
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "16", cy: "16", r: "4", fill: "white" }), jsx("path", { d: "M8 7h8M8 11h8M8 15h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M14 16l1 1 2-2", stroke: "white", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round" })] })),
|
|
126
126
|
},
|
|
127
127
|
});
|
package/dist/esm/icons/media.js
CHANGED
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { createIcon } from '../createIcon.js';
|
|
3
|
-
import { within } from '../iconParts.js';
|
|
3
|
+
import { within, swapDuotone } from '../iconParts.js';
|
|
4
4
|
|
|
5
5
|
const NtdPlay = /* @__PURE__ */ createIcon({
|
|
6
6
|
displayName: 'NtdPlay',
|
|
7
|
+
perfectStackX: 10,
|
|
8
|
+
perfectStackY: 12,
|
|
9
|
+
perfectStackSize: 0.3,
|
|
7
10
|
paths: {
|
|
8
11
|
solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M5 3l14 9-14 9V3z", fill: primaryColor })),
|
|
9
12
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M5 3l14 9-14 9V3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
10
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3l14 9-14 9V3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 3l14 9-14 9V3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
13
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3l14 9-14 9V3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 3l14 9-14 9V3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
|
|
11
14
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3l14 9-14 9V3z", fill: primaryColor }), jsx("path", { d: "M5 3l14 9-14 9V3z", fill: "white", opacity: "0.1" })] })),
|
|
12
15
|
},
|
|
13
16
|
});
|
|
@@ -16,7 +19,7 @@ const NtdPause = /* @__PURE__ */ createIcon({
|
|
|
16
19
|
paths: {
|
|
17
20
|
solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor })] })),
|
|
18
21
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
19
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
22
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
|
|
20
23
|
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor }), jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor })] })),
|
|
21
24
|
},
|
|
22
25
|
});
|
|
@@ -25,7 +28,7 @@ const NtdStop = /* @__PURE__ */ createIcon({
|
|
|
25
28
|
paths: {
|
|
26
29
|
solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: primaryColor })),
|
|
27
30
|
outline: ({ primaryColor, strokeWidth }) => (jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
28
|
-
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("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
31
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
|
|
29
32
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: "white", opacity: "0.1" })] })),
|
|
30
33
|
},
|
|
31
34
|
});
|
|
@@ -34,7 +37,7 @@ const NtdSkipForward = /* @__PURE__ */ createIcon({
|
|
|
34
37
|
paths: {
|
|
35
38
|
solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", fill: primaryColor }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: "2.5" })] })),
|
|
36
39
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
37
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 4l10 8-10 8V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
40
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 4l10 8-10 8V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
|
|
38
41
|
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", fill: primaryColor }), jsx("path", { d: "M5 4l10 8-10 8V4z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: secondaryColor, strokeWidth: "1.8" })] })),
|
|
39
42
|
},
|
|
40
43
|
});
|
|
@@ -43,7 +46,7 @@ const NtdSkipBack = /* @__PURE__ */ createIcon({
|
|
|
43
46
|
paths: {
|
|
44
47
|
solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", fill: primaryColor }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: "2.5" })] })),
|
|
45
48
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
46
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M19 20L9 12l10-8v16z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
49
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M19 20L9 12l10-8v16z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
|
|
47
50
|
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", fill: primaryColor }), jsx("path", { d: "M19 20L9 12l10-8v16z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: secondaryColor, strokeWidth: "1.8" })] })),
|
|
48
51
|
},
|
|
49
52
|
});
|
|
@@ -70,22 +73,26 @@ const NtdImage = /* @__PURE__ */ createIcon({
|
|
|
70
73
|
paths: {
|
|
71
74
|
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M21 15l-5-5L5 21", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity })] })] })),
|
|
72
75
|
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("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M21 15l-5-5L5 21", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })] })),
|
|
73
|
-
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("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", fill: primaryColor }), jsx("path", { d: "M21 15l-5-5L5 21", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })] })),
|
|
74
76
|
vivid: ({ primaryColor, 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.08" }), jsx("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", fill: secondaryColor }), jsx("path", { d: "M21 15l-5-5L5 21", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.4" })] })] })),
|
|
75
77
|
},
|
|
76
78
|
});
|
|
77
79
|
const NtdCamera = /* @__PURE__ */ createIcon({
|
|
78
80
|
displayName: 'NtdCamera',
|
|
81
|
+
perfectStackX: 12,
|
|
82
|
+
perfectStackY: 12.5,
|
|
83
|
+
perfectStackSize: 0.55,
|
|
79
84
|
paths: {
|
|
80
85
|
solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "13", r: "4", fill: accentColor, opacity: accentOpacity })] })),
|
|
81
86
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "13", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
82
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "13", r: "4", fill: primaryColor })] })),
|
|
83
87
|
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: primaryColor }), jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "13", r: "4", fill: secondaryColor })] })),
|
|
84
88
|
},
|
|
85
89
|
});
|
|
86
90
|
const VIDEO_LENS = 'M17 9.5l5-3v11l-5-3';
|
|
87
91
|
const NtdVideo = /* @__PURE__ */ createIcon({
|
|
88
92
|
displayName: 'NtdVideo',
|
|
93
|
+
perfectStackX: 10,
|
|
94
|
+
perfectStackY: 12,
|
|
95
|
+
perfectStackSize: 0.4,
|
|
89
96
|
paths: {
|
|
90
97
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", fill: primaryColor }), jsx("path", { d: VIDEO_LENS, fill: primaryColor, stroke: primaryColor })] })),
|
|
91
98
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: VIDEO_LENS, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
@@ -164,7 +171,6 @@ const NtdMail = /* @__PURE__ */ createIcon({
|
|
|
164
171
|
paths: {
|
|
165
172
|
solid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: primaryColor }), within(uid, 'flap', jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity }))] })),
|
|
166
173
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
167
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
168
174
|
vivid: ({ primaryColor, secondaryColor, uid }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: "white", opacity: "0.1" }), within(uid, 'flap', jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }))] })),
|
|
169
175
|
},
|
|
170
176
|
});
|
|
@@ -199,6 +205,9 @@ const CHAT_BUBBLE = 'M5 3h14a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0
|
|
|
199
205
|
const CHAT_TAIL = 'M7 16v5l5-5z';
|
|
200
206
|
const NtdChat = /* @__PURE__ */ createIcon({
|
|
201
207
|
displayName: 'NtdChat',
|
|
208
|
+
perfectStackX: 10.5,
|
|
209
|
+
perfectStackY: 10,
|
|
210
|
+
perfectStackSize: 0.45,
|
|
202
211
|
paths: {
|
|
203
212
|
solid: ({ primaryColor }) => jsx("path", { d: CHAT, fill: primaryColor }),
|
|
204
213
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: CHAT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
@@ -218,10 +227,11 @@ const NtdSend = /* @__PURE__ */ createIcon({
|
|
|
218
227
|
// Outline is the silhouette only — the diagonal crease is gone (it now lives
|
|
219
228
|
// in `wireframe`, which shows construction lines by design).
|
|
220
229
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", strokeLinecap: "butt" })),
|
|
221
|
-
// Solid shape split along the crease:
|
|
222
|
-
// secondary at full strength
|
|
230
|
+
// Solid shape split along the crease: lower wing primary, upper wing
|
|
231
|
+
// secondary at full strength (swapped in 1.3.8: the larger part primary)
|
|
232
|
+
// — the two-tone is the plane's own geometry,
|
|
223
233
|
// not a translucent overlay.
|
|
224
|
-
duotone: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 4L11.2 12.8 4 9.6z", fill: primaryColor }), jsx("path", { d: "M20 4l-5.6 16-3.2-7.2z", fill: secondaryColor })] })),
|
|
234
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 4L11.2 12.8 4 9.6z", fill: primaryColor }), jsx("path", { d: "M20 4l-5.6 16-3.2-7.2z", fill: secondaryColor })] }))),
|
|
225
235
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", fill: primaryColor, stroke: primaryColor, strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "butt" }), jsx("path", { d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", fill: "white", opacity: "0.1" })] })),
|
|
226
236
|
},
|
|
227
237
|
});
|
|
@@ -230,7 +240,6 @@ const NtdNotification = /* @__PURE__ */ createIcon({
|
|
|
230
240
|
paths: {
|
|
231
241
|
solid: ({ primaryColor, accentColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: primaryColor }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "18", cy: "4", r: "3.5", fill: accentColor })] })),
|
|
232
242
|
outline: ({ primaryColor, accentColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "18", cy: "4", r: "3", fill: accentColor })] })),
|
|
233
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, accentColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "18", cy: "4", r: "3.5", fill: accentColor })] })),
|
|
234
243
|
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: primaryColor }), jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "18", cy: "4", r: "3.5", fill: secondaryColor }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: "white", strokeWidth: "1" })] })),
|
|
235
244
|
},
|
|
236
245
|
});
|
|
@@ -238,7 +247,8 @@ const NtdNotification = /* @__PURE__ */ createIcon({
|
|
|
238
247
|
// width in every variant but `outline` — half again as heavy. Concentric, so the heavier arcs keep
|
|
239
248
|
// even gaps, and small enough that the outer one's square caps in `sharp` stay in the box. The
|
|
240
249
|
// inner arc sits further from the dot (it was r 4.4) and the arcs closer together, the outer one
|
|
241
|
-
// where it was.
|
|
250
|
+
// where it was. Vivid: the dot and the inner arc primary, the outer arcs secondary; duotone the
|
|
251
|
+
// other way round, the larger arcs primary (1.3.8).
|
|
242
252
|
const WIFI_INNER = 'M8.32 15.82A5.2 5.2 0 0 1 15.68 15.82';
|
|
243
253
|
const WIFI_OUTER = 'M5.28 12.78A9.5 9.5 0 0 1 18.72 12.78M2.24 9.74A13.8 13.8 0 0 1 21.76 9.74';
|
|
244
254
|
function wifiFilled(near, far, strokeWidth) {
|
|
@@ -249,7 +259,7 @@ const NtdWifi = /* @__PURE__ */ createIcon({
|
|
|
249
259
|
paths: {
|
|
250
260
|
solid: ({ primaryColor, strokeWidth }) => wifiFilled(primaryColor, primaryColor, strokeWidth),
|
|
251
261
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: `${WIFI_INNER}${WIFI_OUTER}`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "19.5", r: "1", fill: primaryColor })] })),
|
|
252
|
-
duotone: ({ primaryColor, secondaryColor, strokeWidth }) => wifiFilled(primaryColor, secondaryColor, strokeWidth),
|
|
262
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => wifiFilled(primaryColor, secondaryColor, strokeWidth)),
|
|
253
263
|
vivid: ({ primaryColor, secondaryColor, strokeWidth }) => wifiFilled(primaryColor, secondaryColor, strokeWidth),
|
|
254
264
|
},
|
|
255
265
|
});
|
|
@@ -268,7 +278,6 @@ const NtdPalette = /* @__PURE__ */ createIcon({
|
|
|
268
278
|
paths: {
|
|
269
279
|
solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: primaryColor, opacity: "0.25" }), jsx("circle", { cx: "7", cy: "9", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "10", cy: "7", r: "1.2", fill: accentColor, opacity: accentOpacity * 0.8 }), jsx("circle", { cx: "7", cy: "13", r: "1.2", fill: accentColor, opacity: accentOpacity * 0.7 })] })),
|
|
270
280
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
271
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
272
281
|
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: primaryColor, opacity: "0.25" }), jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "7", cy: "9", r: "1.2", fill: secondaryColor }), jsx("circle", { cx: "10", cy: "7", r: "1.2", fill: "#8B5CF6" }), jsx("circle", { cx: "7", cy: "13", r: "1.2", fill: "#EF4444" })] })),
|
|
273
282
|
},
|
|
274
283
|
});
|
|
@@ -1,12 +1,13 @@
|
|
|
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
|
const NtdArrowUp = /* @__PURE__ */ createIcon({
|
|
5
6
|
displayName: 'NtdArrowUp',
|
|
6
7
|
paths: {
|
|
7
8
|
solid: ({ primaryColor }) => jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: primaryColor }),
|
|
8
9
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 5.5l-6.5 6.5H10v7h4v-7h4.5L12 5.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
9
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
10
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
|
|
10
11
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: primaryColor }), jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: "white", opacity: "0.1" })] })),
|
|
11
12
|
},
|
|
12
13
|
});
|
|
@@ -15,7 +16,7 @@ const NtdArrowDown = /* @__PURE__ */ createIcon({
|
|
|
15
16
|
paths: {
|
|
16
17
|
solid: ({ primaryColor }) => jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: primaryColor }),
|
|
17
18
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 18.5l6.5-6.5H14V5h-4v7H5.5L12 18.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
18
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
19
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
|
|
19
20
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: primaryColor }), jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: "white", opacity: "0.1" })] })),
|
|
20
21
|
},
|
|
21
22
|
});
|
|
@@ -24,7 +25,7 @@ const NtdArrowLeft = /* @__PURE__ */ createIcon({
|
|
|
24
25
|
paths: {
|
|
25
26
|
solid: ({ primaryColor }) => jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: primaryColor }),
|
|
26
27
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M5.5 12l6.5-6.5V10h7v4h-7v4.5L5.5 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
27
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
28
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
|
|
28
29
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: primaryColor }), jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: "white", opacity: "0.1" })] })),
|
|
29
30
|
},
|
|
30
31
|
});
|
|
@@ -33,7 +34,7 @@ const NtdArrowRight = /* @__PURE__ */ createIcon({
|
|
|
33
34
|
paths: {
|
|
34
35
|
solid: ({ primaryColor }) => jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: primaryColor }),
|
|
35
36
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M18.5 12L12 5.5V10H5v4h7v4.5L18.5 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
|
|
36
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
37
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
|
|
37
38
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: primaryColor }), jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: "white", opacity: "0.1" })] })),
|
|
38
39
|
},
|
|
39
40
|
});
|
|
@@ -42,7 +43,7 @@ const NtdChevronUp = /* @__PURE__ */ createIcon({
|
|
|
42
43
|
paths: {
|
|
43
44
|
solid: ({ primaryColor }) => jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: primaryColor }),
|
|
44
45
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M6 15l6-6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
|
|
45
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 15l6-6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
46
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 15l6-6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
|
|
46
47
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: primaryColor }), jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: "white", opacity: "0.1" })] })),
|
|
47
48
|
},
|
|
48
49
|
});
|
|
@@ -51,7 +52,7 @@ const NtdChevronDown = /* @__PURE__ */ createIcon({
|
|
|
51
52
|
paths: {
|
|
52
53
|
solid: ({ primaryColor }) => jsx("path", { d: "M12 16l7-7H5l7 7z", fill: primaryColor }),
|
|
53
54
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M6 9l6 6 6-6", stroke: primaryColor, strokeWidth: strokeWidth })),
|
|
54
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 16l7-7H5l7 7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 9l6 6 6-6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
55
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 16l7-7H5l7 7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 9l6 6 6-6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
|
|
55
56
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 16l7-7H5l7 7z", fill: primaryColor }), jsx("path", { d: "M12 16l7-7H5l7 7z", fill: "white", opacity: "0.1" })] })),
|
|
56
57
|
},
|
|
57
58
|
});
|
|
@@ -60,7 +61,7 @@ const NtdChevronLeft = /* @__PURE__ */ createIcon({
|
|
|
60
61
|
paths: {
|
|
61
62
|
solid: ({ primaryColor }) => jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: primaryColor }),
|
|
62
63
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M15 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
|
|
63
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M15 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
64
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M15 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
|
|
64
65
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: primaryColor }), jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: "white", opacity: "0.1" })] })),
|
|
65
66
|
},
|
|
66
67
|
});
|
|
@@ -69,7 +70,7 @@ const NtdChevronRight = /* @__PURE__ */ createIcon({
|
|
|
69
70
|
paths: {
|
|
70
71
|
solid: ({ primaryColor }) => jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: primaryColor }),
|
|
71
72
|
outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M9 6l6 6-6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
|
|
72
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M9 6l6 6-6 6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
73
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M9 6l6 6-6 6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
|
|
73
74
|
vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: primaryColor }), jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: "white", opacity: "0.1" })] })),
|
|
74
75
|
},
|
|
75
76
|
});
|
|
@@ -100,8 +101,9 @@ const NtdMoreHorizontal = /* @__PURE__ */ createIcon({
|
|
|
100
101
|
paths: {
|
|
101
102
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: primaryColor })] })),
|
|
102
103
|
outline: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "19", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" })] })),
|
|
103
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] })),
|
|
104
|
-
vivid:
|
|
104
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] }))),
|
|
105
|
+
// vivid: the outer dots primary, the middle one secondary (the last was a fixed #3B82F6)
|
|
106
|
+
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: primaryColor })] })),
|
|
105
107
|
},
|
|
106
108
|
});
|
|
107
109
|
const NtdMoreVertical = /* @__PURE__ */ createIcon({
|
|
@@ -109,8 +111,9 @@ const NtdMoreVertical = /* @__PURE__ */ createIcon({
|
|
|
109
111
|
paths: {
|
|
110
112
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: primaryColor })] })),
|
|
111
113
|
outline: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "12", cy: "19", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" })] })),
|
|
112
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] })),
|
|
113
|
-
vivid:
|
|
114
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] }))),
|
|
115
|
+
// vivid: the outer dots primary, the middle one secondary (the last was a fixed #3B82F6)
|
|
116
|
+
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: primaryColor })] })),
|
|
114
117
|
},
|
|
115
118
|
});
|
|
116
119
|
const NtdExternalLink = /* @__PURE__ */ createIcon({
|
|
@@ -118,7 +121,7 @@ const NtdExternalLink = /* @__PURE__ */ createIcon({
|
|
|
118
121
|
paths: {
|
|
119
122
|
solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
120
123
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
121
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "13", height: "15", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
|
|
124
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "13", height: "15", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
|
|
122
125
|
vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: "2" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
|
|
123
126
|
},
|
|
124
127
|
});
|
|
@@ -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
|
/* ─── Tier A ─────────────────────────────────────────────── */
|
|
5
6
|
/** Product — packaging box with a visible lid seam and a side label. */
|
|
@@ -8,7 +9,6 @@ const NtdProduct = /* @__PURE__ */ createIcon({
|
|
|
8
9
|
paths: {
|
|
9
10
|
solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", fill: primaryColor }), jsx("path", { d: "M3 7l9 4 9-4", stroke: "white", strokeWidth: "1.2", fill: "none", opacity: "0.6" }), jsx("path", { d: "M12 11v10", stroke: "white", strokeWidth: "1.2", opacity: "0.6" }), jsx("rect", { x: "9.5", y: "9.5", width: "5", height: "3", rx: "0.6", fill: accentColor, opacity: accentOpacity })] })),
|
|
10
11
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M3 7l9 4 9-4", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("path", { d: "M12 11v10", stroke: primaryColor, strokeWidth: "1.3" })] })),
|
|
11
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M3 7l9 4 9-4", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("path", { d: "M12 11v10", stroke: primaryColor, strokeWidth: "1.3" })] })),
|
|
12
12
|
},
|
|
13
13
|
});
|
|
14
14
|
/** Alert — notification bell with an exclamation badge (distinct from NtdBell). */
|
|
@@ -17,7 +17,6 @@ const NtdAlert = /* @__PURE__ */ createIcon({
|
|
|
17
17
|
paths: {
|
|
18
18
|
solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a6 6 0 00-6 6c0 5-2 7-2 7h16s-2-2-2-7a6 6 0 00-6-6z", fill: primaryColor }), jsx("path", { d: "M10 19a2 2 0 004 0", stroke: primaryColor, strokeWidth: "2", fill: "none", strokeLinecap: "round" }), jsx("circle", { cx: "18", cy: "6", r: "4", fill: accentColor, opacity: accentOpacity }), jsx("line", { x1: "18", y1: "4", x2: "18", y2: "6.5", stroke: "white", strokeWidth: "1.4", strokeLinecap: "round" }), jsx("circle", { cx: "18", cy: "8.3", r: "0.7", fill: "white" })] })),
|
|
19
19
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a6 6 0 00-6 6c0 5-2 7-2 7h16s-2-2-2-7a6 6 0 00-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M10 19a2 2 0 004 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round" }), jsx("line", { x1: "12", y1: "8", x2: "12", y2: "11", stroke: primaryColor, strokeWidth: "1.6", strokeLinecap: "round" }), jsx("circle", { cx: "12", cy: "13.4", r: "0.8", fill: primaryColor })] })),
|
|
20
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a6 6 0 00-6 6c0 5-2 7-2 7h16s-2-2-2-7a6 6 0 00-6-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a6 6 0 00-6 6c0 5-2 7-2 7h16s-2-2-2-7a6 6 0 00-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M10 19a2 2 0 004 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round" }), jsx("line", { x1: "12", y1: "8", x2: "12", y2: "11", stroke: primaryColor, strokeWidth: "1.6", strokeLinecap: "round" }), jsx("circle", { cx: "12", cy: "13.4", r: "0.8", fill: primaryColor })] })),
|
|
21
20
|
},
|
|
22
21
|
});
|
|
23
22
|
/** Alias — bell-with-exclamation reading of {@link NtdAlert}. */
|
|
@@ -37,7 +36,6 @@ const NtdShipment = /* @__PURE__ */ createIcon({
|
|
|
37
36
|
paths: {
|
|
38
37
|
solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", fill: primaryColor }), jsx("path", { d: "M3 7l9 4 9-4", stroke: "white", strokeWidth: "1.2", fill: "none", opacity: "0.6" }), jsx("path", { d: "M12 11v10", stroke: "white", strokeWidth: "1.2", opacity: "0.6" }), jsx("rect", { x: "13.5", y: "12.5", width: "6", height: "4.5", rx: "0.6", fill: accentColor, opacity: accentOpacity }), jsx("line", { x1: "14.6", y1: "14.2", x2: "18.4", y2: "14.2", stroke: "white", strokeWidth: "0.9" }), jsx("line", { x1: "14.6", y1: "15.6", x2: "17", y2: "15.6", stroke: "white", strokeWidth: "0.9" })] })),
|
|
39
38
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M3 7l9 4 9-4", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("path", { d: "M12 11v10", stroke: primaryColor, strokeWidth: "1.3" }), jsx("rect", { x: "13.5", y: "12.5", width: "6", height: "4.5", rx: "0.6", stroke: primaryColor, strokeWidth: "1.2", fill: "none" })] })),
|
|
40
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M3 7l9 4 9-4", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("path", { d: "M12 11v10", stroke: primaryColor, strokeWidth: "1.3" }), jsx("rect", { x: "13.5", y: "12.5", width: "6", height: "4.5", rx: "0.6", stroke: primaryColor, strokeWidth: "1.2", fill: "none" })] })),
|
|
41
39
|
},
|
|
42
40
|
});
|
|
43
41
|
/* ─── Tier B ─────────────────────────────────────────────── */
|
|
@@ -47,7 +45,6 @@ const NtdFood = /* @__PURE__ */ createIcon({
|
|
|
47
45
|
paths: {
|
|
48
46
|
solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "11", cy: "13", r: "7", fill: primaryColor }), jsx("circle", { cx: "11", cy: "13", r: "3.5", fill: accentColor, opacity: accentOpacity }), jsx("line", { x1: "20.5", y1: "3", x2: "20.5", y2: "21", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M20.5 3c1.5 0 2 1.5 2 3s-1 2.5-2 2.5", stroke: primaryColor, strokeWidth: "1.6", fill: "none" })] })),
|
|
49
47
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "11", cy: "13", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "11", cy: "13", r: "3.5", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("line", { x1: "20.5", y1: "4", x2: "20.5", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M19 4v3.5h3V4", stroke: primaryColor, strokeWidth: "1.3", fill: "none" })] })),
|
|
50
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "11", cy: "13", r: "7", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "11", cy: "13", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "11", cy: "13", r: "3.5", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("line", { x1: "20.5", y1: "4", x2: "20.5", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
|
|
51
48
|
},
|
|
52
49
|
});
|
|
53
50
|
/** Alias — meal reading of {@link NtdFood}. */
|
|
@@ -58,7 +55,6 @@ const NtdProject = /* @__PURE__ */ createIcon({
|
|
|
58
55
|
paths: {
|
|
59
56
|
solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1.4", fill: primaryColor }), jsx("rect", { x: "9", y: "4", width: "6", height: "16", rx: "1.4", fill: accentColor, opacity: accentOpacity }), jsx("rect", { x: "16", y: "4", width: "6", height: "16", rx: "1.4", fill: primaryColor }), jsx("rect", { x: "3.2", y: "6", width: "3.6", height: "3", rx: "0.6", fill: "white", opacity: "0.7" }), jsx("rect", { x: "17.2", y: "6", width: "3.6", height: "3", rx: "0.6", fill: "white", opacity: "0.7" })] })),
|
|
60
57
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "4", width: "6", height: "16", rx: "1.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "4", width: "6", height: "16", rx: "1.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "3.4", y1: "8", x2: "6.6", y2: "8", stroke: primaryColor, strokeWidth: "1.2" }), jsx("line", { x1: "10.4", y1: "8", x2: "13.6", y2: "8", stroke: primaryColor, strokeWidth: "1.2" })] })),
|
|
61
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1.4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "9", y: "4", width: "6", height: "16", rx: "1.4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "16", y: "4", width: "6", height: "16", rx: "1.4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "4", width: "6", height: "16", rx: "1.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "4", width: "6", height: "16", rx: "1.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
|
|
62
58
|
},
|
|
63
59
|
});
|
|
64
60
|
/** Insurance — shield with a checkmark (distinct from generic NtdShield). */
|
|
@@ -67,7 +63,7 @@ const NtdInsurance = /* @__PURE__ */ createIcon({
|
|
|
67
63
|
paths: {
|
|
68
64
|
solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z", fill: primaryColor }), jsx("path", { d: "M8.5 12l2.5 2.5L16 9", stroke: "white", strokeWidth: "2", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" })] })),
|
|
69
65
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M8.5 12l2.5 2.5L16 9", stroke: primaryColor, strokeWidth: "1.8", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" })] })),
|
|
70
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M8.5 12l2.5 2.5L16 9", stroke: primaryColor, strokeWidth: "1.8", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" })] })),
|
|
66
|
+
duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M8.5 12l2.5 2.5L16 9", stroke: primaryColor, strokeWidth: "1.8", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" })] }))),
|
|
71
67
|
},
|
|
72
68
|
});
|
|
73
69
|
/**
|
|
@@ -81,7 +77,6 @@ const NtdTax = /* @__PURE__ */ createIcon({
|
|
|
81
77
|
paths: {
|
|
82
78
|
solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "9.5", fill: primaryColor }), jsxs("g", { opacity: accentOpacity, children: [jsx("path", { d: TAX_DOTS, fillRule: "evenodd", fill: accentColor }), jsx("line", { x1: "15.5", y1: "8.5", x2: "8.5", y2: "15.5", stroke: accentColor, strokeWidth: "1.8", strokeLinecap: "round" })] })] })),
|
|
83
79
|
outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "9.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9.2", cy: "9.2", r: "1.6", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("circle", { cx: "14.8", cy: "14.8", r: "1.6", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("line", { x1: "15.5", y1: "8.5", x2: "8.5", y2: "15.5", stroke: primaryColor, strokeWidth: "1.6", strokeLinecap: "round" })] })),
|
|
84
|
-
duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "9.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "9.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9.2", cy: "9.2", r: "1.6", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("circle", { cx: "14.8", cy: "14.8", r: "1.6", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("line", { x1: "15.5", y1: "8.5", x2: "8.5", y2: "15.5", stroke: primaryColor, strokeWidth: "1.6", strokeLinecap: "round" })] })),
|
|
85
80
|
},
|
|
86
81
|
});
|
|
87
82
|
/* ─── Tier C ─────────────────────────────────────────────── */
|