@sportswik/icons-react 1.0.0 → 1.2.0

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/dist/index.js CHANGED
@@ -508,7 +508,8 @@ var iconMetadata = {
508
508
  tags: ["attention", "careful", "caution", "notice", "risk", "warning"],
509
509
  related: ["alert-octagon", "help-circle", "info", "video-alert"],
510
510
  useWhen: "The path is still open; the user only needs to know what it costs.",
511
- avoidWhen: "The action is actually blocked \u2014 use alert-octagon; nothing is at stake \u2014 use info."
511
+ avoidWhen: "The action is actually blocked \u2014 use alert-octagon; nothing is at stake \u2014 use info.",
512
+ variants: ["duotone"]
512
513
  },
513
514
  "archive": {
514
515
  name: "archive",
@@ -936,7 +937,8 @@ var iconMetadata = {
936
937
  category: "objects",
937
938
  description: "A stack of discs \u2014 stored records and data sources: imports, exports, backups and result syncing behind the scenes.",
938
939
  tags: ["backend", "data", "dataset", "records", "server", "storage", "sync"],
939
- related: ["file-spreadsheet"]
940
+ related: ["file-spreadsheet"],
941
+ variants: ["duotone"]
940
942
  },
941
943
  "dices": {
942
944
  name: "dices",
@@ -1238,7 +1240,8 @@ var iconMetadata = {
1238
1240
  category: "objects",
1239
1241
  description: "A lit bulb throwing off rays \u2014 a tip, suggestion or feature idea worth acting on; lightbulb is the same bulb unlit.",
1240
1242
  tags: ["bright", "hint", "insight", "inspiration", "proposal", "suggestion", "tip"],
1241
- related: ["info", "lightbulb"]
1243
+ related: ["info", "lightbulb"],
1244
+ variants: ["duotone"]
1242
1245
  },
1243
1246
  "image": {
1244
1247
  name: "image",
@@ -1714,7 +1717,8 @@ var iconMetadata = {
1714
1717
  category: "objects",
1715
1718
  description: "A rocket lifting off \u2014 a launch or a boost: getting started, publishing a new club page or kicking off a season.",
1716
1719
  tags: ["boost", "growth", "launch", "liftoff", "onboarding", "ship", "start"],
1717
- related: ["send"]
1720
+ related: ["send"],
1721
+ variants: ["duotone"]
1718
1722
  },
1719
1723
  "rotate-ccw": {
1720
1724
  name: "rotate-ccw",
@@ -1936,7 +1940,8 @@ var iconMetadata = {
1936
1940
  category: "commerce",
1937
1941
  description: "Match entry and season passes \u2014 admission rather than a purchase flow.",
1938
1942
  tags: ["admission", "entry", "match-day", "pass", "seat", "voucher"],
1939
- related: ["coins", "shopping-cart", "tags"]
1943
+ related: ["coins", "shopping-cart", "tags"],
1944
+ variants: ["duotone"]
1940
1945
  },
1941
1946
  "timeline": {
1942
1947
  name: "timeline",
@@ -2042,7 +2047,8 @@ var iconMetadata = {
2042
2047
  category: "objects",
2043
2048
  description: "A figure inside a shield \u2014 what a person is allowed to do: an admin, a moderator or anyone with elevated access.",
2044
2049
  tags: ["access", "admin", "guardian", "moderator", "permissions", "privacy", "role"],
2045
- related: ["lock", "shield-check", "user"]
2050
+ related: ["lock", "shield-check", "user"],
2051
+ variants: ["duotone"]
2046
2052
  },
2047
2053
  "users": {
2048
2054
  name: "users",
@@ -2201,6 +2207,62 @@ var iconMetadata = {
2201
2207
  };
2202
2208
  var iconNames = Object.keys(iconMetadata);
2203
2209
 
2210
+ // src/duotone/secondary.ts
2211
+ var DEFAULT_SECONDARY = "var(--sw-icon-secondary, color-mix(in srgb, currentColor 40%, transparent))";
2212
+ function secondaryPaint(secondaryColor) {
2213
+ return secondaryColor || DEFAULT_SECONDARY;
2214
+ }
2215
+ var AlertTriangleDuotone = ({ secondaryColor, ...props }) => {
2216
+ const secondary = secondaryPaint(secondaryColor);
2217
+ return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, viewBox: "0 0 24 24", focusable: "false", "aria-hidden": "true", ...props, children: [
2218
+ /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", stroke: "none", d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3", "data-layer": "secondary", style: { fill: secondary } }),
2219
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 9v4m0 4h.01m9.72 1-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" })
2220
+ ] });
2221
+ };
2222
+ var AlertTriangleDuotone_default = AlertTriangleDuotone;
2223
+ var DatabaseDuotone = ({ secondaryColor, ...props }) => {
2224
+ const secondary = secondaryPaint(secondaryColor);
2225
+ return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, viewBox: "0 0 24 24", focusable: "false", "aria-hidden": "true", ...props, children: [
2226
+ /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", stroke: "none", d: "M21 5c0 1.657-4.03 3-9 3S3 6.657 3 5s4.03-3 9-3 9 1.343 9 3", "data-layer": "secondary", style: { fill: secondary } }),
2227
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 5c0 1.657-4.03 3-9 3S3 6.657 3 5m18 0c0-1.657-4.03-3-9-3S3 3.343 3 5m18 0v14c0 1.66-4 3-9 3s-9-1.34-9-3V5m18 7c0 1.66-4 3-9 3s-9-1.34-9-3" })
2228
+ ] });
2229
+ };
2230
+ var DatabaseDuotone_default = DatabaseDuotone;
2231
+ var IdeaDuotone = ({ secondaryColor, ...props }) => {
2232
+ const secondary = secondaryPaint(secondaryColor);
2233
+ return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, viewBox: "0 0 24 24", focusable: "false", "aria-hidden": "true", ...props, children: [
2234
+ /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", stroke: "none", d: "M14.25 15.778c.15-.778.525-1.322 1.125-1.945.75-.7 1.125-1.71 1.125-2.722a4.76 4.76 0 0 0-1.318-3.3A4.42 4.42 0 0 0 12 6.444a4.42 4.42 0 0 0-3.182 1.367 4.76 4.76 0 0 0-1.318 3.3c0 .778.15 1.711 1.125 2.722.525.545.975 1.167 1.125 1.945z", "data-layer": "secondary", style: { fill: secondary } }),
2235
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20.1 10.889h.9m-3.15-6.667-.45.445M3 10.889h.9M12 2v.889M5.636 4.604l.636.628", "data-layer": "secondary", style: { stroke: secondary } }),
2236
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.25 15.778c.15-.778.525-1.322 1.125-1.945.75-.7 1.125-1.71 1.125-2.722a4.76 4.76 0 0 0-1.318-3.3A4.42 4.42 0 0 0 12 6.444a4.42 4.42 0 0 0-3.182 1.367 4.76 4.76 0 0 0-1.318 3.3c0 .778.15 1.711 1.125 2.722.525.545.975 1.167 1.125 1.945m0 3.11h4.5M10.5 22h3" })
2237
+ ] });
2238
+ };
2239
+ var IdeaDuotone_default = IdeaDuotone;
2240
+ var RocketDuotone = ({ secondaryColor, ...props }) => {
2241
+ const secondary = secondaryPaint(secondaryColor);
2242
+ return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, viewBox: "0 0 24 24", focusable: "false", "aria-hidden": "true", ...props, children: [
2243
+ /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", d: "M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09", "data-layer": "secondary", style: { fill: secondary, stroke: secondary } }),
2244
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m12 15-3-3m3 3a22.4 22.4 0 0 0 4-2m-4 2v5s3.03-.55 4-2c1.08-1.62 0-5 0-5m-7-1a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11m-7-1H4s.55-3.03 2-4c1.62-1.08 5 0 5 0" })
2245
+ ] });
2246
+ };
2247
+ var RocketDuotone_default = RocketDuotone;
2248
+ var TicketDuotone = ({ secondaryColor, ...props }) => {
2249
+ const secondary = secondaryPaint(secondaryColor);
2250
+ return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, viewBox: "0 0 24 24", focusable: "false", "aria-hidden": "true", ...props, children: [
2251
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 9a3 3 0 1 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z" }),
2252
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13 5v2m0 10v2m0-8v2", "data-layer": "secondary", style: { stroke: secondary } })
2253
+ ] });
2254
+ };
2255
+ var TicketDuotone_default = TicketDuotone;
2256
+ var UserShieldDuotone = ({ secondaryColor, ...props }) => {
2257
+ const secondary = secondaryPaint(secondaryColor);
2258
+ return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", focusable: "false", "aria-hidden": "true", ...props, children: [
2259
+ /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10", "data-layer": "secondary", style: { fill: secondary } }),
2260
+ /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10" }),
2261
+ /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", d: "M12 11.85c1.68 0 3.4 1.121 3.4 2.9a.9.9 0 0 1-.9.9h-5a.9.9 0 0 1-.9-.9c0-1.779 1.72-2.9 3.4-2.9m0-5.25a2.4 2.4 0 1 1 0 4.8 2.4 2.4 0 0 1 0-4.8" })
2262
+ ] });
2263
+ };
2264
+ var UserShieldDuotone_default = UserShieldDuotone;
2265
+
2204
2266
  // src/index.ts
