@nice2dev/icons 1.3.16 → 1.3.18

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.
Files changed (55) hide show
  1. package/CHANGELOG.md +47 -0
  2. package/README.md +21 -1
  3. package/dist/cjs/animationControls.js +10 -5
  4. package/dist/cjs/animationSpeed.js +102 -0
  5. package/dist/cjs/createIcon.js +68 -24
  6. package/dist/cjs/iconStyles.js +1171 -1081
  7. package/dist/cjs/icons/actions.js +2 -2
  8. package/dist/cjs/icons/brand.js +4 -747
  9. package/dist/cjs/icons/business.js +59 -23
  10. package/dist/cjs/icons/files.js +54 -54
  11. package/dist/cjs/icons/food.js +75 -557
  12. package/dist/cjs/icons/fun.js +51 -33
  13. package/dist/cjs/icons/index.js +0 -7
  14. package/dist/cjs/icons/navigation.js +26 -7
  15. package/dist/cjs/icons/omniverk.js +17 -244
  16. package/dist/cjs/icons/science.js +63 -170
  17. package/dist/cjs/icons/sports.js +45 -137
  18. package/dist/cjs/index.js +0 -7
  19. package/dist/cjs/reducedMotion.js +30 -0
  20. package/dist/cjs/smilAnimations.js +16 -3
  21. package/dist/cjs/utilities.js +4 -25
  22. package/dist/esm/animationControls.js +10 -5
  23. package/dist/esm/animationSpeed.js +102 -0
  24. package/dist/esm/createIcon.js +69 -25
  25. package/dist/esm/iconStyles.js +1171 -1081
  26. package/dist/esm/icons/actions.js +2 -2
  27. package/dist/esm/icons/brand.js +5 -748
  28. package/dist/esm/icons/business.js +59 -23
  29. package/dist/esm/icons/files.js +54 -54
  30. package/dist/esm/icons/food.js +74 -556
  31. package/dist/esm/icons/fun.js +51 -33
  32. package/dist/esm/icons/index.js +3 -10
  33. package/dist/esm/icons/navigation.js +26 -7
  34. package/dist/esm/icons/omniverk.js +17 -244
  35. package/dist/esm/icons/science.js +63 -170
  36. package/dist/esm/icons/sports.js +45 -137
  37. package/dist/esm/index.js +3 -10
  38. package/dist/esm/nicetodev-icons.css +1 -1
  39. package/dist/esm/reducedMotion.js +30 -0
  40. package/dist/esm/smilAnimations.js +16 -3
  41. package/dist/esm/utilities.js +5 -26
  42. package/dist/types/animationSpeed.d.ts +28 -0
  43. package/dist/types/createIcon.d.ts +6 -0
  44. package/dist/types/iconStyles.d.ts +12 -1
  45. package/dist/types/icons/brand.d.ts +0 -4
  46. package/dist/types/icons/food.d.ts +0 -3
  47. package/dist/types/icons/index.d.ts +3 -3
  48. package/dist/types/icons/omniverk.d.ts +0 -3
  49. package/dist/types/icons/science.d.ts +1 -1
  50. package/dist/types/reducedMotion.d.ts +6 -0
  51. package/dist/types/smilAnimations.d.ts +10 -2
  52. package/dist/types/types.d.ts +26 -0
  53. package/dist/types/utilities.d.ts +2 -2
  54. package/package.json +2 -2
  55. package/dist/cjs/nicetodev-icons.css +0 -1
