@wix/design-system-illustrations 2.36.1 → 2.37.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.
Files changed (128) hide show
  1. package/dist/cjs/Aspect3DSpinScroll.js +1 -1
  2. package/dist/cjs/BounceEntrance.js +1 -1
  3. package/dist/cjs/ButtonStyleFilledSharp.js +52 -0
  4. package/dist/cjs/ButtonStyleOutlinedSharp.js +51 -0
  5. package/dist/cjs/CloudsDivider.js +2 -2
  6. package/dist/cjs/ColorClick.js +3 -2
  7. package/dist/cjs/ColorHover.js +1 -0
  8. package/dist/cjs/DartScroll.js +3 -3
  9. package/dist/cjs/FadeBackSection.js +3 -3
  10. package/dist/cjs/FitToScreen2Rows.js +53 -0
  11. package/dist/cjs/FitToScreen3Rows.js +53 -0
  12. package/dist/cjs/FitToScreenBottom.js +53 -0
  13. package/dist/cjs/FitToScreenCenter.js +53 -0
  14. package/dist/cjs/FitToScreenTop.js +53 -0
  15. package/dist/cjs/Folder.js +53 -0
  16. package/dist/cjs/FolderDisabled.js +53 -0
  17. package/dist/cjs/FolderOutline.js +54 -0
  18. package/dist/cjs/LiquidDivider.js +1 -1
  19. package/dist/cjs/MembersAreaMediumSize.js +2 -2
  20. package/dist/cjs/MembersAreaSmallSize.js +1 -1
  21. package/dist/cjs/ObscureMouse.js +2 -2
  22. package/dist/cjs/PaintDivider.js +3 -3
  23. package/dist/cjs/ParallaxScroll.js +1 -1
  24. package/dist/cjs/ResizeMouse.js +1 -1
  25. package/dist/cjs/ShrinkScroll.js +1 -1
  26. package/dist/cjs/SlantScroll.js +60 -0
  27. package/dist/cjs/StoreAsDots.js +2 -2
  28. package/dist/cjs/StoreDropdown.js +1 -1
  29. package/dist/cjs/StoreRight.js +2 -2
  30. package/dist/cjs/TiltScroll.js +1 -1
  31. package/dist/cjs/Trash.js +55 -0
  32. package/dist/cjs/TwistHover.js +1 -1
  33. package/dist/cjs/index.js +36 -0
  34. package/dist/esm/Aspect3DSpinScroll.js +1 -1
  35. package/dist/esm/BounceEntrance.js +1 -1
  36. package/dist/esm/ButtonStyleFilledSharp.js +18 -0
  37. package/dist/esm/ButtonStyleOutlinedSharp.js +17 -0
  38. package/dist/esm/CloudsDivider.js +2 -2
  39. package/dist/esm/ColorClick.js +3 -2
  40. package/dist/esm/ColorHover.js +1 -0
  41. package/dist/esm/DartScroll.js +3 -3
  42. package/dist/esm/FadeBackSection.js +3 -3
  43. package/dist/esm/FitToScreen2Rows.js +19 -0
  44. package/dist/esm/FitToScreen3Rows.js +19 -0
  45. package/dist/esm/FitToScreenBottom.js +19 -0
  46. package/dist/esm/FitToScreenCenter.js +19 -0
  47. package/dist/esm/FitToScreenTop.js +19 -0
  48. package/dist/esm/Folder.js +19 -0
  49. package/dist/esm/FolderDisabled.js +19 -0
  50. package/dist/esm/FolderOutline.js +20 -0
  51. package/dist/esm/LiquidDivider.js +1 -1
  52. package/dist/esm/MembersAreaMediumSize.js +2 -2
  53. package/dist/esm/MembersAreaSmallSize.js +1 -1
  54. package/dist/esm/ObscureMouse.js +2 -2
  55. package/dist/esm/PaintDivider.js +3 -3
  56. package/dist/esm/ParallaxScroll.js +1 -1
  57. package/dist/esm/ResizeMouse.js +1 -1
  58. package/dist/esm/ShrinkScroll.js +1 -1
  59. package/dist/esm/SlantScroll.js +26 -0
  60. package/dist/esm/StoreAsDots.js +2 -2
  61. package/dist/esm/StoreDropdown.js +1 -1
  62. package/dist/esm/StoreRight.js +2 -2
  63. package/dist/esm/TiltScroll.js +1 -1
  64. package/dist/esm/Trash.js +21 -0
  65. package/dist/esm/TwistHover.js +1 -1
  66. package/dist/esm/index.js +24 -0
  67. package/dist/types/ButtonStyleFilledSharp.d.ts +5 -0
  68. package/dist/types/ButtonStyleOutlinedSharp.d.ts +5 -0
  69. package/dist/types/FitToScreen2Rows.d.ts +5 -0
  70. package/dist/types/FitToScreen3Rows.d.ts +5 -0
  71. package/dist/types/FitToScreenBottom.d.ts +5 -0
  72. package/dist/types/FitToScreenCenter.d.ts +5 -0
  73. package/dist/types/FitToScreenTop.d.ts +5 -0
  74. package/dist/types/Folder.d.ts +5 -0
  75. package/dist/types/FolderDisabled.d.ts +5 -0
  76. package/dist/types/FolderOutline.d.ts +5 -0
  77. package/dist/types/SlantScroll.d.ts +5 -0
  78. package/dist/types/Trash.d.ts +5 -0
  79. package/dist/types/index.d.ts +12 -0
  80. package/package.json +3 -3
  81. package/src/Aspect3DSection.svg +1 -1
  82. package/src/Aspect3DSpinScroll.svg +1 -1
  83. package/src/BounceEntrance.svg +1 -1
  84. package/src/BreathLoop.svg +1 -1
  85. package/src/ButtonStyleFilledSharp.svg +23 -0
  86. package/src/ButtonStyleOutlinedSharp.svg +3 -0
  87. package/src/CloudsDivider.svg +13 -13
  88. package/src/ColorClick.svg +3 -3
  89. package/src/ColorHover.svg +2 -2
  90. package/src/DartScroll.svg +1 -1
  91. package/src/DonutChart.svg +1 -1
  92. package/src/EventInfo.svg +2 -2
  93. package/src/ExpandClick.svg +1 -1
  94. package/src/ExpandScroll.svg +1 -1
  95. package/src/FadeBackSection.svg +10 -10
  96. package/src/FitToScreen2Rows.svg +76 -0
  97. package/src/FitToScreen3Rows.svg +204 -0
  98. package/src/FitToScreenBottom.svg +74 -0
  99. package/src/FitToScreenCenter.svg +74 -0
  100. package/src/FitToScreenTop.svg +74 -0
  101. package/src/Folder.svg +29 -0
  102. package/src/FolderDisabled.svg +29 -0
  103. package/src/FolderOutline.svg +19 -0
  104. package/src/JelloLoop.svg +1 -1
  105. package/src/LiquidDivider.svg +1 -1
  106. package/src/MembersAreaMediumSize.svg +2 -2
  107. package/src/MembersAreaSmallSize.svg +1 -1
  108. package/src/MoveClick.svg +1 -1
  109. package/src/ObscureMouse.svg +2 -2
  110. package/src/OnlineStoresLines.svg +1 -1
  111. package/src/PaintDivider.svg +10 -10
  112. package/src/ParallaxScroll.svg +1 -1
  113. package/src/PieChart.svg +1 -1
  114. package/src/PulseLoop.svg +1 -1
  115. package/src/ResizeMouse.svg +1 -1
  116. package/src/ScrollEffectsFadeOut.svg +1 -1
  117. package/src/ShrinkClick.svg +1 -1
  118. package/src/ShrinkScroll.svg +1 -1
  119. package/src/SkewHover.svg +1 -1
  120. package/src/SlantScroll.svg +68 -0
  121. package/src/StoreAsDots.svg +5 -5
  122. package/src/StoreDropdown.svg +1 -1
  123. package/src/StoreRight.svg +5 -5
  124. package/src/Swap.svg +1 -1
  125. package/src/TiltScroll.svg +1 -1
  126. package/src/Trash.svg +51 -0
  127. package/src/TwistHover.svg +1 -1
  128. package/src/WinkEntrance.svg +1 -1