2205
2267
  var OpenInNew = ExternalLink_default;
2206
2268
  var Unlocked = Unlock_default;
@@ -2209,6 +2271,7 @@ exports.Aed = Aed_default;
2209
2271
  exports.Airplay = Airplay_default;
2210
2272
  exports.AlertOctagon = AlertOctagon_default;
2211
2273
  exports.AlertTriangle = AlertTriangle_default;
2274
+ exports.AlertTriangleDuotone = AlertTriangleDuotone_default;
2212
2275
  exports.Archive = Archive_default;
2213
2276
  exports.ArrowDown = ArrowDown_default;
2214
2277
  exports.ArrowLeft = ArrowLeft_default;
@@ -2257,6 +2320,7 @@ exports.Cross = Cross_default;
2257
2320
  exports.Crown = Crown_default;
2258
2321
  exports.Dashboard = Dashboard_default;
2259
2322
  exports.Database = Database_default;
2323
+ exports.DatabaseDuotone = DatabaseDuotone_default;
2260
2324
  exports.Dices = Dices_default;
2261
2325
  exports.Disability = Disability_default;
2262
2326
  exports.Download = Download_default;
@@ -2292,6 +2356,7 @@ exports.Heart = Heart_default;
2292
2356
  exports.HelpCircle = HelpCircle_default;