package/dist/cjs/icons/brand.js CHANGED
@@ -2,7 +2,6 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const createIcon = require("../createIcon.js");
5
- const iconParts = require("../iconParts.js");
6
5
  const NtdNiceToDev = /* @__PURE__ */ createIcon.createIcon({
7
6
  displayName: "NtdNiceToDev",
8
7
  paths: {
@@ -144,6 +143,8 @@ const OV_DIAMOND = "M12 2 L17.5 7 L12 12 L6.5 7Z";
144
143
  const OV_TRIANGLE = "M6 14.5 L18 14.5 L12 22Z";
145
144
  const NtdOmniVerk = /* @__PURE__ */ createIcon.createIcon({
146
145
  displayName: "NtdOmniVerk",
146
+ // its entrance plays in SVG animation elements: their times follow animationSpeed (1.3.17)
147
+ animated: true,
147
148
  paths: {
148
149
  solid: ({ primaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
149
150
  /* @__PURE__ */ jsxRuntime.jsxs("path", { d: OV_DIAMOND, fill: primaryColor, children: [
@@ -328,750 +329,10 @@ const NtdOmniVerk = /* @__PURE__ */ createIcon.createIcon({
328
329
  ] })
329
330
  }
330
331
  });
331
- const OVL_DIAMOND = "M12 1 L18 7 L12 13 L6 7Z";
332
- const OVL_TRIANGLE = "M5.5 14.5 L18.5 14.5 L12 23Z";
333
- const OVL_OMNI = (
334
- // O
335
- "M28 7 L32 7 L32 18 L28 18Z M34 11 L34 18 M34 11 L37 11 L37 18 M37 11 L40 11 L40 18 M42 11 L42 18 M42 11 L46 11 L46 18 M48 11 L48 18 M48 8.5 L48 9.5"
336
- );
337
- const OVL_VERK = (
338
- // V
339
- "M52 7 L54.5 18 L57 7 M59 14.5 L63 14.5 L63 11 L59 11 L59 18 L63 18 M65 18 L65 11 L68 11 M70 7 L70 18 M70 13 L73.5 11 M70 14 L73.5 18"
340
- );
341
- const NtdOmniVerkLogo = /* @__PURE__ */ createIcon.createIcon({
342
- displayName: "NtdOmniVerkLogo",
343
- viewBox: "0 0 76 24",
344
- paths: {
345
- solid: ({ primaryColor, accentColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
346
- /* @__PURE__ */ jsxRuntime.jsxs("path", { d: OVL_DIAMOND, fill: primaryColor, children: [
347
- /* @__PURE__ */ jsxRuntime.jsx(
348
- "animateTransform",
349
- {
350
- attributeName: "transform",
351
- type: "translate",
352
- from: "0 -26",
353
- to: "0 0",
354
- dur: "0.45s",
355
- fill: "freeze",
356
- calcMode: "spline",
357
- keySplines: "0.34 1 0.64 1"
358
- }
359
- ),
360
- /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.3s", fill: "freeze" })
361
- ] }),
362
- /* @__PURE__ */ jsxRuntime.jsxs("path", { d: OVL_TRIANGLE, fill: primaryColor, opacity: "0.85", children: [
363
- /* @__PURE__ */ jsxRuntime.jsx(
364
- "animateTransform",
365
- {
366
- attributeName: "transform",
367
- type: "translate",
368
- from: "0 26",
369
- to: "0 0",
370
- dur: "0.45s",
371
- begin: "0.12s",
372
- fill: "freeze",
373
- calcMode: "spline",
374
- keySplines: "0.34 1 0.64 1"
375
- }
376
- ),
377
- /* @__PURE__ */ jsxRuntime.jsx(
378
- "animate",
379
- {
380
- attributeName: "opacity",
381
- from: "0",
382
- to: "0.85",
383
- dur: "0.3s",
384
- begin: "0.12s",
385
- fill: "freeze"
386
- }
387
- )
388
- ] }),
389
- /* @__PURE__ */ jsxRuntime.jsxs(
390
- "path",
391
- {
392
- d: OVL_OMNI,
393
- stroke: primaryColor,
394
- strokeWidth: "2",
395
- fill: "none",
396
- strokeLinecap: "square",
397
- strokeLinejoin: "miter",
398
- children: [
399
- /* @__PURE__ */ jsxRuntime.jsx(
400
- "animate",
401
- {
402
- attributeName: "stroke-dasharray",
403
- from: "0 300",
404
- to: "300 0",
405
- dur: "0.7s",
406
- begin: "0.3s",
407
- fill: "freeze"
408
- }
409
- ),
410
- /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.1s", begin: "0.3s", fill: "freeze" })
411
- ]
412
- }
413
- ),
414
- /* @__PURE__ */ jsxRuntime.jsxs(
415
- "path",
416
- {
417
- d: OVL_VERK,
418
- stroke: accentColor ?? primaryColor,
419
- strokeWidth: "1.3",
420
- fill: "none",
421
- strokeLinecap: "square",
422
- strokeLinejoin: "miter",
423
- opacity: "0.8",
424
- children: [
425
- /* @__PURE__ */ jsxRuntime.jsx(
426
- "animate",
427
- {
428
- attributeName: "stroke-dasharray",
429
- from: "0 250",
430
- to: "250 0",
431
- dur: "0.6s",
432
- begin: "0.55s",
433
- fill: "freeze"
434
- }
435
- ),
436
- /* @__PURE__ */ jsxRuntime.jsx(
437
- "animate",
438
- {
439
- attributeName: "opacity",
440
- from: "0",
441
- to: "0.8",
442
- dur: "0.1s",
443
- begin: "0.55s",
444
- fill: "freeze"
445
- }
446
- )
447
- ]
448
- }
449
- )
450
- ] }),
451
- outline: ({ primaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
452
- /* @__PURE__ */ jsxRuntime.jsx(
453
- "path",
454
- {
455
- d: OVL_DIAMOND,
456
- stroke: primaryColor,
457
- strokeWidth: "1.5",
458
- fill: "none",
459
- strokeLinejoin: "miter",
460
- children: /* @__PURE__ */ jsxRuntime.jsx(
461
- "animate",
462
- {
463
- attributeName: "stroke-dasharray",
464
- from: "0 60",
465
- to: "60 0",
466
- dur: "0.6s",
467
- fill: "freeze"
468
- }
469
- )
470
- }
471
- ),
472
- /* @__PURE__ */ jsxRuntime.jsx(
473
- "path",
474
- {
475
- d: OVL_TRIANGLE,
476
- stroke: primaryColor,
477
- strokeWidth: "1.5",
478
- fill: "none",
479
- strokeLinejoin: "miter",
480
- children: /* @__PURE__ */ jsxRuntime.jsx(
481
- "animate",
482
- {
483
- attributeName: "stroke-dasharray",
484
- from: "0 50",
485
- to: "50 0",
486
- dur: "0.5s",
487
- begin: "0.2s",
488
- fill: "freeze"
489
- }
490
- )
491
- }
492
- ),
493
- /* @__PURE__ */ jsxRuntime.jsxs(
494
- "path",
495
- {
496
- d: OVL_OMNI,
497
- stroke: primaryColor,
498
- strokeWidth: "1.8",
499
- fill: "none",
500
- strokeLinecap: "square",
501
- strokeLinejoin: "miter",
502
- children: [
503
- /* @__PURE__ */ jsxRuntime.jsx(
504
- "animate",
505
- {
506
- attributeName: "stroke-dasharray",
507
- from: "0 300",
508
- to: "300 0",
509
- dur: "0.7s",
510
- begin: "0.4s",
511
- fill: "freeze"
512
- }
513
- ),
514
- /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.1s", begin: "0.4s", fill: "freeze" })
515
- ]
516
- }
517
- ),
518
- /* @__PURE__ */ jsxRuntime.jsxs(
519
- "path",
520
- {
521
- d: OVL_VERK,
522
- stroke: primaryColor,
523
- strokeWidth: "1.2",
524
- fill: "none",
525
- strokeLinecap: "square",
526
- strokeLinejoin: "miter",
527
- opacity: "0.7",
528
- children: [
529
- /* @__PURE__ */ jsxRuntime.jsx(
530
- "animate",
531
- {
532
- attributeName: "stroke-dasharray",
533
- from: "0 250",
534
- to: "250 0",
535
- dur: "0.6s",
536
- begin: "0.6s",
537
- fill: "freeze"
538
- }
539
- ),
540
- /* @__PURE__ */ jsxRuntime.jsx(
541
- "animate",
542
- {
543
- attributeName: "opacity",
544
- from: "0",
545
- to: "0.7",
546
- dur: "0.1s",
547
- begin: "0.6s",
548
- fill: "freeze"
549
- }
550
- )
551
- ]
552
- }
553
- )
554
- ] }),
555
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
556
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OVL_DIAMOND, fill: secondaryColor, opacity: secondaryOpacity }),
557
- /* @__PURE__ */ jsxRuntime.jsx(
558
- "path",
559
- {
560
- d: OVL_DIAMOND,
561
- stroke: primaryColor,
562
- strokeWidth: "1.5",
563
- fill: "none",
564
- strokeLinejoin: "miter"
565
- }
566
- ),
567
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OVL_TRIANGLE, fill: secondaryColor, opacity: secondaryOpacity }),
568
- /* @__PURE__ */ jsxRuntime.jsx(
569
- "path",
570
- {
571
- d: OVL_TRIANGLE,
572
- stroke: primaryColor,
573
- strokeWidth: "1.5",
574
- fill: "none",
575
- strokeLinejoin: "miter"
576
- }
577
- ),
578
- /* @__PURE__ */ jsxRuntime.jsxs(
579
- "path",
580
- {
581
- d: OVL_OMNI,
582
- stroke: primaryColor,
583
- strokeWidth: "2",
584
- fill: "none",
585
- strokeLinecap: "square",
586
- strokeLinejoin: "miter",
587
- children: [
588
- /* @__PURE__ */ jsxRuntime.jsx(
589
- "animate",
590
- {
591
- attributeName: "stroke-dasharray",
592
- from: "0 300",
593
- to: "300 0",
594
- dur: "0.8s",
595
- begin: "0.1s",
596
- fill: "freeze"
597
- }
598
- ),
599
- /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.1s", begin: "0.1s", fill: "freeze" })
600
- ]
601
- }
602
- ),
603
- /* @__PURE__ */ jsxRuntime.jsxs(
604
- "path",
605
- {
606
- d: OVL_VERK,
607
- stroke: primaryColor,
608
- strokeWidth: "1.3",
609
- fill: "none",
610
- strokeLinecap: "square",
611
- strokeLinejoin: "miter",
612
- opacity: "0.7",
613
- children: [
614
- /* @__PURE__ */ jsxRuntime.jsx(
615
- "animate",
616
- {
617
- attributeName: "stroke-dasharray",
618
- from: "0 250",
619
- to: "250 0",
620
- dur: "0.6s",
621
- begin: "0.4s",
622
- fill: "freeze"
623
- }
624
- ),
625
- /* @__PURE__ */ jsxRuntime.jsx(
626
- "animate",
627
- {
628
- attributeName: "opacity",
629
- from: "0",
630
- to: "0.7",
631
- dur: "0.1s",
632
- begin: "0.4s",
633
- fill: "freeze"
634
- }
635
- )
636
- ]
637
- }
638
- )
639
- ] }),
640
- vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
641
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OVL_DIAMOND, fill: primaryColor, children: /* @__PURE__ */ jsxRuntime.jsx(
642
- "animateTransform",
643
- {
644
- attributeName: "transform",
645
- type: "translate",
646
- from: "0 -26",
647
- to: "0 0",
648
- dur: "0.45s",
649
- fill: "freeze",
650
- calcMode: "spline",
651
- keySplines: "0.34 1 0.64 1"
652
- }
653
- ) }),
654
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OVL_TRIANGLE, fill: secondaryColor, opacity: "0.85", children: /* @__PURE__ */ jsxRuntime.jsx(
655
- "animateTransform",
656
- {
657
- attributeName: "transform",
658
- type: "translate",
659
- from: "0 26",
660
- to: "0 0",
661
- dur: "0.45s",
662
- begin: "0.12s",
663
- fill: "freeze",
664
- calcMode: "spline",
665
- keySplines: "0.34 1 0.64 1"
666
- }
667
- ) }),
668
- /* @__PURE__ */ jsxRuntime.jsx(
669
- "path",
670
- {
671
- d: OVL_OMNI,
672
- stroke: primaryColor,
673
- strokeWidth: "2",
674
- fill: "none",
675
- strokeLinecap: "square",
676
- strokeLinejoin: "miter",
677
- children: /* @__PURE__ */ jsxRuntime.jsx(
678
- "animate",
679
- {
680
- attributeName: "stroke-dasharray",
681
- from: "0 300",
682
- to: "300 0",
683
- dur: "0.7s",
684
- begin: "0.3s",
685
- fill: "freeze"
686
- }
687
- )
688
- }
689
- ),
690
- /* @__PURE__ */ jsxRuntime.jsx(
691
- "path",
692
- {
693
- d: OVL_VERK,
694
- stroke: secondaryColor,
695
- strokeWidth: "1.3",
696
- fill: "none",
697
- strokeLinecap: "square",
698
- strokeLinejoin: "miter",
699
- opacity: "0.75",
700
- children: /* @__PURE__ */ jsxRuntime.jsx(
701
- "animate",
702
- {
703
- attributeName: "stroke-dasharray",
704
- from: "0 250",
705
- to: "250 0",
706
- dur: "0.6s",
707
- begin: "0.55s",
708
- fill: "freeze"
709
- }
710
- )
711
- }
712
- )
713
- ] })
714
- }
715
- });
716
- const NtdOmniVerkSpinner = /* @__PURE__ */ createIcon.createIcon({
717
- displayName: "NtdOmniVerkSpinner",
718
- paths: {
719
- solid: ({ primaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
720
- /* @__PURE__ */ jsxRuntime.jsx("g", { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: OV_DIAMOND, fill: primaryColor, children: /* @__PURE__ */ jsxRuntime.jsx(
721
- "animateTransform",
722
- {
723
- attributeName: "transform",
724
- type: "rotate",
725
- from: "0 12 7",
726
- to: "360 12 7",
727
- dur: "1.8s",
728
- repeatCount: "indefinite"
729
- }
730
- ) }) }),
731
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OV_TRIANGLE, fill: primaryColor, children: /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "opacity", values: "1;0.3;1", dur: "1.8s", repeatCount: "indefinite" }) })
732
- ] }),
733
- outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
734
- /* @__PURE__ */ jsxRuntime.jsx("g", { children: /* @__PURE__ */ jsxRuntime.jsxs(
735
- "path",
736
- {
737
- d: OV_DIAMOND,
738
- stroke: primaryColor,
739
- strokeWidth,
740
- fill: "none",
741
- strokeLinejoin: "miter",
742
- children: [
743
- /* @__PURE__ */ jsxRuntime.jsx(
744
- "animateTransform",
745
- {
746
- attributeName: "transform",
747
- type: "rotate",
748
- from: "0 12 7",
749
- to: "360 12 7",
750
- dur: "1.8s",
751
- repeatCount: "indefinite"
752
- }
753
- ),
754
- /* @__PURE__ */ jsxRuntime.jsx(
755
- "animate",
756
- {
757
- attributeName: "stroke-dasharray",
758
- values: "0 40;20 20;40 0;20 20;0 40",
759
- dur: "1.8s",
760
- repeatCount: "indefinite"
761
- }
762
- )
763
- ]
764
- }
765
- ) }),
766
- /* @__PURE__ */ jsxRuntime.jsx(
767
- "path",
768
- {
769
- d: OV_TRIANGLE,
770
- stroke: primaryColor,
771
- strokeWidth,
772
- fill: "none",
773
- strokeLinejoin: "miter",
774
- children: /* @__PURE__ */ jsxRuntime.jsx(
775
- "animate",
776
- {
777
- attributeName: "stroke-dasharray",
778
- values: "0 50;25 25;50 0;25 25;0 50",
779
- dur: "2.4s",
780
- repeatCount: "indefinite"
781
- }
782
- )
783
- }
784
- )
785
- ] }),
786
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
787
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OV_DIAMOND, fill: secondaryColor, opacity: secondaryOpacity, children: /* @__PURE__ */ jsxRuntime.jsx(
788
- "animateTransform",
789
- {
790
- attributeName: "transform",
791
- type: "rotate",
792
- from: "0 12 7",
793
- to: "360 12 7",
794
- dur: "1.8s",
795
- repeatCount: "indefinite"
796
- }
797
- ) }),
798
- /* @__PURE__ */ jsxRuntime.jsx(
799
- "path",
800
- {
801
- d: OV_DIAMOND,
802
- stroke: primaryColor,
803
- strokeWidth: "1.5",
804
- fill: "none",
805
- strokeLinejoin: "miter",
806
- children: /* @__PURE__ */ jsxRuntime.jsx(
807
- "animateTransform",
808
- {
809
- attributeName: "transform",
810
- type: "rotate",
811
- from: "0 12 7",
812
- to: "360 12 7",
813
- dur: "1.8s",
814
- repeatCount: "indefinite"
815
- }
816
- )
817
- }
818
- ),
819
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OV_TRIANGLE, fill: secondaryColor, opacity: secondaryOpacity, children: /* @__PURE__ */ jsxRuntime.jsx(
820
- "animate",
821
- {
822
- attributeName: "opacity",
823
- values: `${secondaryOpacity};0.1;${secondaryOpacity}`,
824
- dur: "1.8s",
825
- repeatCount: "indefinite"
826
- }
827
- ) }),
828
- /* @__PURE__ */ jsxRuntime.jsx(
829
- "path",
830
- {
831
- d: OV_TRIANGLE,
832
- stroke: primaryColor,
833
- strokeWidth: "1.5",
834
- fill: "none",
835
- strokeLinejoin: "miter"
836
- }
837
- )
838
- ] }),
839
- vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
840
- /* @__PURE__ */ jsxRuntime.jsx("g", { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: OV_DIAMOND, fill: primaryColor, children: /* @__PURE__ */ jsxRuntime.jsx(
841
- "animateTransform",
842
- {
843
- attributeName: "transform",
844
- type: "rotate",
845
- from: "0 12 7",
846
- to: "360 12 7",
847
- dur: "1.8s",
848
- repeatCount: "indefinite"
849
- }
850
- ) }) }),
851
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OV_TRIANGLE, fill: secondaryColor, children: /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "opacity", values: "1;0.4;1", dur: "1.8s", repeatCount: "indefinite" }) })
852
- ] })
853
- }
854
- });
855
- const OVB_DIAMOND = "M12 4 L16 8 L12 12 L8 8Z";
856
- const OVB_TRIANGLE = "M8 13.5 L16 13.5 L12 19.5Z";
857
- const NtdOmniVerkBadge = /* @__PURE__ */ createIcon.createIcon({
858
- displayName: "NtdOmniVerkBadge",
859
- paths: {
860
- solid: ({ primaryColor, accentColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
861
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "11", fill: primaryColor, children: /* @__PURE__ */ jsxRuntime.jsx(
862
- "animateTransform",
863
- {
864
- attributeName: "transform",
865
- type: "scale",
866
- from: "0",
867
- to: "1",
868
- dur: "0.3s",
869
- fill: "freeze",
870
- calcMode: "spline",
871
- keySplines: "0.22 1 0.36 1",
872
- additive: "sum"
873
- }
874
- ) }),
875
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OVB_DIAMOND, fill: accentColor ?? "#fff", children: /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.2s", begin: "0.2s", fill: "freeze" }) }),
876
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OVB_TRIANGLE, fill: accentColor ?? "#fff", children: /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.2s", begin: "0.3s", fill: "freeze" }) })
877
- ] }),
878
- outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
879
- /* @__PURE__ */ jsxRuntime.jsx(
880
- "circle",
881
- {
882
- cx: "12",
883
- cy: "12",
884
- r: "10.5",
885
- stroke: primaryColor,
886
- strokeWidth,
887
- fill: "none",
888
- children: /* @__PURE__ */ jsxRuntime.jsx(
889
- "animate",
890
- {
891
- attributeName: "stroke-dasharray",
892
- from: "0 80",
893
- to: "80 0",
894
- dur: "0.5s",
895
- fill: "freeze"
896
- }
897
- )
898
- }
899
- ),
900
- /* @__PURE__ */ jsxRuntime.jsx(
901
- "path",
902
- {
903
- d: OVB_DIAMOND,
904
- stroke: primaryColor,
905
- strokeWidth,
906
- fill: "none",
907
- strokeLinejoin: "miter",
908
- children: /* @__PURE__ */ jsxRuntime.jsx(
909
- "animate",
910
- {
911
- attributeName: "stroke-dasharray",
912
- from: "0 40",
913
- to: "40 0",
914
- dur: "0.4s",
915
- begin: "0.3s",
916
- fill: "freeze"
917
- }
918
- )
919
- }
920
- ),
921
- /* @__PURE__ */ jsxRuntime.jsx(
922
- "path",
923
- {
924
- d: OVB_TRIANGLE,
925
- stroke: primaryColor,
926
- strokeWidth,
927
- fill: "none",
928
- strokeLinejoin: "miter",
929
- children: /* @__PURE__ */ jsxRuntime.jsx(
930
- "animate",
931
- {
932
- attributeName: "stroke-dasharray",
933
- from: "0 30",
934
- to: "30 0",
935
- dur: "0.4s",
936
- begin: "0.5s",
937
- fill: "freeze"
938
- }
939
- )
940
- }
941
- )
942
- ] }),
943
- duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
944
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "11", fill: secondaryColor, opacity: secondaryOpacity }),
945
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "11", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }),
946
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OVB_DIAMOND, fill: primaryColor }),
947
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OVB_TRIANGLE, fill: primaryColor })
948
- ] })),
949
- vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
950
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "11", fill: primaryColor }),
951
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "11", fill: "white", opacity: "0.08" }),
952
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OVB_DIAMOND, fill: "white" }),
953
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OVB_TRIANGLE, fill: secondaryColor })
954
- ] })
955
- }
956
- });
957
- const NtdOmniVerkWatermark = /* @__PURE__ */ createIcon.createIcon({
958
- displayName: "NtdOmniVerkWatermark",
959
- paths: {
960
- solid: ({ primaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
961
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OV_DIAMOND, fill: primaryColor, opacity: "0.08", children: /* @__PURE__ */ jsxRuntime.jsx(
962
- "animate",
963
- {
964
- attributeName: "opacity",
965
- values: "0.08;0.14;0.08",
966
- dur: "4s",
967
- repeatCount: "indefinite"
968
- }
969
- ) }),
970
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OV_TRIANGLE, fill: primaryColor, opacity: "0.06", children: /* @__PURE__ */ jsxRuntime.jsx(
971
- "animate",
972
- {
973
- attributeName: "opacity",
974
- values: "0.06;0.11;0.06",
975
- dur: "4s",
976
- begin: "0.5s",
977
- repeatCount: "indefinite"
978
- }
979
- ) })
980
- ] }),
981
- outline: ({ primaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
982
- /* @__PURE__ */ jsxRuntime.jsx(
983
- "path",
984
- {
985
- d: OV_DIAMOND,
986
- stroke: primaryColor,
987
- strokeWidth: "0.5",
988
- fill: "none",
989
- opacity: "0.1",
990
- strokeLinejoin: "miter",
991
- children: /* @__PURE__ */ jsxRuntime.jsx(
992
- "animate",
993
- {
994
- attributeName: "opacity",
995
- values: "0.1;0.18;0.1",
996
- dur: "4s",
997
- repeatCount: "indefinite"
998
- }
999
- )
1000
- }
1001
- ),
1002
- /* @__PURE__ */ jsxRuntime.jsx(
1003
- "path",
1004
- {
1005
- d: OV_TRIANGLE,
1006
- stroke: primaryColor,
1007
- strokeWidth: "0.5",
1008
- fill: "none",
1009
- opacity: "0.08",
1010
- strokeLinejoin: "miter",
1011
- children: /* @__PURE__ */ jsxRuntime.jsx(
1012
- "animate",
1013
- {
1014
- attributeName: "opacity",
1015
- values: "0.08;0.15;0.08",
1016
- dur: "4s",
1017
- begin: "0.5s",
1018
- repeatCount: "indefinite"
1019
- }
1020
- )
1021
- }
1022
- )
1023
- ] }),
1024
- duotone: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1025
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OV_DIAMOND, fill: secondaryColor, opacity: "0.06" }),
1026
- /* @__PURE__ */ jsxRuntime.jsx(
1027
- "path",
1028
- {
1029
- d: OV_DIAMOND,
1030
- stroke: primaryColor,
1031
- strokeWidth: "0.5",
1032
- fill: "none",
1033
- opacity: "0.08",
1034
- strokeLinejoin: "miter"
1035
- }
1036
- ),
1037
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OV_TRIANGLE, fill: secondaryColor, opacity: "0.05" }),
1038
- /* @__PURE__ */ jsxRuntime.jsx(
1039
- "path",
1040
- {
1041
- d: OV_TRIANGLE,
1042
- stroke: primaryColor,
1043
- strokeWidth: "0.5",
1044
- fill: "none",
1045
- opacity: "0.06",
1046
- strokeLinejoin: "miter"
1047
- }
1048
- )
1049
- ] }),
1050
- vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1051
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OV_DIAMOND, fill: primaryColor, opacity: "0.1", children: /* @__PURE__ */ jsxRuntime.jsx(
1052
- "animate",
1053
- {
1054
- attributeName: "opacity",
1055
- values: "0.1;0.16;0.1",
1056
- dur: "4s",
1057
- repeatCount: "indefinite"
1058
- }
1059
- ) }),
1060
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: OV_TRIANGLE, fill: secondaryColor, opacity: "0.07", children: /* @__PURE__ */ jsxRuntime.jsx(
1061
- "animate",
1062
- {
1063
- attributeName: "opacity",
1064
- values: "0.07;0.13;0.07",
1065
- dur: "4s",
1066
- begin: "0.5s",
1067
- repeatCount: "indefinite"
1068
- }
1069
- ) })
1070
- ] })
1071
- }
1072
- });
1073
332
  const NtdOmniVerkAnimated = /* @__PURE__ */ createIcon.createIcon({
1074
333
  displayName: "NtdOmniVerkAnimated",
334
+ // its entrance plays in SVG animation elements: their times follow animationSpeed (1.3.17)
335
+ animated: true,
1075
336
  paths: {
1076
337
  solid: ({ primaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1077
338
  /* @__PURE__ */ jsxRuntime.jsx("g", { children: /* @__PURE__ */ jsxRuntime.jsxs("path", { d: OV_DIAMOND, fill: primaryColor, children: [
@@ -1359,7 +620,3 @@ const NtdOmniVerkAnimated = /* @__PURE__ */ createIcon.createIcon({
1359
620
  exports.NtdNiceToDev = NtdNiceToDev;
1360
621
  exports.NtdOmniVerk = NtdOmniVerk;
1361
622
  exports.NtdOmniVerkAnimated = NtdOmniVerkAnimated;
1362
- exports.NtdOmniVerkBadge = NtdOmniVerkBadge;
1363
- exports.NtdOmniVerkLogo = NtdOmniVerkLogo;
1364
- exports.NtdOmniVerkSpinner = NtdOmniVerkSpinner;
1365
- exports.NtdOmniVerkWatermark = NtdOmniVerkWatermark;