package/dist/cjs/index.js CHANGED
@@ -119,7 +119,9 @@ __export(index_exports, {
119
119
  BreathLoop: () => import_BreathLoop.BreathLoop,
120
120
  BrushDivider: () => import_BrushDivider.BrushDivider,
121
121
  ButtonStyleFilled: () => import_ButtonStyleFilled.ButtonStyleFilled,
122
+ ButtonStyleFilledSharp: () => import_ButtonStyleFilledSharp.ButtonStyleFilledSharp,
122
123
  ButtonStyleOutlined: () => import_ButtonStyleOutlined.ButtonStyleOutlined,
124
+ ButtonStyleOutlinedSharp: () => import_ButtonStyleOutlinedSharp.ButtonStyleOutlinedSharp,
123
125
  ButtonStylePillFilled: () => import_ButtonStylePillFilled.ButtonStylePillFilled,
124
126
  ButtonStylePillOutlined: () => import_ButtonStylePillOutlined.ButtonStylePillOutlined,
125
127
  ChooseTheLayoutGrid: () => import_ChooseTheLayoutGrid.ChooseTheLayoutGrid,
@@ -188,6 +190,11 @@ __export(index_exports, {
188
190
  FileShareLine: () => import_FileShareLine.FileShareLine,
189
191
  FillParallaxScroll: () => import_FillParallaxScroll.FillParallaxScroll,
190
192
  FillReveal: () => import_FillReveal.FillReveal,
193
+ FitToScreen2Rows: () => import_FitToScreen2Rows.FitToScreen2Rows,
194
+ FitToScreen3Rows: () => import_FitToScreen3Rows.FitToScreen3Rows,
195
+ FitToScreenBottom: () => import_FitToScreenBottom.FitToScreenBottom,
196
+ FitToScreenCenter: () => import_FitToScreenCenter.FitToScreenCenter,
197
+ FitToScreenTop: () => import_FitToScreenTop.FitToScreenTop,
191
198
  FlapLoop: () => import_FlapLoop.FlapLoop,
192
199
  FlashAnimation: () => import_FlashAnimation.FlashAnimation,
193
200
  FlashLoop: () => import_FlashLoop.FlashLoop,
@@ -200,6 +207,9 @@ __export(index_exports, {
200
207
  FluidImage: () => import_FluidImage.FluidImage,
201
208
  Fold: () => import_Fold.Fold,
202
209
  FoldAnimation: () => import_FoldAnimation.FoldAnimation,
210
+ Folder: () => import_Folder.Folder,
211
+ FolderDisabled: () => import_FolderDisabled.FolderDisabled,
212
+ FolderOutline: () => import_FolderOutline.FolderOutline,
203
213
  Form: () => import_Form.Form,
204
214
  FormLayoutAboveIdentity: () => import_FormLayoutAboveIdentity.FormLayoutAboveIdentity,
205
215
  FormLayoutBelowIdentity: () => import_FormLayoutBelowIdentity.FormLayoutBelowIdentity,
@@ -416,6 +426,7 @@ __export(index_exports, {
416
426
  SkewClick: () => import_SkewClick.SkewClick,
417
427
  SkewHover: () => import_SkewHover.SkewHover,
418
428
  SkewSection: () => import_SkewSection.SkewSection,
429
+ SlantScroll: () => import_SlantScroll.SlantScroll,
419
430
  Slide: () => import_Slide.Slide,
420
431
  SlideAnimation: () => import_SlideAnimation.SlideAnimation,
421
432
  SlideScroll: () => import_SlideScroll.SlideScroll,
@@ -512,6 +523,7 @@ __export(index_exports, {
512
523
  TiltScroll: () => import_TiltScroll.TiltScroll,
513
524
  Track3DMouse: () => import_Track3DMouse.Track3DMouse,
514
525
  TrackMouse: () => import_TrackMouse.TrackMouse,
526
+ Trash: () => import_Trash.Trash,
515
527
  TriangleDivider: () => import_TriangleDivider.TriangleDivider,
516
528
  TriangularImage: () => import_TriangularImage.TriangularImage,
517
529
  TurnEntrance: () => import_TurnEntrance.TurnEntrance,
@@ -647,7 +659,9 @@ var import_BreathAnimation = require("./BreathAnimation");
647
659
  var import_BreathLoop = require("./BreathLoop");
648
660
  var import_BrushDivider = require("./BrushDivider");
649
661
  var import_ButtonStyleFilled = require("./ButtonStyleFilled");
662
+ var import_ButtonStyleFilledSharp = require("./ButtonStyleFilledSharp");
650
663
  var import_ButtonStyleOutlined = require("./ButtonStyleOutlined");
664
+ var import_ButtonStyleOutlinedSharp = require("./ButtonStyleOutlinedSharp");
651
665
  var import_ButtonStylePillFilled = require("./ButtonStylePillFilled");
652
666
  var import_ButtonStylePillOutlined = require("./ButtonStylePillOutlined");
653
667
  var import_ChooseTheLayoutGrid = require("./ChooseTheLayoutGrid");
@@ -716,6 +730,11 @@ var import_FileShareLabel = require("./FileShareLabel");
716
730
  var import_FileShareLine = require("./FileShareLine");
717
731
  var import_FillParallaxScroll = require("./FillParallaxScroll");
718
732
  var import_FillReveal = require("./FillReveal");
733
+ var import_FitToScreen2Rows = require("./FitToScreen2Rows");
734
+ var import_FitToScreen3Rows = require("./FitToScreen3Rows");
735
+ var import_FitToScreenBottom = require("./FitToScreenBottom");
736
+ var import_FitToScreenCenter = require("./FitToScreenCenter");
737
+ var import_FitToScreenTop = require("./FitToScreenTop");
719
738
  var import_FlapLoop = require("./FlapLoop");
720
739
  var import_FlashAnimation = require("./FlashAnimation");
721
740
  var import_FlashLoop = require("./FlashLoop");
@@ -728,6 +747,9 @@ var import_FloatingCardsAnimation = require("./FloatingCardsAnimation");
728
747
  var import_FluidImage = require("./FluidImage");
729
748
  var import_Fold = require("./Fold");
730
749
  var import_FoldAnimation = require("./FoldAnimation");
750
+ var import_Folder = require("./Folder");
751
+ var import_FolderDisabled = require("./FolderDisabled");
752
+ var import_FolderOutline = require("./FolderOutline");
731
753
  var import_Form = require("./Form");
732
754
  var import_FormLayoutAboveIdentity = require("./FormLayoutAboveIdentity");
733
755
  var import_FormLayoutBelowIdentity = require("./FormLayoutBelowIdentity");
@@ -944,6 +966,7 @@ var import_Skew3DMouse = require("./Skew3DMouse");
944
966
  var import_SkewClick = require("./SkewClick");
945
967
  var import_SkewHover = require("./SkewHover");
946
968
  var import_SkewSection = require("./SkewSection");
969
+ var import_SlantScroll = require("./SlantScroll");
947
970
  var import_Slide = require("./Slide");
948
971
  var import_SlideAnimation = require("./SlideAnimation");
949
972
  var import_SlideScroll = require("./SlideScroll");
@@ -1040,6 +1063,7 @@ var import_TiltEntrance = require("./TiltEntrance");
1040
1063
  var import_TiltScroll = require("./TiltScroll");
1041
1064
  var import_Track3DMouse = require("./Track3DMouse");
1042
1065
  var import_TrackMouse = require("./TrackMouse");
1066
+ var import_Trash = require("./Trash");
1043
1067
  var import_TriangleDivider = require("./TriangleDivider");
1044
1068
  var import_TriangularImage = require("./TriangularImage");
1045
1069
  var import_TurnEntrance = require("./TurnEntrance");
@@ -1176,7 +1200,9 @@ __reExport(index_exports, require("./deprecated"), module.exports);
1176
1200
  BreathLoop,
1177
1201
  BrushDivider,
1178
1202
  ButtonStyleFilled,
1203
+ ButtonStyleFilledSharp,
1179
1204
  ButtonStyleOutlined,
1205
+ ButtonStyleOutlinedSharp,
1180
1206
  ButtonStylePillFilled,
1181
1207
  ButtonStylePillOutlined,
1182
1208
  ChooseTheLayoutGrid,
@@ -1245,6 +1271,11 @@ __reExport(index_exports, require("./deprecated"), module.exports);
1245
1271
  FileShareLine,
1246
1272
  FillParallaxScroll,
1247
1273
  FillReveal,
1274
+ FitToScreen2Rows,
1275
+ FitToScreen3Rows,
1276
+ FitToScreenBottom,
1277
+ FitToScreenCenter,
1278
+ FitToScreenTop,
1248
1279
  FlapLoop,
1249
1280
  FlashAnimation,
1250
1281
  FlashLoop,
@@ -1257,6 +1288,9 @@ __reExport(index_exports, require("./deprecated"), module.exports);
1257
1288
  FluidImage,
1258
1289
  Fold,
1259
1290
  FoldAnimation,
1291
+ Folder,
1292
+ FolderDisabled,
1293
+ FolderOutline,
1260
1294
  Form,
1261
1295
  FormLayoutAboveIdentity,
1262
1296
  FormLayoutBelowIdentity,
@@ -1473,6 +1507,7 @@ __reExport(index_exports, require("./deprecated"), module.exports);
1473
1507
  SkewClick,
1474
1508
  SkewHover,
1475
1509
  SkewSection,
1510
+ SlantScroll,
1476
1511
  Slide,
1477
1512
  SlideAnimation,
1478
1513
  SlideScroll,
@@ -1569,6 +1604,7 @@ __reExport(index_exports, require("./deprecated"), module.exports);
1569
1604
  TiltScroll,
1570
1605
  Track3DMouse,
1571
1606
  TrackMouse,
1607
+ Trash,
1572
1608
  TriangleDivider,
1573
1609
  TriangularImage,
1574
1610
  TurnEntrance,
package/dist/esm/Aspect3DSpinScroll.js CHANGED
@@ -10,7 +10,7 @@ const Aspect3DSpinScroll = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M32.81 44.372a1 1 0 0 1 .303.135l8.537 5.639a1 1 0 0 1 .363 1.24l-.825 1.86a1 1 0 0 1-1.162.563l-9.91-2.54a1 1 0 0 1-.304-.134l-8.535-5.639a1 1 0 0 1-.363-1.24l.824-1.86a1 1 0 0 1 1.163-.563z", opacity: ".5" }),
13
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M32.404 33.646a2 2 0 0 1 1.164.22l8.5 4.508a2 2 0 0 1 1.028 2.139l-.743 3.927a2 2 0 0 1-1.737 1.615l-9.558 1.095a2 2 0 0 1-1.165-.22l-8.498-4.507a2 2 0 0 1-1.029-2.139l.743-3.927a2 2 0 0 1 1.737-1.615z", opacity: ".5" }),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M32.404 33.646a2 2 0 0 1 1.164.22l8.5 4.508a2 2 0 0 1 1.027 2.139l-.742 3.927a2 2 0 0 1-1.737 1.615l-9.558 1.095a2 2 0 0 1-1.165-.22l-8.498-4.507a2 2 0 0 1-1.029-2.139l.743-3.927a2 2 0 0 1 1.737-1.615z", opacity: ".5" }),
14
14
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M30.81 16.857a2 2 0 0 1 2 0l9.258 5.345a2 2 0 0 1 1 1.732v10.69a2 2 0 0 1-1 1.733l-9.258 5.345a2 2 0 0 1-2 0l-9.258-5.345a2 2 0 0 1-1-1.732V23.934a2 2 0 0 1 1-1.732z", opacity: ".5" }),
15
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Aspect3DSpinScroll__a", width: "23", height: "13", x: "20", y: "41", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M32.81 44.372a1 1 0 0 1 .303.135l8.537 5.639a1 1 0 0 1 .363 1.24l-.825 1.86a1 1 0 0 1-1.162.563l-9.91-2.54a1 1 0 0 1-.304-.134l-8.535-5.639a1 1 0 0 1-.363-1.24l.824-1.86a1 1 0 0 1 1.163-.563z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Aspect3DSpinScroll__b)", mask: "url(#Aspect3DSpinScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Aspect3DSpinScroll__c)", d: "m42.085 45.725 19.565 13.61-1.198 2.7-24.033-3.532-18.755-15.437 1.198-2.702z" }))),
16
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "Aspect3DSpinScroll__d", width: "24", height: "15", x: "20", y: "33", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M32.405 33.646a2 2 0 0 1 1.165.22l8.499 4.508a2 2 0 0 1 1.028 2.139l-.742 3.927a2 2 0 0 1-1.738 1.615L31.06 47.15a2 2 0 0 1-1.165-.22l-8.498-4.507a2 2 0 0 1-1.028-2.139l.742-3.927a2 2 0 0 1 1.738-1.615z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#Aspect3DSpinScroll__e)", mask: "url(#Aspect3DSpinScroll__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Aspect3DSpinScroll__f)", d: "M42.09 30.93 62.64 43.144l-1.264 6.684-23.588 3.87L17.24 41.486l1.264-6.684z" }))),
package/dist/esm/BounceEntrance.js CHANGED
@@ -10,7 +10,7 @@ const BounceEntrance = (props) => /* @__PURE__ */ React.createElement(
10
10
  ...props
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "33.572", y: "12.859", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(45 33.572 12.86)" }),
13
- /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "33.571", y: "21.859", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(45 33.57 21.86)" }),
13
+ /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "33.57", y: "21.859", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(45 33.57 21.86)" }),
14
14
  /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "33.572", y: "30.859", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(45 33.572 30.86)" }),
15
15
  /* @__PURE__ */ React.createElement("path", { stroke: "url(#BounceEntrance__a)", d: "M52.572 58c0-3.314-1.344-6-3-6-1.657 0-3 2.686-3 6 0-2.21-.896-4-2-4s-2 1.79-2 4", strokeMiterlimit: "10" }),
16
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#BounceEntrance__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "33.572", y: "12.859", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(45 33.572 12.86)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BounceEntrance__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BounceEntrance__d)", d: "M1.045 8.617 33.572-23.91 66.098 8.617 33.572 41.144z" }))),
package/dist/esm/ButtonStyleFilledSharp.js ADDED
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ const ButtonStyleFilledSharp = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ButtonStyleFilledSharp__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M57 26v20H15V26z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ButtonStyleFilledSharp__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ButtonStyleFilledSharp__c)", d: "M12.5 2h57v46h-57z" }))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ButtonStyleFilledSharp__c", x1: "61.416", x2: "24.803", y1: "6.129", y2: "64.021", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ButtonStyleFilledSharp__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M57 26v20H15V26z" })), /* @__PURE__ */ React.createElement("filter", { id: "ButtonStyleFilledSharp__b", width: "67", height: "56", x: "7.5", y: "-3", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1881_7026", stdDeviation: "2.5" })))
14
+ );
15
+ ButtonStyleFilledSharp.displayName = "ButtonStyleFilledSharp";
16
+ export {
17
+ ButtonStyleFilledSharp
18
+ };
package/dist/esm/ButtonStyleOutlinedSharp.js ADDED
@@ -0,0 +1,17 @@
1
+ import React from "react";
2
+ const ButtonStyleOutlinedSharp = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-7, #002297)", d: "M56.5 26.5v19h-41v-19z" })
13
+ );
14
+ ButtonStyleOutlinedSharp.displayName = "ButtonStyleOutlinedSharp";
15
+ export {
16
+ ButtonStyleOutlinedSharp
17
+ };
package/dist/esm/CloudsDivider.js CHANGED
@@ -9,8 +9,8 @@ const CloudsDivider = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#CloudsDivider__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "CloudsDivider__b", width: "97", height: "51", x: "0", y: "0", maskUnits: "userSpaceOnUse", style: { "maskType": "luminance" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M96.9 0H0v51h96.9z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#CloudsDivider__b)" }, /* @__PURE__ */ React.createElement("mask", { id: "CloudsDivider__c", width: "212", height: "42", x: "-60", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#0070FF", d: "M105.118 43.49H-5.4v13.02h110.518z" }), /* @__PURE__ */ React.createElement("path", { fill: "#0070FF", d: "M151.281 45.303V28.85c-.874 0-1.696.22-2.414.608a5.8 5.8 0 0 0-4.34-4.665 4.103 4.103 0 0 0-5.452-5.312 2.647 2.647 0 0 0-4.614-1.414 7.94 7.94 0 0 0-11.479 6.901 8 8 0 0 0 .147 2.686 4.62 4.62 0 0 0-3.138 1.237 6.58 6.58 0 0 0-4.578-1.848c-1.86 0-3.54.77-4.739 2.01a12.26 12.26 0 0 0-8.209-3.14c-5.696 0-10.485 3.87-11.889 9.123a9.15 9.15 0 0 0-7.804 5.397 6.599 6.599 0 0 0-10.98 3.133 6.95 6.95 0 0 0-4.207-1.41c-1.1 0-2.139.256-3.065.71a3.56 3.56 0 0 0-4.685-1.172 6.6 6.6 0 0 0-8.007-3.1 9.2 9.2 0 0 0-1.24-1.584 9.11 9.11 0 0 0-6.537-2.75 9.14 9.14 0 0 0-7.96 4.637 6.629 6.629 0 0 0-4.587-.466 6.58 6.58 0 0 0-5.983-2.132c-.44-4.642-4.347-8.272-9.103-8.272a9.14 9.14 0 0 0-7.943 4.615 9.12 9.12 0 0 0-6.953-3.208A9.14 9.14 0 0 0-6.212 33.7a6.5 6.5 0 0 0-2.496-.498 6.5 6.5 0 0 0-2.53.512c-.28-4.798-4.26-8.603-9.129-8.603-.816 0-1.606.11-2.36.309a5.934 5.934 0 0 0-5.733-5.44 4.179 4.179 0 0 0-8.155-1.046 7.92 7.92 0 0 0-6.438-3.302 7.9 7.9 0 0 0-5.332 2.062q-.379-.06-.774-.06a4.99 4.99 0 0 0-4.466 7.217 6.4 6.4 0 0 0-1.975 5.304 5.06 5.06 0 0 0-3.405-1.31V45.3h210.287z" }), /* @__PURE__ */ React.createElement("path", { fill: "#0070FF", d: "M68.35 42.158h.34l.017-.018c-.118-.01-.23-.013-.354-.027q-.002.023-.004.045" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#CloudsDivider__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-3.379 21.053h105.413v32.053H-3.379z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#CloudsDivider__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#CloudsDivider__e)", d: "M120.143 31.519H-6.427V46.43h126.57z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#CloudsDivider__f)", d: "M173.011 33.596V14.752a5.8 5.8 0 0 0-2.765.697 6.65 6.65 0 0 0-4.97-5.344 4.698 4.698 0 0 0-6.243-6.083 3.033 3.033 0 0 0-5.285-1.62 9.05 9.05 0 0 0-4.056-.955c-4.945 0-8.964 3.946-9.091 8.859a9.208 9.208 0 0 0 .17 3.076 5.3 5.3 0 0 0-3.594 1.416 7.53 7.53 0 0 0-5.243-2.116 7.53 7.53 0 0 0-5.428 2.301 14.03 14.03 0 0 0-9.401-3.596c-6.523 0-12.009 4.433-13.616 10.45a10.47 10.47 0 0 0-8.937 6.18 7.5 7.5 0 0 0-5.246-2.121 7.56 7.56 0 0 0-7.33 5.71 7.96 7.96 0 0 0-4.817-1.615c-1.26 0-2.45.292-3.51.812a4.075 4.075 0 0 0-5.366-1.341 7.56 7.56 0 0 0-6.659-3.98c-.882 0-1.727.15-2.511.429a10.5 10.5 0 0 0-1.42-1.814 10.44 10.44 0 0 0-7.486-3.15 10.47 10.47 0 0 0-9.117 5.311 7.594 7.594 0 0 0-5.253-.533 7.54 7.54 0 0 0-6.853-2.442c-.503-5.316-4.978-9.474-10.425-9.474a10.47 10.47 0 0 0-9.097 5.285A10.45 10.45 0 0 0 1.5 15.42c-3.73 0-7.003 1.952-8.858 4.887a7.4 7.4 0 0 0-2.858-.57c-1.028 0-2.007.21-2.897.587-.322-5.495-4.88-9.853-10.455-9.853-.935 0-1.84.125-2.702.354a6.795 6.795 0 0 0-6.567-6.231 4.786 4.786 0 0 0-9.34-1.197A9.07 9.07 0 0 0-49.55-.385a9.05 9.05 0 0 0-6.106 2.361 5.715 5.715 0 0 0-6.001 8.197 7.34 7.34 0 0 0-2.262 6.075 5.8 5.8 0 0 0-3.9-1.5v18.844h240.832z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#CloudsDivider__g)", d: "M78.035 29.995h.389l.02-.02c-.135-.012-.264-.016-.406-.032q-.002.025-.003.052" }))))),
13
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "CloudsDivider__e", x1: "102.192", x2: "99.786", y1: "32.857", y2: "58.909", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "CloudsDivider__f", x1: "138.857", x2: "132.317", y1: "2.666", y2: "61.813", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "CloudsDivider__g", x1: "78.386", x2: "78.377", y1: "29.948", y2: "30.038", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "CloudsDivider__a" }, /* @__PURE__ */ React.createElement("rect", { width: "96.9", height: "51", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("filter", { id: "CloudsDivider__d", width: "270.97", height: "76.954", x: "-82.888", y: "-15.454", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22881", stdDeviation: "7.5" })))
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#CloudsDivider__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "CloudsDivider__b", width: "97", height: "51", x: "0", y: "0", maskUnits: "userSpaceOnUse", style: { "maskType": "luminance" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M96.9 0H0v51h96.9z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#CloudsDivider__b)" }, /* @__PURE__ */ React.createElement("mask", { id: "CloudsDivider__c", width: "212", height: "42", x: "-60", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#0070FF", d: "M105.119 43.49H-5.4V56.51H105.12z" }), /* @__PURE__ */ React.createElement("path", { fill: "#0070FF", d: "M151.282 45.304V28.849c-.874 0-1.696.221-2.414.609a5.8 5.8 0 0 0-4.34-4.666 4.103 4.103 0 0 0-5.451-5.312 2.648 2.648 0 0 0-4.615-1.414 7.94 7.94 0 0 0-11.479 6.901 8 8 0 0 0-.053.905c0 .612.071 1.207.201 1.781a4.62 4.62 0 0 0-3.139 1.237 6.58 6.58 0 0 0-4.578-1.848c-1.86 0-3.54.771-4.739 2.01a12.26 12.26 0 0 0-8.209-3.14c-5.696 0-10.485 3.87-11.889 9.124a9.15 9.15 0 0 0-7.804 5.396 6.6 6.6 0 0 0-10.98 3.133 6.95 6.95 0 0 0-4.207-1.409c-1.1 0-2.14.255-3.065.709a3.56 3.56 0 0 0-4.685-1.171 6.6 6.6 0 0 0-8.007-3.101 9.2 9.2 0 0 0-1.24-1.584 9.11 9.11 0 0 0-6.537-2.75 9.14 9.14 0 0 0-7.96 4.637 6.633 6.633 0 0 0-4.587-.466 6.58 6.58 0 0 0-5.984-2.131c-.44-4.642-4.347-8.273-9.103-8.273a9.14 9.14 0 0 0-7.943 4.615 9.12 9.12 0 0 0-6.953-3.208A9.14 9.14 0 0 0-6.212 33.7a6.5 6.5 0 0 0-2.496-.498 6.5 6.5 0 0 0-2.53.513c-.281-4.799-4.26-8.603-9.129-8.603-.816 0-1.606.109-2.36.308a5.934 5.934 0 0 0-5.733-5.44 4.179 4.179 0 0 0-8.155-1.045 7.92 7.92 0 0 0-6.438-3.303 7.9 7.9 0 0 0-5.333 2.062q-.378-.06-.774-.06a4.99 4.99 0 0 0-4.466 7.217 6.4 6.4 0 0 0-1.974 5.305 5.06 5.06 0 0 0-3.405-1.31V45.3h210.289z" }), /* @__PURE__ */ React.createElement("path", { fill: "#0070FF", d: "M68.35 42.159h.34l.018-.018c-.118-.01-.231-.014-.355-.027q-.002.022-.003.044" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#CloudsDivider__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-3.379 21.053h105.414v32.054H-3.379z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#CloudsDivider__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#CloudsDivider__e)", d: "M120.144 31.519H-6.428v14.913h126.572z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#CloudsDivider__f)", d: "M173.013 33.596V14.752a5.8 5.8 0 0 0-2.765.697 6.64 6.64 0 0 0-4.971-5.343 4.699 4.699 0 0 0-6.242-6.083 3.033 3.033 0 0 0-5.285-1.62 9.05 9.05 0 0 0-4.057-.956c-4.944 0-8.964 3.946-9.09 8.86-.038.339-.061.684-.061 1.035 0 .702.081 1.383.23 2.04a5.3 5.3 0 0 0-3.594 1.417 7.53 7.53 0 0 0-5.243-2.117 7.53 7.53 0 0 0-5.428 2.302 14.03 14.03 0 0 0-9.401-3.596c-6.523 0-12.009 4.432-13.616 10.449a10.47 10.47 0 0 0-8.937 6.18 7.5 7.5 0 0 0-5.246-2.12 7.56 7.56 0 0 0-7.33 5.709 7.96 7.96 0 0 0-4.817-1.614 7.95 7.95 0 0 0-3.51.811 4.075 4.075 0 0 0-5.366-1.341 7.56 7.56 0 0 0-6.659-3.98c-.882 0-1.727.15-2.511.429a10.5 10.5 0 0 0-1.42-1.814 10.44 10.44 0 0 0-7.487-3.15 10.47 10.47 0 0 0-9.116 5.311 7.593 7.593 0 0 0-5.253-.533 7.54 7.54 0 0 0-6.853-2.442c-.504-5.316-4.979-9.473-10.425-9.473a10.47 10.47 0 0 0-9.097 5.285A10.45 10.45 0 0 0 1.5 15.42c-3.73 0-7.003 1.951-8.858 4.887a7.4 7.4 0 0 0-2.858-.57c-1.028 0-2.008.208-2.897.586-.322-5.495-4.88-9.852-10.455-9.852-.935 0-1.84.124-2.703.353a6.795 6.795 0 0 0-6.567-6.231 4.786 4.786 0 0 0-9.34-1.197A9.07 9.07 0 0 0-49.55-.385a9.05 9.05 0 0 0-6.107 2.361 5.715 5.715 0 0 0-6.001 8.197 7.34 7.34 0 0 0-2.262 6.075 5.8 5.8 0 0 0-3.9-1.5v18.845h240.835z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#CloudsDivider__g)", d: "M78.035 29.995h.39l.02-.02c-.135-.011-.265-.016-.406-.032 0 .019-.004.033-.004.052" }))))),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "CloudsDivider__e", x1: "102.193", x2: "99.787", y1: "32.857", y2: "58.91", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "CloudsDivider__f", x1: "138.858", x2: "132.318", y1: "2.666", y2: "61.814", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "CloudsDivider__g", x1: "78.387", x2: "78.378", y1: "29.948", y2: "30.038", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "CloudsDivider__a" }, /* @__PURE__ */ React.createElement("rect", { width: "96.901", height: "51.001", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("filter", { id: "CloudsDivider__d", width: "270.973", height: "76.954", x: "-82.889", y: "-15.454", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22881", stdDeviation: "7.5" })))
14
14
  );
15
15
  CloudsDivider.displayName = "CloudsDivider";
16
16
  export {
package/dist/esm/ColorClick.js CHANGED
@@ -9,8 +9,9 @@ const ColorClick = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ColorClick__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "ColorClick__b", width: "49", height: "50", x: "25", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "m54.882 15.734 18.339 17.223-29.59 31.507-18.339-17.223z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ColorClick__b)", clipPath: "url(#ColorClick__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", x: "19.521", y: "28.086", fill: "var(--wds-illustration-color-1, #002291)", rx: "8" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ColorClick__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ColorClick__e)", d: "M105.519 47.746v-59.363H26.414v59.363z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ColorClick__f", width: "49", height: "50", x: "3", y: "2", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "m32.854 2.445 18.339 17.223-29.59 31.507-18.34-17.223z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ColorClick__f)", clipPath: "url(#ColorClick__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", x: "19.521", y: "28.086", fill: "var(--wds-illustration-color-1, #002291)", rx: "8" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ColorClick__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ColorClick__i)", d: "M60.24 44.547V18.969H18.73v25.578z" }))))),
13
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ColorClick__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 6a6 6 0 0 1 6-6h60a6 6 0 0 1 6 6v60a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ColorClick__c" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", x: "19.521", y: "28.086", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ColorClick__g" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", x: "19.521", y: "28.086", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ColorClick__e", x1: "98.418", x2: "31.748", y1: "-3.198", y2: "66.424", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ColorClick__i", x1: "56.515", x2: "28.573", y1: "22.596", y2: "58.133", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ColorClick__d", width: "89.486", height: "69.744", x: "21.223", y: "-16.808", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_943_3872", stdDeviation: "2.595" })), /* @__PURE__ */ React.createElement("filter", { id: "ColorClick__h", width: "51.892", height: "35.959", x: "13.539", y: "13.778", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_943_3872", stdDeviation: "2.595" })))
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ColorClick__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", x: "19.5", y: "28.074", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".25", rx: "8" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#ColorClick__b)" }, /* @__PURE__ */ React.createElement("mask", { id: "ColorClick__c", width: "49", height: "50", x: "25", y: "15", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "m54.882 15.734 18.339 17.223-29.59 31.507-18.339-17.223z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ColorClick__c)", clipPath: "url(#ColorClick__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", x: "19.521", y: "28.086", fill: "var(--wds-illustration-color-1, #002291)", rx: "8" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ColorClick__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ColorClick__f)", d: "M105.519 47.746v-59.363H26.414v59.363z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ColorClick__g", width: "49", height: "50", x: "3", y: "2", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "m32.854 2.445 18.339 17.223-29.59 31.507-18.34-17.223z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ColorClick__g)", clipPath: "url(#ColorClick__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", x: "19.521", y: "28.086", fill: "var(--wds-illustration-color-1, #002291)", rx: "8" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ColorClick__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ColorClick__j)", d: "M60.24 44.547V18.969H18.73v25.578z" }))))),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "ColorClick__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 6a6 6 0 0 1 6-6h60a6 6 0 0 1 6 6v60a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ColorClick__d" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", x: "19.521", y: "28.086", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ColorClick__h" }, /* @__PURE__ */ React.createElement("rect", { width: "33", height: "16", x: "19.521", y: "28.086", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ColorClick__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 6a6 6 0 0 1 6-6h60a6 6 0 0 1 6 6v60a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ColorClick__f", x1: "98.418", x2: "31.748", y1: "-3.198", y2: "66.424", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ColorClick__j", x1: "56.515", x2: "28.573", y1: "22.596", y2: "58.133", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "ColorClick__e", width: "89.486", height: "69.744", x: "21.223", y: "-16.808", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_943_3872", stdDeviation: "2.595" })), /* @__PURE__ */ React.createElement("filter", { id: "ColorClick__i", width: "51.892", height: "35.959", x: "13.539", y: "13.778", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_943_3872", stdDeviation: "2.595" })))
14
15
  );
15
16
  ColorClick.displayName = "ColorClick";
16
17
  export {
package/dist/esm/ColorHover.js CHANGED
@@ -9,6 +9,7 @@ const ColorHover = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
+ /* @__PURE__ */ React.createElement("rect", { width: "22", height: "22", x: "25", y: "25", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".25", rx: "2" }),
12
13
  /* @__PURE__ */ React.createElement("mask", { id: "ColorHover__a", width: "39", height: "38", x: "24", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "m48.045 24.289 14.507 14.507L39.367 61.98 24.86 47.474z" })),
13
14
  /* @__PURE__ */ React.createElement("g", { mask: "url(#ColorHover__a)", clipPath: "url(#ColorHover__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M25 27a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v18a2 2 0 0 1-2 2H27a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ColorHover__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ColorHover__d)", d: "M110.998 50.66V18.047H24.93V50.66z" }))),