2293
2357
  exports.Home = Home_default;
2294
2358
  exports.Idea = Idea_default;
2359
+ exports.IdeaDuotone = IdeaDuotone_default;
2295
2360
  exports.Image = Image_default;
2296
2361
  exports.ImageOff = ImageOff_default;
2297
2362
  exports.ImagePlus = ImagePlus_default;
@@ -2348,6 +2413,7 @@ exports.RefreshCcw = RefreshCcw_default;
2348
2413
  exports.RefreshCw = RefreshCw_default;
2349
2414
  exports.Reply = Reply_default;
2350
2415
  exports.Rocket = Rocket_default;
2416
+ exports.RocketDuotone = RocketDuotone_default;
2351
2417
  exports.RotateCcw = RotateCcw_default;
2352
2418
  exports.Scissors = Scissors_default;
2353
2419
  exports.Score = Score_default;
@@ -2374,6 +2440,7 @@ exports.Tags = Tags_default;
2374
2440
  exports.Target = Target_default;
2375
2441
  exports.ThumbsUp = ThumbsUp_default;
2376
2442
  exports.Ticket = Ticket_default;
2443
+ exports.TicketDuotone = TicketDuotone_default;
2377
2444
  exports.Timeline = Timeline_default;
2378
2445
  exports.Timer = Timer_default;
2379
2446
  exports.Toilets = Toilets_default;
@@ -2388,6 +2455,7 @@ exports.UserCheck = UserCheck_default;
2388
2455
  exports.UserMinus = UserMinus_default;
2389
2456
  exports.UserPlus = UserPlus_default;
2390
2457
  exports.UserShield = UserShield_default;
2458
+ exports.UserShieldDuotone = UserShieldDuotone_default;
2391
2459
  exports.Users = Users_default;
2392
2460
  exports.Veo = Veo_default;
2393
2461
  exports.Verified = Verified_default;
package/dist/index.mjs CHANGED
@@ -506,7 +506,8 @@ var iconMetadata = {
506
506
  tags: ["attention", "careful", "caution", "notice", "risk", "warning"],
507
507
  related: ["alert-octagon", "help-circle", "info", "video-alert"],
508
508
  useWhen: "The path is still open; the user only needs to know what it costs.",
509
- avoidWhen: "The action is actually blocked \u2014 use alert-octagon; nothing is at stake \u2014 use info."
509
+ avoidWhen: "The action is actually blocked \u2014 use alert-octagon; nothing is at stake \u2014 use info.",
510
+ variants: ["duotone"]
510
511
  },
511
512
  "archive": {
512
513
  name: "archive",
@@ -934,7 +935,8 @@ var iconMetadata = {
934
935
  category: "objects",
935
936
  description: "A stack of discs \u2014 stored records and data sources: imports, exports, backups and result syncing behind the scenes.",
936
937
  tags: ["backend", "data", "dataset", "records", "server", "storage", "sync"],
937
- related: ["file-spreadsheet"]
938
+ related: ["file-spreadsheet"],
939
+ variants: ["duotone"]
938
940
  },
939
941
  "dices": {
940
942
  name: "dices",
@@ -1236,7 +1238,8 @@ var iconMetadata = {
1236
1238
  category: "objects",
1237
1239
  description: "A lit bulb throwing off rays \u2014 a tip, suggestion or feature idea worth acting on; lightbulb is the same bulb unlit.",
1238
1240
  tags: ["bright", "hint", "insight", "inspiration", "proposal", "suggestion", "tip"],
1239
- related: ["info", "lightbulb"]
1241
+ related: ["info", "lightbulb"],
1242
+ variants: ["duotone"]
1240
1243
  },
1241
1244
  "image": {
1242
1245
  name: "image",
@@ -1712,7 +1715,8 @@ var iconMetadata = {
1712
1715
  category: "objects",
1713
1716
  description: "A rocket lifting off \u2014 a launch or a boost: getting started, publishing a new club page or kicking off a season.",
1714
1717
  tags: ["boost", "growth", "launch", "liftoff", "onboarding", "ship", "start"],
1715
- related: ["send"]
1718
+ related: ["send"],
1719
+ variants: ["duotone"]
1716
1720
  },
1717
1721
  "rotate-ccw": {
1718
1722
  name: "rotate-ccw",
@@ -1934,7 +1938,8 @@ var iconMetadata = {
1934
1938
  category: "commerce",
1935
1939
  description: "Match entry and season passes \u2014 admission rather than a purchase flow.",
1936
1940
  tags: ["admission", "entry", "match-day", "pass", "seat", "voucher"],
1937
- related: ["coins", "shopping-cart", "tags"]
1941
+ related: ["coins", "shopping-cart", "tags"],
1942
+ variants: ["duotone"]
1938
1943
  },
1939
1944
  "timeline": {
1940
1945
  name: "timeline",
@@ -2040,7 +2045,8 @@ var iconMetadata = {
2040
2045
  category: "objects",
2041
2046
  description: "A figure inside a shield \u2014 what a person is allowed to do: an admin, a moderator or anyone with elevated access.",
2042
2047
  tags: ["access", "admin", "guardian", "moderator", "permissions", "privacy", "role"],
2043
- related: ["lock", "shield-check", "user"]
2048
+ related: ["lock", "shield-check", "user"],
2049
+ variants: ["duotone"]
2044
2050
  },
2045
2051
  "users": {
2046
2052
  name: "users",
@@ -2199,8 +2205,64 @@ var iconMetadata = {
2199
2205
  };
2200
2206
  var iconNames = Object.keys(iconMetadata);
2201
2207
 
2208
+ // src/duotone/secondary.ts
2209
+ var DEFAULT_SECONDARY = "var(--sw-icon-secondary, color-mix(in srgb, currentColor 40%, transparent))";
2210
+ function secondaryPaint(secondaryColor) {
2211
+ return secondaryColor || DEFAULT_SECONDARY;
2212
+ }
2213
+ var AlertTriangleDuotone = ({ secondaryColor, ...props }) => {
2214
+ const secondary = secondaryPaint(secondaryColor);
2215
+ return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, viewBox: "0 0 24 24", focusable: "false", "aria-hidden": "true", ...props, children: [
2216
+ /* @__PURE__ */ jsx("path", { fill: "currentColor", stroke: "none", d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3", "data-layer": "secondary", style: { fill: secondary } }),
2217
+ /* @__PURE__ */ jsx("path", { d: "M12 9v4m0 4h.01m9.72 1-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" })
2218
+ ] });
2219
+ };
2220
+ var AlertTriangleDuotone_default = AlertTriangleDuotone;
2221
+ var DatabaseDuotone = ({ secondaryColor, ...props }) => {
2222
+ const secondary = secondaryPaint(secondaryColor);
2223
+ return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, viewBox: "0 0 24 24", focusable: "false", "aria-hidden": "true", ...props, children: [
2224
+ /* @__PURE__ */ jsx("path", { fill: "currentColor", stroke: "none", d: "M21 5c0 1.657-4.03 3-9 3S3 6.657 3 5s4.03-3 9-3 9 1.343 9 3", "data-layer": "secondary", style: { fill: secondary } }),
2225
+ /* @__PURE__ */ jsx("path", { d: "M21 5c0 1.657-4.03 3-9 3S3 6.657 3 5m18 0c0-1.657-4.03-3-9-3S3 3.343 3 5m18 0v14c0 1.66-4 3-9 3s-9-1.34-9-3V5m18 7c0 1.66-4 3-9 3s-9-1.34-9-3" })
2226
+ ] });
2227
+ };
2228
+ var DatabaseDuotone_default = DatabaseDuotone;
2229
+ var IdeaDuotone = ({ secondaryColor, ...props }) => {
2230
+ const secondary = secondaryPaint(secondaryColor);
2231
+ return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, viewBox: "0 0 24 24", focusable: "false", "aria-hidden": "true", ...props, children: [
2232
+ /* @__PURE__ */ jsx("path", { fill: "currentColor", stroke: "none", d: "M14.25 15.778c.15-.778.525-1.322 1.125-1.945.75-.7 1.125-1.71 1.125-2.722a4.76 4.76 0 0 0-1.318-3.3A4.42 4.42 0 0 0 12 6.444a4.42 4.42 0 0 0-3.182 1.367 4.76 4.76 0 0 0-1.318 3.3c0 .778.15 1.711 1.125 2.722.525.545.975 1.167 1.125 1.945z", "data-layer": "secondary", style: { fill: secondary } }),
2233
+ /* @__PURE__ */ jsx("path", { d: "M20.1 10.889h.9m-3.15-6.667-.45.445M3 10.889h.9M12 2v.889M5.636 4.604l.636.628", "data-layer": "secondary", style: { stroke: secondary } }),
2234
+ /* @__PURE__ */ jsx("path", { d: "M14.25 15.778c.15-.778.525-1.322 1.125-1.945.75-.7 1.125-1.71 1.125-2.722a4.76 4.76 0 0 0-1.318-3.3A4.42 4.42 0 0 0 12 6.444a4.42 4.42 0 0 0-3.182 1.367 4.76 4.76 0 0 0-1.318 3.3c0 .778.15 1.711 1.125 2.722.525.545.975 1.167 1.125 1.945m0 3.11h4.5M10.5 22h3" })
2235
+ ] });
2236
+ };
2237
+ var IdeaDuotone_default = IdeaDuotone;
2238
+ var RocketDuotone = ({ secondaryColor, ...props }) => {
2239
+ const secondary = secondaryPaint(secondaryColor);
2240
+ return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, viewBox: "0 0 24 24", focusable: "false", "aria-hidden": "true", ...props, children: [
2241
+ /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09", "data-layer": "secondary", style: { fill: secondary, stroke: secondary } }),
2242
+ /* @__PURE__ */ jsx("path", { d: "m12 15-3-3m3 3a22.4 22.4 0 0 0 4-2m-4 2v5s3.03-.55 4-2c1.08-1.62 0-5 0-5m-7-1a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11m-7-1H4s.55-3.03 2-4c1.62-1.08 5 0 5 0" })
2243
+ ] });
2244
+ };
2245
+ var RocketDuotone_default = RocketDuotone;
2246
+ var TicketDuotone = ({ secondaryColor, ...props }) => {
2247
+ const secondary = secondaryPaint(secondaryColor);
2248
+ return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, viewBox: "0 0 24 24", focusable: "false", "aria-hidden": "true", ...props, children: [
2249
+ /* @__PURE__ */ jsx("path", { d: "M2 9a3 3 0 1 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z" }),
2250
+ /* @__PURE__ */ jsx("path", { d: "M13 5v2m0 10v2m0-8v2", "data-layer": "secondary", style: { stroke: secondary } })
2251
+ ] });
2252
+ };
2253
+ var TicketDuotone_default = TicketDuotone;
2254
+ var UserShieldDuotone = ({ secondaryColor, ...props }) => {
2255
+ const secondary = secondaryPaint(secondaryColor);
2256
+ return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", focusable: "false", "aria-hidden": "true", ...props, children: [
2257
+ /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10", "data-layer": "secondary", style: { fill: secondary } }),
2258
+ /* @__PURE__ */ jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10" }),
2259
+ /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M12 11.85c1.68 0 3.4 1.121 3.4 2.9a.9.9 0 0 1-.9.9h-5a.9.9 0 0 1-.9-.9c0-1.779 1.72-2.9 3.4-2.9m0-5.25a2.4 2.4 0 1 1 0 4.8 2.4 2.4 0 0 1 0-4.8" })
2260
+ ] });
2261
+ };
2262
+ var UserShieldDuotone_default = UserShieldDuotone;
2263
+
2202
2264
  // src/index.ts