14
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "ColorHover__e", width: "38", height: "39", x: "10", y: "9", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M33.388 9.934 47.895 24.44 24.709 47.626 10.202 33.12z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#ColorHover__e)", clipPath: "url(#ColorHover__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M25 27a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v18a2 2 0 0 1-2 2H27a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ColorHover__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ColorHover__h)", d: "M110.998 50.66V18.047H24.93V50.66z" })))),
package/dist/esm/DartScroll.js CHANGED
@@ -9,9 +9,9 @@ const DartScroll = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M29.646 18.63c.715-.344 1.477-.344 2 0l7.818 5.148c.522.344.726.98.533 1.668l-2.88 10.295c-.193.688-.752 1.324-1.467 1.668l-10.698 5.148c-.715.344-1.478.344-2 0l-7.818-5.148c-.523-.344-.726-.98-.534-1.668l2.88-10.295c.193-.688.752-1.324 1.467-1.668z", opacity: ".5" }),
13
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M38.347 18.63c.715-.344 1.477-.344 2 0l7.818 5.148c.523.344.726.98.533 1.668l-2.88 10.295c-.192.688-.751 1.324-1.466 1.668l-10.699 5.148c-.715.344-1.477.344-2 0l-7.818-5.148c-.523-.344-.726-.98-.534-1.668l2.88-10.295c.193-.688.752-1.324 1.467-1.668z", opacity: ".5" }),
14
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M47.048 18.63c.715-.344 1.477-.344 2 0l7.818 5.148c.523.344.726.98.534 1.668L54.52 35.74c-.193.688-.752 1.324-1.467 1.668l-10.699 5.148c-.715.344-1.477.344-2 0l-7.818-5.148c-.523-.344-.726-.98-.533-1.668l2.88-10.295c.192-.688.752-1.324 1.467-1.668z", opacity: ".5" }),
12
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M29.646 18.63c.715-.344 1.477-.344 2 0l7.818 5.148c.523.344.726.98.533 1.668l-2.88 10.295c-.192.688-.751 1.324-1.467 1.668l-10.698 5.148c-.715.344-1.478.344-2 0l-7.818-5.148c-.523-.344-.726-.98-.534-1.668l2.88-10.295c.193-.688.752-1.324 1.467-1.668z", opacity: ".5" }),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M38.347 18.63c.715-.344 1.477-.344 2 0l7.818 5.148c.523.344.726.98.534 1.668l-2.88 10.295c-.193.688-.752 1.324-1.467 1.668l-10.699 5.148c-.715.344-1.477.344-2 0l-7.818-5.148c-.523-.344-.726-.98-.533-1.668l2.88-10.295c.192-.688.752-1.324 1.467-1.668z", opacity: ".5" }),
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M47.048 18.63c.715-.344 1.478-.344 2 0l7.818 5.148c.523.344.726.98.534 1.668L54.52 35.74c-.193.688-.752 1.324-1.467 1.668l-10.699 5.148c-.715.344-1.477.344-2 0l-7.818-5.148c-.523-.344-.726-.98-.533-1.668l2.88-10.295c.193-.688.752-1.324 1.467-1.668z", opacity: ".5" }),
15
15
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "DartScroll__a", width: "27", height: "25", x: "14", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M29.646 18.63c.715-.344 1.477-.344 2 0l7.818 5.148c.523.344.726.98.533 1.668l-2.88 10.295c-.192.688-.752 1.324-1.467 1.668l-10.698 5.148c-.715.344-1.478.344-2 0l-7.818-5.148c-.523-.344-.726-.98-.534-1.668l2.88-10.295c.193-.688.752-1.324 1.467-1.668z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#DartScroll__b)", mask: "url(#DartScroll__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#DartScroll__c)", d: "M46.881-4.506 68.057 9.436l-7.802 27.885L31.28 51.263 10.104 37.321l7.8-27.885z" }))),
16
16
  /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "DartScroll__d", width: "26", height: "25", x: "23", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M38.347 18.63c.715-.344 1.477-.344 2 0l7.818 5.148c.523.344.726.98.534 1.668l-2.88 10.295c-.193.688-.752 1.324-1.468 1.668l-10.698 5.148c-.715.344-1.477.344-2 0l-7.818-5.148c-.523-.344-.726-.98-.534-1.668l2.88-10.295c.193-.688.752-1.324 1.467-1.668z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#DartScroll__e)", mask: "url(#DartScroll__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#DartScroll__f)", d: "M55.583-4.506 76.758 9.436l-7.801 27.885L39.98 51.263 18.805 37.321l7.8-27.885z" }))),