2203
2265
  var OpenInNew = ExternalLink_default;
2204
2266
  var Unlocked = Unlock_default;
2205
2267
 
2206
- export { Aed_default as Aed, Airplay_default as Airplay, AlertOctagon_default as AlertOctagon, AlertTriangle_default as AlertTriangle, Archive_default as Archive, ArrowDown_default as ArrowDown, ArrowLeft_default as ArrowLeft, ArrowLeftRight_default as ArrowLeftRight, ArrowRight_default as ArrowRight, ArrowUp_default as ArrowUp, Assist_default as Assist, BarChart_3_default as BarChart_3, Bell_default as Bell, BellOff_default as BellOff, Block_default as Block, Box_default as Box, Brush_default as Brush, BulletedList_default as BulletedList, Calendar_default as Calendar, CalendarArrowDown_default as CalendarArrowDown, CalendarClock_default as CalendarClock, CalendarPlus_default as CalendarPlus, CalendarX_default as CalendarX, Camera_default as Camera, Captain_default as Captain, Card_default as Card, CardOutline_default as CardOutline, Cast_default as Cast, ChangingRoom_default as ChangingRoom, Check_default as Check, ChevronDown_default as ChevronDown, ChevronLeft_default as ChevronLeft, ChevronRight_default as ChevronRight, ChevronUp_default as ChevronUp, ChevronsDown_default as ChevronsDown, ChevronsDownUp_default as ChevronsDownUp, ChevronsLeft_default as ChevronsLeft, ChevronsLeftRight_default as ChevronsLeftRight, ChevronsRight_default as ChevronsRight, ChevronsUp_default as ChevronsUp, ChevronsUpDown_default as ChevronsUpDown, CircleGauge_default as CircleGauge, CircleStar_default as CircleStar, Clock_4_default as Clock_4, Coins_default as Coins, Contact_default as Contact, Copy_default as Copy, Corner_default as Corner, Cross_default as Cross, Crown_default as Crown, Dashboard_default as Dashboard, Database_default as Database, Dices_default as Dices, Disability_default as Disability, Download_default as Download, Edit_default as Edit, Edit_3_default as Edit_3, ExternalLink_default as ExternalLink, Eye_default as Eye, FileImage_default as FileImage, FileSpreadsheet_default as FileSpreadsheet, Film_default as Film, Filter_default as Filter, Flag_default as Flag, Flame_default as Flame, Floorball_default as Floorball, FloorballChance_default as FloorballChance, Folder_default as Folder, FolderCheck_default as FolderCheck, FolderMinus_default as FolderMinus, FolderPlus_default as FolderPlus, Football_default as Football, FootballChance_default as FootballChance, Frown_default as Frown, Futsal_default as Futsal, Gem_default as Gem, GenderFemale_default as GenderFemale, GenderMale_default as GenderMale, GenderMix_default as GenderMix, Globe_default as Globe, Grass_default as Grass, Hand_default as Hand, Hash_default as Hash, Heart_default as Heart, HelpCircle_default as HelpCircle, Home_default as Home, Idea_default as Idea, Image_default as Image, ImageOff_default as ImageOff, ImagePlus_default as ImagePlus, Images_default as Images, Info_default as Info, Lightbulb_default as Lightbulb, Link_default as Link, ListOrdered_default as ListOrdered, Live_default as Live, Loader_default as Loader, LoaderCircle_default as LoaderCircle, Locate_default as Locate, Lock_default as Lock, LogIn_default as LogIn, Mail_default as Mail, MapPin_default as MapPin, Maximize_2_default as Maximize_2, Megaphone_default as Megaphone, Meh_default as Meh, Menu_default as Menu, MessageCircle_default as MessageCircle, MessageSquareMore_default as MessageSquareMore, Mic_default as Mic, Mic_2_default as Mic_2, Minimize_2_default as Minimize_2, Minus_default as Minus, MonitorSmartphone_default as MonitorSmartphone, Moon_default as Moon, MoreHorizontal_default as MoreHorizontal, MoreVertical_default as MoreVertical, Move_default as Move, Newspaper_default as Newspaper, Offside_default as Offside, OpenInNew, Pause_default as Pause, Penalty_default as Penalty, PenaltyGoal_default as PenaltyGoal, PenaltyMiss_default as PenaltyMiss, Phone_default as Phone, PictureInPicture_default as PictureInPicture, Pin_default as Pin, Pitch_default as Pitch, Play_default as Play, PlayCircle_default as PlayCircle, PlayFill_default as PlayFill, PlayerInjured_default as PlayerInjured, PlayerSoccer_default as PlayerSoccer, Plus_default as Plus, PlusCircle_default as PlusCircle, Printer_default as Printer, Puzzle_default as Puzzle, Referee_default as Referee, RefreshCcw_default as RefreshCcw, RefreshCw_default as RefreshCw, Reply_default as Reply, Rocket_default as Rocket, RotateCcw_default as RotateCcw, Scissors_default as Scissors, Score_default as Score, Search_default as Search, Send_default as Send, Settings_default as Settings, Settings_2_default as Settings_2, Share_2_default as Share_2, Shield_default as Shield, ShieldCheck_default as ShieldCheck, Shirt_default as Shirt, ShoppingCart_default as ShoppingCart, Shower_default as Shower, Siren_default as Siren, SkipBack_default as SkipBack, SkipForward_default as SkipForward, Smartphone_default as Smartphone, Smile_default as Smile, SquareArrowRight_default as SquareArrowRight, SquareKanban_default as SquareKanban, Star_default as Star, Sun_default as Sun, Tags_default as Tags, Target_default as Target, ThumbsUp_default as ThumbsUp, Ticket_default as Ticket, Timeline_default as Timeline, Timer_default as Timer, Toilets_default as Toilets, Trash_2_default as Trash_2, Trophy_default as Trophy, Unlink_default as Unlink, Unlock_default as Unlock, Unlocked, Upload_default as Upload, User_default as User, UserCheck_default as UserCheck, UserMinus_default as UserMinus, UserPlus_default as UserPlus, UserShield_default as UserShield, Users_default as Users, Veo_default as Veo, Verified_default as Verified, Video_default as Video, VideoAlert_default as VideoAlert, VideoBack_default as VideoBack, VideoClock_default as VideoClock, VideoCut_default as VideoCut, VideoHeart_default as VideoHeart, VideoLink_default as VideoLink, VideoSettings_default as VideoSettings, VideoStar_default as VideoStar, VideoX_default as VideoX, VolumeUp_default as VolumeUp, VolumeX_default as VolumeX, Webcam_default as Webcam, Whistle_default as Whistle, X_default as X, iconMetadata, iconNames };
2268
+ export { Aed_default as Aed, Airplay_default as Airplay, AlertOctagon_default as AlertOctagon, AlertTriangle_default as AlertTriangle, AlertTriangleDuotone_default as AlertTriangleDuotone, Archive_default as Archive, ArrowDown_default as ArrowDown, ArrowLeft_default as ArrowLeft, ArrowLeftRight_default as ArrowLeftRight, ArrowRight_default as ArrowRight, ArrowUp_default as ArrowUp, Assist_default as Assist, BarChart_3_default as BarChart_3, Bell_default as Bell, BellOff_default as BellOff, Block_default as Block, Box_default as Box, Brush_default as Brush, BulletedList_default as BulletedList, Calendar_default as Calendar, CalendarArrowDown_default as CalendarArrowDown, CalendarClock_default as CalendarClock, CalendarPlus_default as CalendarPlus, CalendarX_default as CalendarX, Camera_default as Camera, Captain_default as Captain, Card_default as Card, CardOutline_default as CardOutline, Cast_default as Cast, ChangingRoom_default as ChangingRoom, Check_default as Check, ChevronDown_default as ChevronDown, ChevronLeft_default as ChevronLeft, ChevronRight_default as ChevronRight, ChevronUp_default as ChevronUp, ChevronsDown_default as ChevronsDown, ChevronsDownUp_default as ChevronsDownUp, ChevronsLeft_default as ChevronsLeft, ChevronsLeftRight_default as ChevronsLeftRight, ChevronsRight_default as ChevronsRight, ChevronsUp_default as ChevronsUp, ChevronsUpDown_default as ChevronsUpDown, CircleGauge_default as CircleGauge, CircleStar_default as CircleStar, Clock_4_default as Clock_4, Coins_default as Coins, Contact_default as Contact, Copy_default as Copy, Corner_default as Corner, Cross_default as Cross, Crown_default as Crown, Dashboard_default as Dashboard, Database_default as Database, DatabaseDuotone_default as DatabaseDuotone, Dices_default as Dices, Disability_default as Disability, Download_default as Download, Edit_default as Edit, Edit_3_default as Edit_3, ExternalLink_default as ExternalLink, Eye_default as Eye, FileImage_default as FileImage, FileSpreadsheet_default as FileSpreadsheet, Film_default as Film, Filter_default as Filter, Flag_default as Flag, Flame_default as Flame, Floorball_default as Floorball, FloorballChance_default as FloorballChance, Folder_default as Folder, FolderCheck_default as FolderCheck, FolderMinus_default as FolderMinus, FolderPlus_default as FolderPlus, Football_default as Football, FootballChance_default as FootballChance, Frown_default as Frown, Futsal_default as Futsal, Gem_default as Gem, GenderFemale_default as GenderFemale, GenderMale_default as GenderMale, GenderMix_default as GenderMix, Globe_default as Globe, Grass_default as Grass, Hand_default as Hand, Hash_default as Hash, Heart_default as Heart, HelpCircle_default as HelpCircle, Home_default as Home, Idea_default as Idea, IdeaDuotone_default as IdeaDuotone, Image_default as Image, ImageOff_default as ImageOff, ImagePlus_default as ImagePlus, Images_default as Images, Info_default as Info, Lightbulb_default as Lightbulb, Link_default as Link, ListOrdered_default as ListOrdered, Live_default as Live, Loader_default as Loader, LoaderCircle_default as LoaderCircle, Locate_default as Locate, Lock_default as Lock, LogIn_default as LogIn, Mail_default as Mail, MapPin_default as MapPin, Maximize_2_default as Maximize_2, Megaphone_default as Megaphone, Meh_default as Meh, Menu_default as Menu, MessageCircle_default as MessageCircle, MessageSquareMore_default as MessageSquareMore, Mic_default as Mic, Mic_2_default as Mic_2, Minimize_2_default as Minimize_2, Minus_default as Minus, MonitorSmartphone_default as MonitorSmartphone, Moon_default as Moon, MoreHorizontal_default as MoreHorizontal, MoreVertical_default as MoreVertical, Move_default as Move, Newspaper_default as Newspaper, Offside_default as Offside, OpenInNew, Pause_default as Pause, Penalty_default as Penalty, PenaltyGoal_default as PenaltyGoal, PenaltyMiss_default as PenaltyMiss, Phone_default as Phone, PictureInPicture_default as PictureInPicture, Pin_default as Pin, Pitch_default as Pitch, Play_default as Play, PlayCircle_default as PlayCircle, PlayFill_default as PlayFill, PlayerInjured_default as PlayerInjured, PlayerSoccer_default as PlayerSoccer, Plus_default as Plus, PlusCircle_default as PlusCircle, Printer_default as Printer, Puzzle_default as Puzzle, Referee_default as Referee, RefreshCcw_default as RefreshCcw, RefreshCw_default as RefreshCw, Reply_default as Reply, Rocket_default as Rocket, RocketDuotone_default as RocketDuotone, RotateCcw_default as RotateCcw, Scissors_default as Scissors, Score_default as Score, Search_default as Search, Send_default as Send, Settings_default as Settings, Settings_2_default as Settings_2, Share_2_default as Share_2, Shield_default as Shield, ShieldCheck_default as ShieldCheck, Shirt_default as Shirt, ShoppingCart_default as ShoppingCart, Shower_default as Shower, Siren_default as Siren, SkipBack_default as SkipBack, SkipForward_default as SkipForward, Smartphone_default as Smartphone, Smile_default as Smile, SquareArrowRight_default as SquareArrowRight, SquareKanban_default as SquareKanban, Star_default as Star, Sun_default as Sun, Tags_default as Tags, Target_default as Target, ThumbsUp_default as ThumbsUp, Ticket_default as Ticket, TicketDuotone_default as TicketDuotone, Timeline_default as Timeline, Timer_default as Timer, Toilets_default as Toilets, Trash_2_default as Trash_2, Trophy_default as Trophy, Unlink_default as Unlink, Unlock_default as Unlock, Unlocked, Upload_default as Upload, User_default as User, UserCheck_default as UserCheck, UserMinus_default as UserMinus, UserPlus_default as UserPlus, UserShield_default as UserShield, UserShieldDuotone_default as UserShieldDuotone, Users_default as Users, Veo_default as Veo, Verified_default as Verified, Video_default as Video, VideoAlert_default as VideoAlert, VideoBack_default as VideoBack, VideoClock_default as VideoClock, VideoCut_default as VideoCut, VideoHeart_default as VideoHeart, VideoLink_default as VideoLink, VideoSettings_default as VideoSettings, VideoStar_default as VideoStar, VideoX_default as VideoX, VolumeUp_default as VolumeUp, VolumeX_default as VolumeX, Webcam_default as Webcam, Whistle_default as Whistle, X_default as X, iconMetadata, iconNames };
package/metadata.json CHANGED
@@ -85,7 +85,10 @@
85
85
  "video-alert"
86
86
  ],
87
87
  "useWhen": "The path is still open; the user only needs to know what it costs.",
88
- "avoidWhen": "The action is actually blocked — use alert-octagon; nothing is at stake — use info."
88
+ "avoidWhen": "The action is actually blocked — use alert-octagon; nothing is at stake — use info.",
89
+ "variants": [
90
+ "duotone"
91
+ ]
89
92
  },
90
93
  {
91
94
  "name": "archive",
@@ -1069,6 +1072,9 @@
1069
1072
  ],
1070
1073
  "related": [
1071
1074
  "file-spreadsheet"
1075
+ ],
1076
+ "variants": [
1077
+ "duotone"
1072
1078
  ]
1073
1079
  },
1074
1080
  {
@@ -1756,6 +1762,9 @@
1756
1762
  "related": [
1757
1763
  "info",
1758
1764
  "lightbulb"
1765
+ ],
1766
+ "variants": [
1767
+ "duotone"
1759
1768
  ]
1760
1769
  },
1761
1770
  {
@@ -2833,6 +2842,9 @@
2833
2842
  ],
2834
2843
  "related": [
2835
2844
  "send"
2845
+ ],
2846
+ "variants": [
2847
+ "duotone"
2836
2848
  ]
2837
2849
  },
2838
2850
  {
@@ -3359,6 +3371,9 @@
3359
3371
  "coins",
3360
3372
  "shopping-cart",
3361
3373
  "tags"
3374
+ ],
3375
+ "variants": [
3376
+ "duotone"
3362
3377
  ]