17
17
  /* @__PURE__ */ React.createElement("mask", { id: "DartScroll__g", width: "27", height: "25", x: "31", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M47.048 18.63c.715-.344 1.478-.344 2 0l7.818 5.148c.523.344.726.98.534 1.668L54.52 35.74c-.193.688-.752 1.324-1.467 1.668l-10.699 5.148c-.715.344-1.477.344-2 0l-7.818-5.148c-.523-.344-.726-.98-.533-1.668l2.88-10.295c.192-.688.752-1.324 1.467-1.668z" })),
package/dist/esm/FadeBackSection.js CHANGED
@@ -18,10 +18,10 @@ const FadeBackSection = (props) => /* @__PURE__ */ React.createElement(
18
18
  /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__k)", d: "m13.38 19.087 6 6 .706-.707-6-6z" }),
19
19
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M20.087 25.087a.5.5 0 0 0 .144-.399l-.354-3.889-.995.09.3 3.293-3.293-.3-.09.996 3.89.353.109-.002a.5.5 0 0 0 .289-.142" }),
20
20
  /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__l)", d: "m13.378 52.915 6-6 .707.707-6 6z" }),
21
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M20.085 46.916a.5.5 0 0 1 .145.398l-.354 3.89-.996-.09.3-3.293-3.292.3-.09-.996 3.889-.353.11.002a.5.5 0 0 1 .288.142" }),
21
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M20.085 46.916a.5.5 0 0 1 .145.398l-.354 3.89-.996-.09.3-3.293-3.292.3-.09-.996 3.889-.354.11.002a.5.5 0 0 1 .288.143" }),
22
22
  /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeBackSection__m)", d: "m58.62 52.915-6-6-.706.707 6 6z" }),