3363
3378
  },
3364
3379
  {
@@ -3620,6 +3635,9 @@
3620
3635
  "lock",
3621
3636
  "shield-check",
3622
3637
  "user"
3638
+ ],
3639
+ "variants": [
3640
+ "duotone"
3623
3641
  ]
3624
3642
  },
3625
3643
  {
package/package.json CHANGED
@@ -1,11 +1,35 @@
1
1
  {
2
2
  "name": "@sportswik/icons-react",
3
- "version": "1.0.0",
3
+ "version": "1.2.0",
4
4
  "private": false,
5
5
  "description": "Sportswik icon components for React",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.mjs",
8
8
  "types": "dist/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "import": {
12
+ "types": "./dist/index.d.mts",
13
+ "default": "./dist/index.mjs"
14
+ },
15
+ "require": {
16
+ "types": "./dist/index.d.ts",
17
+ "default": "./dist/index.js"
18
+ }
19
+ },
20
+ "./animated": {
21
+ "import": {
22
+ "types": "./dist/animated.d.mts",
23
+ "default": "./dist/animated.mjs"
24
+ },
25
+ "require": {
26
+ "types": "./dist/animated.d.ts",
27
+ "default": "./dist/animated.js"
28
+ }
29
+ },
30
+ "./metadata.json": "./metadata.json",
31
+ "./package.json": "./package.json"
32
+ },
9
33
  "sideEffects": false,