23
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M51.913 46.916a.5.5 0 0 0-.144.398l.354 3.89.995-.09-.3-3.293 3.293.3.09-.996-3.89-.353-.109.002a.5.5 0 0 0-.289.142" }),
24
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeBackSection__c", x1: "63.768", x2: "32.765", y1: "9.224", y2: "60.153", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeBackSection__f", x1: "74.436", x2: "45.329", y1: "10.559", y2: "60.462", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeBackSection__i", x1: "87.244", x2: "67.215", y1: "17.335", y2: "62.147", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeBackSection__j", x1: "58.268", x2: "52.268", y1: "18.734", y2: "24.734", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeBackSection__k", x1: "13.733", x2: "19.733", y1: "18.734", y2: "24.734", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeBackSection__l", x1: "13.732", x2: "19.732", y1: "53.269", y2: "47.269", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeBackSection__m", x1: "58.267", x2: "52.267", y1: "53.269", y2: "47.269", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FadeBackSection__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M20 29.111a2 2 0 0 1 2-2h8.667V44.89H22a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FadeBackSection__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M30.668 27.111h10.667V44.89H30.668z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FadeBackSection__g" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M41.332 27.111h8.667a2 2 0 0 1 2 2V42.89a2 2 0 0 1-2 2h-8.667z" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeBackSection__b", width: "62.089", height: "50.705", x: "14.456", y: ".124", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22331", stdDeviation: "2.772" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeBackSection__e", width: "62.089", height: "49.047", x: "25.124", y: "1.608", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22331", stdDeviation: "2.772" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeBackSection__h", width: "64.587", height: "41.602", x: "35.788", y: "9.053", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22331", stdDeviation: "2.772" })))
23
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M51.913 46.916a.5.5 0 0 0-.144.398l.354 3.89.995-.09-.3-3.293 3.293.3.09-.996-3.89-.354-.109.002a.5.5 0 0 0-.289.143" }),
24
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeBackSection__c", x1: "63.768", x2: "32.765", y1: "9.224", y2: "60.153", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeBackSection__f", x1: "74.436", x2: "45.329", y1: "10.559", y2: "60.462", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeBackSection__i", x1: "87.244", x2: "67.215", y1: "17.335", y2: "62.147", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeBackSection__j", x1: "58.268", x2: "52.268", y1: "18.733", y2: "24.733", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeBackSection__k", x1: "13.733", x2: "19.733", y1: "18.734", y2: "24.734", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeBackSection__l", x1: "13.732", x2: "19.732", y1: "53.269", y2: "47.269", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeBackSection__m", x1: "58.267", x2: "52.267", y1: "53.269", y2: "47.269", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FadeBackSection__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M20 29.111a2 2 0 0 1 2-2h8.667V44.89H22a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FadeBackSection__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M30.668 27.111h10.667V44.89H30.668z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FadeBackSection__g" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M41.332 27.111h8.667a2 2 0 0 1 2 2V42.89a2 2 0 0 1-2 2h-8.667z" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeBackSection__b", width: "62.089", height: "50.705", x: "14.456", y: ".124", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22331", stdDeviation: "2.772" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeBackSection__e", width: "62.089", height: "49.047", x: "25.124", y: "1.608", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22331", stdDeviation: "2.772" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeBackSection__h", width: "64.587", height: "41.602", x: "35.788", y: "9.053", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_22331", stdDeviation: "2.772" })))
25
25
  );