10
34
  "files": [
11
35
  "dist",
@@ -17,29 +41,42 @@
17
41
  "access": "public"
18
42
  },
19
43
  "scripts": {
20
- "build": "tsup src/index.ts --dts --format cjs,esm --treeshake",
44
+ "build": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\" && tsup",
21
45
  "storybook": "storybook dev -p 6006",
22
46
  "build-storybook": "storybook build",
23
47
  "chromatic": "chromatic --exit-zero-on-changes",
24
- "import:sprite": "node ../../tools/import-sprite.mjs"
48
+ "import:sprite": "node ../../tools/import-sprite.mjs",
49
+ "test": "vitest run"
25
50
  },
26
51
  "peerDependencies": {
52
+ "motion": "^13.0.0",
27
53
  "react": ">=16.14.0",
28
54
  "react-dom": ">=16.14.0"
29
55
  },
56
+ "peerDependenciesMeta": {
57
+ "motion": {
58
+ "optional": true
59
+ }
60
+ },
30
61
  "devDependencies": {
62
+ "@resvg/resvg-js": "^2.6.2",
31
63
  "@storybook/addon-essentials": "^8.2.0",
32
64
  "@storybook/react": "^8.2.0",
33
65
  "@storybook/react-vite": "^8.2.0",
66
+ "@testing-library/dom": "^10.4.2",
67
+ "@testing-library/react": "^16.3.3",
34
68
  "@types/react": "^18.3.11",
35
69
  "@types/react-dom": "^18.3.1",
36
70
  "chromatic": "^13.3.4",
71
+ "jsdom": "^25.0.1",
72
+ "motion": "^13.4.6",
37
73
  "react": "^18.2.0",
38
74
  "react-dom": "^18.2.0",
39
75
  "storybook": "^8.2.0",
40
76
  "tsup": "^8.2.4",
41
77
  "typescript": "^5.6.3",
42
- "vite": "^5.4.8"
78
+ "vite": "^5.4.8",
79
+ "vitest": "^3.2.7"
43
80
  },
44
81
  "repository": {
45
82
  "type": "git",