26
26
  FadeBackSection.displayName = "FadeBackSection";
27
27
  export {
package/dist/esm/FitToScreen2Rows.js ADDED
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ const FitToScreen2Rows = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FitToScreen2Rows__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "73", height: "80", x: "-9.569", y: "-4.891", fill: "var(--wds-illustration-color-opacity-25, #f8f6f200)", rx: "6" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FitToScreen2Rows__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "100", height: "81", x: "-14.205", y: "-4.891", fill: "var(--wds-illustration-color-2, #7896ff)", opacity: ".25", rx: "6" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-2, #7896ff)", d: "m24.798 66.79-.433-.25 31.503-54.563.433.25zM27.174 68.157l-.433-.25 31.503-54.563.433.25zM29.55 69.532l-.433-.25L60.62 14.72l.433.25zM31.926 70.907l-.433-.25 31.503-54.563.432.25zM34.302 72.275l-.433-.25L65.371 17.46l.434.25zM36.678 73.65l-.433-.25 31.503-54.564.432.25zM39.054 75.017l-.433-.25 31.503-54.564.433.25zM41.43 76.392l-.433-.25L72.5 21.578l.434.25zM43.806 77.767l-.433-.25 31.503-54.564.432.25zM46.182 79.134l-.433-.25L77.251 24.32l.433.25zM22.216 65.298l-.433-.25 31.503-54.564.433.25zM19.634 63.806l-.433-.25L50.704 8.992l.433.25zM17.052 62.314l-.433-.25L48.122 7.5l.433.25zM14.47 60.83l-.433-.25L45.54 6.015l.433.25zM11.888 59.337l-.433-.25L42.958 4.523l.433.25zM9.306 57.845l-.433-.25L40.376 3.03l.433.25zM6.724 56.353l-.433-.25L37.794 1.539l.433.25zM4.142 54.86l-.433-.25L35.212.047l.433.25zM1.56 53.376l-.433-.25L32.63-1.437l.433.25zM-1.022 51.884l-.433-.25L30.048-2.93l.433.25zM-3.604 50.392l-.433-.25L27.465-4.422l.434.25zM-6.186 48.9l-.433-.25L24.884-5.914l.433.25z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FitToScreen2Rows__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M13.795 14.11h44v15h-44z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FitToScreen2Rows__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "122.437", height: "100.343", x: "-7.408", y: "-54.836", fill: "url(#FitToScreen2Rows__e)", rx: "1.644" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23.198 19.96h25.193v.693H23.198zM28.923 22.57h13.742v.692H28.923z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FitToScreen2Rows__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M13.795 43.11h44v15h-44z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FitToScreen2Rows__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "122.437", height: "100.343", x: "-7.408", y: "-25.836", fill: "url(#FitToScreen2Rows__h)", rx: "1.644" }))), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23.198 48.96h25.193v.693H23.198zM28.923 51.57h13.742v.692H28.923z" })),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "FitToScreen2Rows__b" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "13.795", y: "14.109", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FitToScreen2Rows__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M13.795 14.11h44v15h-44z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FitToScreen2Rows__f" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M13.795 43.11h44v15h-44z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FitToScreen2Rows__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "13.795", y: "14.109", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FitToScreen2Rows__e", x1: "97.664", x2: "17.276", y1: "-45.829", y2: "79.336", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FitToScreen2Rows__h", x1: "97.664", x2: "17.276", y1: "-16.829", y2: "108.336", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "FitToScreen2Rows__d", width: "132.3", height: "110.207", x: "-12.34", y: "-59.767", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1944_8607", stdDeviation: "2.466" })), /* @__PURE__ */ React.createElement("filter", { id: "FitToScreen2Rows__g", width: "132.3", height: "110.207", x: "-12.34", y: "-30.767", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1944_8607", stdDeviation: "2.466" })))
15
+ );
16
+ FitToScreen2Rows.displayName = "FitToScreen2Rows";
17
+ export {
18
+ FitToScreen2Rows
19
+ };
package/dist/esm/FitToScreen3Rows.js ADDED
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ const FitToScreen3Rows = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FitToScreen3Rows__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "73", height: "80", x: "-9.569", y: "-4.891", fill: "var(--wds-illustration-color-opacity-25, #f8f6f200)", rx: "6" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FitToScreen3Rows__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "100", height: "81", x: "-14.205", y: "-4.891", fill: "var(--wds-illustration-color-2, #7896ff)", opacity: ".25", rx: "6" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-2, #7896ff)", d: "m24.798 66.79-.433-.25 31.503-54.563.433.25zM27.174 68.157l-.433-.25 31.503-54.563.433.25zM29.55 69.532l-.433-.25L60.62 14.72l.433.25zM31.926 70.907l-.433-.25 31.503-54.563.432.25zM34.302 72.275l-.433-.25L65.371 17.46l.434.25zM36.678 73.65l-.433-.25 31.503-54.564.432.25zM39.054 75.017l-.433-.25 31.503-54.564.433.25zM41.43 76.392l-.433-.25L72.5 21.578l.434.25zM43.806 77.767l-.433-.25 31.503-54.564.432.25zM46.182 79.134l-.433-.25L77.251 24.32l.433.25zM22.216 65.298l-.433-.25 31.503-54.564.433.25zM19.634 63.806l-.433-.25L50.704 8.992l.433.25zM17.052 62.314l-.433-.25L48.122 7.5l.433.25zM14.47 60.83l-.433-.25L45.54 6.015l.433.25zM11.888 59.337l-.433-.25L42.958 4.523l.433.25zM9.306 57.845l-.433-.25L40.376 3.03l.433.25zM6.724 56.353l-.433-.25L37.794 1.539l.433.25zM4.142 54.86l-.433-.25L35.212.047l.433.25zM1.56 53.376l-.433-.25L32.63-1.437l.433.25zM-1.022 51.884l-.433-.25L30.048-2.93l.433.25zM-3.604 50.392l-.433-.25L27.465-4.422l.434.25zM-6.186 48.9l-.433-.25L24.884-5.914l.433.25z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FitToScreen3Rows__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M13.795 14.11h44v11h-44z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FitToScreen3Rows__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FitToScreen3Rows__e)", d: "M-7.408-62.328h159.361V45.514H-7.408z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#FitToScreen3Rows__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "122.437", height: "100.343", x: "-7.408", y: "-54.836", fill: "url(#FitToScreen3Rows__g)", rx: "1.644" }))), /* @__PURE__ */ React.createElement("rect", { width: "25.193", height: ".692", x: "23.198", y: "17.789", fill: "var(--wds-illustration-color-1, #002291)", rx: ".346" }), /* @__PURE__ */ React.createElement("rect", { width: "13.742", height: ".692", x: "28.923", y: "20.398", fill: "var(--wds-illustration-color-1, #002291)", rx: ".346" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FitToScreen3Rows__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M13.795 47.11h44v11h-44z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FitToScreen3Rows__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FitToScreen3Rows__j)", d: "M-7.408-29.328h159.361V78.514H-7.408z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#FitToScreen3Rows__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "140.211", height: "126.413", x: "-7.408", y: "-47.898", fill: "url(#FitToScreen3Rows__l)", rx: "1.644" }))), /* @__PURE__ */ React.createElement("rect", { width: "25.193", height: ".692", x: "23.198", y: "50.789", fill: "var(--wds-illustration-color-1, #002291)", rx: ".346" }), /* @__PURE__ */ React.createElement("rect", { width: "13.742", height: ".692", x: "28.923", y: "53.398", fill: "var(--wds-illustration-color-1, #002291)", rx: ".346" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FitToScreen3Rows__m)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M13.795 47.11h44v11h-44z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FitToScreen3Rows__n)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FitToScreen3Rows__o)", d: "M-7.408-29.328h159.361V78.514H-7.408z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#FitToScreen3Rows__p)" }, /* @__PURE__ */ React.createElement("rect", { width: "122.437", height: "100.343", x: "-7.408", y: "-21.836", fill: "url(#FitToScreen3Rows__q)", rx: "1.644" }))), /* @__PURE__ */ React.createElement("rect", { width: "25.193", height: ".692", x: "23.198", y: "50.789", fill: "var(--wds-illustration-color-1, #002291)", rx: ".346" }), /* @__PURE__ */ React.createElement("rect", { width: "13.742", height: ".692", x: "28.923", y: "53.398", fill: "var(--wds-illustration-color-1, #002291)", rx: ".346" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FitToScreen3Rows__r)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M13.795 30.61h44v11h-44z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FitToScreen3Rows__s)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FitToScreen3Rows__t)", d: "M-7.408-45.828h159.361V62.014H-7.408z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#FitToScreen3Rows__u)" }, /* @__PURE__ */ React.createElement("rect", { width: "140.211", height: "126.413", x: "-7.408", y: "-64.398", fill: "url(#FitToScreen3Rows__v)", rx: "1.644" }))), /* @__PURE__ */ React.createElement("rect", { width: "25.193", height: ".692", x: "23.198", y: "34.289", fill: "var(--wds-illustration-color-1, #002291)", rx: ".346" }), /* @__PURE__ */ React.createElement("rect", { width: "13.742", height: ".692", x: "28.923", y: "36.898", fill: "var(--wds-illustration-color-1, #002291)", rx: ".346" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FitToScreen3Rows__w)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M13.795 30.61h44v11h-44z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FitToScreen3Rows__x)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FitToScreen3Rows__y)", d: "M-7.408-45.828h159.361V62.014H-7.408z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#FitToScreen3Rows__z)" }, /* @__PURE__ */ React.createElement("rect", { width: "122.437", height: "100.343", x: "-7.408", y: "-38.336", fill: "url(#FitToScreen3Rows__A)", rx: "1.644" }))), /* @__PURE__ */ React.createElement("rect", { width: "25.193", height: ".692", x: "23.198", y: "34.289", fill: "var(--wds-illustration-color-1, #002291)", rx: ".346" }), /* @__PURE__ */ React.createElement("rect", { width: "13.742", height: ".692", x: "28.923", y: "36.898", fill: "var(--wds-illustration-color-1, #002291)", rx: ".346" })),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FitToScreen3Rows__e", x1: "129.351", x2: "50.705", y1: "-52.648", y2: "95.651", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FitToScreen3Rows__g", x1: "97.664", x2: "17.276", y1: "-45.829", y2: "79.336", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FitToScreen3Rows__j", x1: "129.351", x2: "50.705", y1: "-19.648", y2: "128.651", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FitToScreen3Rows__l", x1: "112.918", x2: "7.951", y1: "-36.552", y2: "112.011", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FitToScreen3Rows__o", x1: "129.351", x2: "50.705", y1: "-19.648", y2: "128.651", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FitToScreen3Rows__q", x1: "97.664", x2: "17.276", y1: "-12.829", y2: "112.336", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FitToScreen3Rows__t", x1: "129.351", x2: "50.705", y1: "-36.148", y2: "112.151", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FitToScreen3Rows__v", x1: "112.918", x2: "7.951", y1: "-53.052", y2: "95.511", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FitToScreen3Rows__y", x1: "129.351", x2: "50.705", y1: "-36.148", y2: "112.151", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FitToScreen3Rows__A", x1: "97.664", x2: "17.276", y1: "-29.329", y2: "95.836", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "FitToScreen3Rows__d", width: "171.693", height: "120.175", x: "-13.574", y: "-68.494", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1944_8528", stdDeviation: "3.083" })), /* @__PURE__ */ React.createElement("filter", { id: "FitToScreen3Rows__f", width: "132.3", height: "110.207", x: "-12.34", y: "-59.767", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1944_8528", stdDeviation: "2.466" })), /* @__PURE__ */ React.createElement("filter", { id: "FitToScreen3Rows__i", width: "171.693", height: "120.175", x: "-13.574", y: "-35.494", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1944_8528", stdDeviation: "3.083" })), /* @__PURE__ */ React.createElement("filter", { id: "FitToScreen3Rows__k", width: "150.074", height: "136.277", x: "-12.34", y: "-52.83", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1944_8528", stdDeviation: "2.466" })), /* @__PURE__ */ React.createElement("filter", { id: "FitToScreen3Rows__n", width: "171.693", height: "120.175", x: "-13.574", y: "-35.494", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1944_8528", stdDeviation: "3.083" })), /* @__PURE__ */ React.createElement("filter", { id: "FitToScreen3Rows__p", width: "132.3", height: "110.207", x: "-12.34", y: "-26.767", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1944_8528", stdDeviation: "2.466" })), /* @__PURE__ */ React.createElement("filter", { id: "FitToScreen3Rows__s", width: "171.693", height: "120.175", x: "-13.574", y: "-51.994", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1944_8528", stdDeviation: "3.083" })), /* @__PURE__ */ React.createElement("filter", { id: "FitToScreen3Rows__u", width: "150.074", height: "136.277", x: "-12.34", y: "-69.33", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1944_8528", stdDeviation: "2.466" })), /* @__PURE__ */ React.createElement("filter", { id: "FitToScreen3Rows__x", width: "171.693", height: "120.175", x: "-13.574", y: "-51.994", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1944_8528", stdDeviation: "3.083" })), /* @__PURE__ */ React.createElement("filter", { id: "FitToScreen3Rows__z", width: "132.3", height: "110.207", x: "-12.34", y: "-43.267", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1944_8528", stdDeviation: "2.466" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FitToScreen3Rows__b" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "13.795", y: "14.109", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FitToScreen3Rows__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M13.795 14.11h44v11h-44z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FitToScreen3Rows__h" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M13.795 47.11h44v11h-44z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FitToScreen3Rows__m" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M13.795 47.11h44v11h-44z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FitToScreen3Rows__r" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M13.795 30.61h44v11h-44z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FitToScreen3Rows__w" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M13.795 30.61h44v11h-44z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FitToScreen3Rows__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "13.795", y: "14.109", fill: "#fff", rx: "3" })))
15
+ );
16
+ FitToScreen3Rows.displayName = "FitToScreen3Rows";
17
+ export {
18
+ FitToScreen3Rows
19
+ };
package/dist/esm/FitToScreenBottom.js ADDED
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ const FitToScreenBottom = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FitToScreenBottom__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "73", height: "80", x: "-9.569", y: "-4.891", fill: "var(--wds-illustration-color-opacity-25, #f8f6f200)", rx: "6" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FitToScreenBottom__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "100", height: "81", x: "-14.206", y: "-4.891", fill: "var(--wds-illustration-color-2, #7896ff)", opacity: ".25", rx: "6" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-2, #7896ff)", d: "m24.798 66.79-.433-.25 31.503-54.563.432.25zM27.174 68.157l-.433-.25 31.502-54.563.433.25zM29.55 69.532l-.433-.25L60.62 14.72l.433.25zM31.926 70.907l-.433-.25 31.503-54.563.432.25zM34.302 72.275l-.433-.25L65.371 17.46l.433.25zM36.678 73.65l-.433-.25 31.502-54.564.433.25zM39.054 75.017l-.433-.25 31.502-54.564.433.25zM41.43 76.392l-.433-.25 31.502-54.564.433.25zM43.806 77.767l-.433-.25 31.502-54.564.433.25zM46.182 79.134l-.433-.25L77.251 24.32l.433.25zM22.216 65.298l-.433-.25 31.502-54.564.434.25zM19.634 63.806l-.433-.25L50.703 8.992l.433.25zM17.052 62.314l-.433-.25L48.121 7.5l.433.25zM14.47 60.83l-.433-.25L45.54 6.015l.433.25zM11.888 59.337l-.433-.25L42.958 4.523l.433.25zM9.306 57.845l-.433-.25L40.376 3.03l.433.25zM6.724 56.353l-.433-.25L37.794 1.539l.433.25zM4.142 54.86l-.433-.25L35.212.047l.432.25zM1.56 53.376l-.433-.25L32.63-1.437l.432.25zM-1.022 51.884l-.433-.25L30.047-2.93l.433.25zM-3.604 50.392l-.433-.25L27.466-4.422l.432.25zM-6.186 48.9l-.433-.25L24.884-5.914l.433.25z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FitToScreenBottom__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "33", x: "13.794", y: "25.109", fill: "var(--wds-illustration-color-7, #002297)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FitToScreenBottom__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "140.211", height: "126.413", x: "-8.677", y: "-46.164", fill: "url(#FitToScreenBottom__e)", rx: "1.644" }))), /* @__PURE__ */ React.createElement("rect", { width: "25.193", height: ".692", x: "23.198", y: "36.961", fill: "var(--wds-illustration-color-1, #002291)", rx: ".346" }), /* @__PURE__ */ React.createElement("rect", { width: "13.742", height: ".692", x: "28.923", y: "39.57", fill: "var(--wds-illustration-color-1, #002291)", rx: ".346" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FitToScreenBottom__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "7", height: "3", x: "32.294", y: "43.266", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FitToScreenBottom__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FitToScreenBottom__h)", d: "M32.295 26.445h32.088v19.486H32.295z" })))),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "FitToScreenBottom__b" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "13.794", y: "14.109", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FitToScreenBottom__c" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "33", x: "13.794", y: "25.109", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FitToScreenBottom__f" }, /* @__PURE__ */ React.createElement("rect", { width: "7", height: "3", x: "32.294", y: "43.266", fill: "#fff", rx: "1.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FitToScreenBottom__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "13.794", y: "14.109", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FitToScreenBottom__e", x1: "111.649", x2: "6.682", y1: "-34.817", y2: "113.746", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FitToScreenBottom__h", x1: "59.832", x2: "46.511", y1: "28.194", y2: "56.187", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "FitToScreenBottom__d", width: "150.074", height: "136.277", x: "-13.608", y: "-51.096", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1944_8426", stdDeviation: "2.466" })), /* @__PURE__ */ React.createElement("filter", { id: "FitToScreenBottom__g", width: "39.73", height: "27.127", x: "28.474", y: "22.624", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1944_8426", stdDeviation: "1.911" })))
15
+ );
16
+ FitToScreenBottom.displayName = "FitToScreenBottom";
17
+ export {
18
+ FitToScreenBottom
19
+ };
package/dist/esm/FitToScreenCenter.js ADDED
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ const FitToScreenCenter = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 72 72",
6
+ fill: "none",
7
+ width: 72,
8
+ height: 72,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FitToScreenCenter__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "73", height: "80", x: "-9.569", y: "-4.891", fill: "var(--wds-illustration-color-opacity-25, #f8f6f200)", rx: "6" })),
13
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FitToScreenCenter__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "100", height: "81", x: "-14.205", y: "-4.891", fill: "var(--wds-illustration-color-2, #7896ff)", opacity: ".25", rx: "6" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-2, #7896ff)", d: "m24.798 66.79-.433-.25 31.503-54.563.433.25zM27.174 68.157l-.433-.25 31.503-54.563.433.25zM29.55 69.532l-.433-.25L60.62 14.72l.433.25zM31.926 70.907l-.433-.25 31.503-54.563.432.25zM34.302 72.275l-.433-.25L65.372 17.46l.433.25zM36.678 73.65l-.433-.25 31.503-54.564.432.25zM39.054 75.017l-.433-.25 31.503-54.564.433.25zM41.43 76.392l-.433-.25L72.5 21.578l.434.25zM43.806 77.767l-.433-.25 31.503-54.564.432.25zM46.182 79.134l-.433-.25L77.251 24.32l.433.25zM22.216 65.298l-.433-.25 31.503-54.564.433.25zM19.634 63.806l-.433-.25L50.704 8.992l.433.25zM17.052 62.314l-.433-.25L48.122 7.5l.433.25zM14.47 60.83l-.433-.25L45.54 6.015l.433.25zM11.888 59.337l-.433-.25L42.958 4.523l.433.25zM9.306 57.845l-.433-.25L40.376 3.03l.433.25zM6.724 56.353l-.433-.25L37.794 1.539l.433.25zM4.142 54.86l-.433-.25L35.212.047l.433.25zM1.56 53.376l-.433-.25L32.63-1.437l.433.25zM-1.022 51.884l-.433-.25L30.048-2.93l.433.25zM-3.604 50.392l-.433-.25L27.465-4.422l.434.25zM-6.186 48.9l-.433-.25L24.884-5.914l.433.25z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FitToScreenCenter__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "33", x: "13.795", y: "19.609", fill: "var(--wds-illustration-color-7, #002297)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FitToScreenCenter__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "140.211", height: "126.413", x: "-8.677", y: "-51.664", fill: "url(#FitToScreenCenter__e)", rx: "1.644" }))), /* @__PURE__ */ React.createElement("rect", { width: "25.193", height: ".692", x: "23.198", y: "31.461", fill: "var(--wds-illustration-color-1, #002291)", rx: ".346" }), /* @__PURE__ */ React.createElement("rect", { width: "13.742", height: ".692", x: "28.923", y: "34.07", fill: "var(--wds-illustration-color-1, #002291)", rx: ".346" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FitToScreenCenter__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "7", height: "3", x: "32.295", y: "37.766", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FitToScreenCenter__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FitToScreenCenter__h)", d: "M32.295 20.945h32.088v19.486H32.295z" })))),
14
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "FitToScreenCenter__b" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "13.795", y: "14.109", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FitToScreenCenter__c" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "33", x: "13.795", y: "19.609", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FitToScreenCenter__f" }, /* @__PURE__ */ React.createElement("rect", { width: "7", height: "3", x: "32.295", y: "37.766", fill: "#fff", rx: "1.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FitToScreenCenter__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "13.795", y: "14.109", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FitToScreenCenter__e", x1: "111.649", x2: "6.682", y1: "-40.317", y2: "108.246", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FitToScreenCenter__h", x1: "59.832", x2: "46.511", y1: "22.694", y2: "50.687", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "FitToScreenCenter__d", width: "150.074", height: "136.277", x: "-13.608", y: "-56.596", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1944_8477", stdDeviation: "2.466" })), /* @__PURE__ */ React.createElement("filter", { id: "FitToScreenCenter__g", width: "39.73", height: "27.127", x: "28.474", y: "17.124", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1944_8477", stdDeviation: "1.911" })))
15
+ );
16
+ FitToScreenCenter.displayName = "FitToScreenCenter";
17
+ export {
18
+ FitToScreenCenter
19
+ };